// ==UserScript==
// @name My Fancy New Userscript
// @namespace http://your.homepage/
// @version 0.1
// @description enter something useful
// @author You
// @match https://vk.com/*
// @grant none
// ==/UserScript==
document.ready.querySelector("#myprofile_wrap>a>span").style.color="red";// ==UserScript==
// @name My Fancy New Userscript
// @namespace http://your.homepage/
// @version 0.1
// @description enter something useful
// @author You
// @match https://vk.com/*
// @grant none
// ==/UserScript==
document.querySelector("#myprofile_wrap>a>span").style.color="red";$('body').append('<input type="text" name="in" id="in" size="4" placeholder="url" style="border-width: 0px; background: url(images/opacity.png);" >')
$("#in").css("position", "absolute").css("top", 329).css("left", 0).css({ color: "red" });
$('body').append('<input type="text" name="in1" id="in1" size="4" placeholder="rez" style="border-width: 0px; background: url(images/opacity.png);" >')
$("#in1").css("position", "absolute").css("top", 349).css("left", 0).css({ color: "red" });
$('#in').change(function () {
var template = '<p style="font-size: 11.9999990463257px;">';
template += '<p><a href="'+$('#in').val()+'" target="_blank"><img alt="" src="'+$('#in').val()+'" style="width: 400px; height: 200px;" /></a></p>';
$('#aut2').val(template);
});
$('body').append('<input type="text" name="aut" id="aut" size="40" placeholder="url" style="border-width: 0px; background: url(images/opacity.png);" >')
$("#aut").css("position", "absolute").css("top", 129).css("left", 234).css({ color: "red" });
$('body').append('<input type="text" name="aut1" id="aut1" size="40" placeholder="name" style="border-width: 0px; background: url(images/opacity.png);" >')
$("#aut1").css("position", "absolute").css("top", 149).css("left", 234).css({ color: "red" });
$('body').append('<textarea type="textarea" name="aut2" id="aut2" cols="90" rows="10" placeholder="all" style="border-width: 0px; background: url(images/opacity.png);" MULTIPLE>')
$("#aut2").css("position", "absolute").css("top", 119).css("left", 494).css({ color: "red" });
$('#aut, #aut1').change(function () {
var template = '<td>';
template += '<p><a href="'+$('#aut').val()+'" target="_blank"><img alt="" src="'+$('#aut').val()+'" style="width: 200px; height: 105px;" /></a></p>';
template += '<p> </p>';
template += '<p>'+$('#aut1').val()+'</p>';
template += '</td>';
$('#aut2').val(template);<p>
<style type="text/css">
.all p {
font-family:trebuchet ms,helvetica,sans-serif !important;
color: #444 !important;
font-size: 16px;
}
hr {
border: 0px !important;
height: 2px !important;
background-color: #888 !important;
}
p.big img {
object-fit: contain !important;
width: 890px !important;
height: 200px !important;
overflow:hidden !important;
display: block !important;
margin-left: auto !important;
margin-right: auto !important;
margin-bottom: 50px !important;
margin-top: 50px !important;
}
.strong {
color: rgb(0,0,0) !important;
font-size: 18px !important;
}
.alt {
font-style: oblique !important;
text-align: right !important;
font-size: 18px !important;
font-family: 'Times New Roman' !important;
}
.pri {
color: rgb(0,0,0) !important;
font-size: 36px !important;
text-transform: uppercase !important;
text-align: center !important;
margin-bottom: 10px !important;
margin-top: 40px !important;
}
.sec {
font-size: 28px !important;
text-transform: uppercase !important;
text-align: center !important;
margin-bottom: 6px !important;
margin-top: 40px !important;
}
.order {
color: #f11 !important;
font-size: 24px !important;
font-family:trebuchet ms,helvetica,sans-serif !important;
text-decoration: underline !important;
text-transform: uppercase !important;
text-align: center !important;
margin: 30px !important;
}
.all a {
color: blue !important;
text-decoration: underline !important;
}
.order a {
color: red !important;
}
.all table tbody tr td {
vertical-align: top !important;
}
.med {
width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
margin-bottom: 40px !important;
}
.med img {
object-fit: cover !important;
width: 250px !important;
height: 245px !important;
overflow:hidden !important;
display: block !important;
margin-left: 15px !important;
margin-right: 15px !important;
margin-bottom: 0px !important;
margin-top: 14px !important;
vertical-align: top !important;
}
.med p {
text-align: center !important;
font-size:18px !important;
margin-left: 15px !important;
margin-right: 15px !important;
margin-bottom: 14px !important;
margin-top: 7px !important;
width: 250px !important;
}
.small {
width: 100% !important;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
}
.small img {
object-fit: contain;
width: 195px !important;
height: 130px !important;
overflow:hidden;
display: block;
margin-left: 8px;
margin-right: 8px;
margin-bottom: 0px;
margin-top: 15px;
vertical-align: top;
border-width: 2px;
border-style: solid;
border-color: black;
}
.small p {
text-align: center !important;
font-size:16px !important;
margin-left: 8px;
margin-right: 8px;
margin-bottom: 10px;
margin-top: 5px;
width: 195px;
font-family:trebuchet ms,helvetica,sans-serif;
color: #444;
}
div.side {
margin-bottom: 30px !important;
margin-top: 30px !important;
}
.side {
width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
margin-bottom: 30px !important;
}
.side img {
float: left !important;
object-fit: cover !important;
width: 300px !important;
height: 190px !important;
overflow:hidden !important;
display: block !important;
margin-left: 16px !important;
margin-right: 20px !important;
margin-bottom: 10px !important;
margin-top: 0px !important;
vertical-align: top !important;
}
.side p {
margin-bottom: 10px !important;
margin-top: 0px !important;
max-width: 500px;
} </style>
</p>
<div class="all">