54545
54545
54545
54545
54545
54545
Отредактировано sweetunicorn (2021-10-23 21:18:31)
test |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » test » Новый форум » 45345
54545
54545
54545
54545
54545
54545
Отредактировано sweetunicorn (2021-10-23 21:18:31)
[html]
<div class="badfrog"><span class ="frog"><img src="http://forumstatic.ru/files/001b/63/6d/14072.png"></span></div>
<style>
.frog>img {
position: relative;
top: 307px;
left: 72px;
z-index: 99;
}
.badfrog {
width: 500px;
height: 500px;
}
</style>[/html]
[html]
<style>
.fuckingcat{
position:fixed;
width:700px;
height:700px;
z-index:999999;
top: 10px;
right: 10px;
}
</style>
<img class="fuckingcat" src="<http://forumstatic.ru/files/001b/63/6d/60332.png>" border="0">
[/html]
<!--HTML--> <script> $(window).load(function(){ var postId = '4#p11' //Вместо этого ты пишешь ID поста. Надеюсь, ты в курсе, как его искать. var leftCorner = $(`#${postId}`).position(); var postPosition = leftCorner.top; var punContainer = $("#pun").position(); $(`#${postId}`).append('<img id="dancing-left" src="https://image.ibb.co/h21S28/200px_Tfc.png">');//Вот здесь - ссылка на саму картинку $('#dancing-left').css({"left":-10, "top":postPosition+104,"position":"absolute"});//Там где left - нужно указать, насколько сильно оно должно быть слева. Подстраивается под картинку и под вёрстку индивидуально, методом проб и ошибок и обсёра штанов }); </script> <!--/HTML-->
[html]<style>
.tooltip span{
visibility: hidden;
position: absolute;
left: 0px;
background: transparent;
}
#ssilka {
color: #000 !important;
}
.tooltip:hover span{
visibility: visible;
}
</style>
<div class="text">Каково это всю свою недолгую жизнь жить с ощущением, что с тобой что-то не так, что вокруг опасность, которую ты не можешь понять, но боишься, боишься настолько, что постоянно озираешься при ходьбе, а при скоплении людей держишься от всех подальше. Ты не считаешь всех вокруг - безопасностью, от них веет магией, такой разной, нет ни одной повторки, хоть сейчас открывай альбом и вклеивай каждый отпечаток, словно пронумерованную марку. Вот и начались занятия, к которым Афину так долго готовили в адаптационном центре, неудобная форма, шум голосов, суета, все это слишком сильно отличалось от тихой и размеренной жизни в министерстве. В адаптационном центре у Афины даже появились друзья, но сейчас она не могла найти их в толпе - слишком много лиц пробегало перед глазами, все они сливались, расплывались перед глазами, кажется, у Афины начала кружиться голова. Она отошла в сторону, вжавшись спиной к стене, чтобы хоть как-то угомонить разбушевавшиеся нервы и накатившее волнение.
<br>
<br>На Афину вряд ли кто-то обращал внимание, началась приветственная речь и глаза всех собравшихся в зале были устремлены на директора, кроме одного мужчины, он явно что-то искал. Афина заметила его сразу, пусть <a class="tooltip" id="ssilka" href="#">она<span><img src="http://forumstatic.ru/files/001b/63/6d/14072.png"/></span></a> и не отличалась орлиным взглядом и скорее была близорука. Хоть в министерстве говорили, что её зрение в норме, девушка заимела привычку щуриться. На таком расстоянии девушка не могла различить его лицо, но его она словно чувствовала всем своим нутром, где-то в глубине души вяло зашевелились упорно вычеркиваемые воспоминания - от них было слишком больно, это не нужно вспоминать, на них висит огромный замок, а цепь уже успела проржаветь. И она занервничала ещё сильнее. Он ещё не поймал её взгляда, поэтому у Афины было время сбежать. Она испуганно посмотрела вокруг, пытаясь найти хоть какие-то пути отхода, но как она могла уйти незамеченной посреди торжественной речи директора? Разве такое поведение можно назвать вежливым? Разве такому её учили? И она осталась стоять у стены, пытаясь спрятаться за спинами более высоких учеников, которые стояли перед ней. Нет, она была не готова встретиться с ним глазами, она боялась, что все то, что она так долго пыталась забыть, снова вскроется кровоточащей раной и как она переживет это теперь, когда её мозг полностью функционирует как человеческий и она уже все понимает?
<br>
<br>Но тут речь директора закончилась и всех фамильяров первогодок стали вызывать вперед для знакомства со своими новыми учителями и друг другом, Афина ведь была послушной девочкой, хотя ей совершенно этого не хотелось, все таки вышла вперед. Теперь ей было не скрыться от незнакомца, который уже покинул свое место и решительно направлялся в сторону, сбившихся в небольшую группу, молодых фамильяров. Афине аж желудок свело от волнения, она упорно старалась не смотреть в его сторону, опустив голову так, что белоснежные локоны прикрыли её раскрасневшееся лицо. А что если он и в правду её маг? Что тогда ей делать? Да он даже ростом раза в два её выше, а выглядит так, словно таких девочек как она он на завтрак ест. Он наверняка возложит ей на плечи огромный груз ответственности, а как соответствовать тому, кто опытнее и старше тебя, а она даже понятия не имеет что она за фамильяр. А вдруг она маленькая мышь или собачка? Да его на смех поднимут с таким фамильяром и он её точно возненавидит! Потерявшись в своих собственных размышлениях о своей незавидной судьбе она не заметила, как мужчина уже встал слишком близко и положил тяжелую руку ей на плечо, Афина заметно вздрогнула, но голову так и не подняла.</div>
[/html]
[html]<style>
span.hidden {
display: none;
position: fixed;
top: -60px;
left: 0;
width: 100%;
background-color: wheat;
border: 2px solid black;
z-index: 99;
padding: 5px;
}
span.hidden:hover {
display: block;
transition: 5s;
}
img.overhidden:hover span.hidden + span {
display: block;
transition: 5s;
position: relative;
}
.overhidden {
width: 62px;
position: relative;
}
.left {
position: relative;
}
.left1 {
display: inline-flex;
position: relative;
}
.two {
position: relative;
width: 186px;
text-align: center;
}
</style>
<div class="left">
<div class="one"><img class="overhidden" src="https://i.ibb.co/zVqHPNz/tttaeri.png"> <span class="hidden"><p>аэри. ведьма. та, кого ждал всю жизнь</p></span></div>
<div class=left1> <div class="two"><img class="overhidden" src="https://i.ibb.co/zVqHPNz/tttaeri.png"> <span class="hidden"><p>аэри. ведьма. та, кого ждал всю жизнь</p></span></div> <div class="three"><img class="overhidden" src="https://i.ibb.co/zVqHPNz/tttaeri.png"> <span class="hidden"><p>аэри. ведьма. та, кого ждал всю жизнь</p></span></div></div>
</div>
<div class=""></div>[/html]
Вы здесь » test » Новый форум » 45345