Благодарим за выбор нашего сервиса!
Тестовое сообщение
Страница: 1
Сообщений 1 страница 7 из 7
Поделиться32015-09-23 17:10:17
Свернутый текст
fjrgewgreigriog
Поделиться42015-09-23 19:55:07
Код:
<!--HTML-->. <center><div style="width: 418px; padding: 4px; background-color: #292730; border: 3px solid #110E14;"><div style="width: 404px; padding: 6px; background-image: url(http://colourlovers.com.s3.amazonaws.com/images/patterns/3118/3118742.png);"> <div style="width:404px;"><img src="http://placehold.it/400x200"></div> <div style="width: 404px; font-family: lobster; font-size: 25px; text-transform: lowercase; color: #bababa; line-height: 90%; letter-spacing: 3px;">line of lyrics here</div> <div style="width: 390px; height: 250px; padding: 4px; background-color: #292730; font-family: arial; color: #bababa; font-size: 10px; line-height: 90%; text-align: justify; overflow: auto;"> post here. </div><br> <div style="width: 396px; font-family: georgia; background-color: #292730; color: #bababa; font-size: 8px; padding: 1px; letter-spacing: 2px;"> TAGGED , ### , OUTFIT , NOTES</div> </div></div> <div style="font-family: calibri; font-size: 8px; text-transform: uppercase; color: #121212; line-height: 150%;"><a href="http://z10.invisionfree.com/Shadowplay/index.php?showuser=14">thanks ♥</a></div></center>
Поделиться52015-09-24 09:07:08
Код:
fhh
Поделиться72015-09-24 12:27:34
Код:
<!--HTML-->.
<link href='http://fonts.googleapis.com/css?family=Lora' rel='stylesheet' type='text/css'>
<center>
<div id="trc">
<div class="trcimg"></div>
<div class="trc1">filthy. rich. spoiled. rotten.</div>
<div class="trc2"><div class="trc2a"></div>tags // ### // <a href="http://z10.invisionfree.com/Shadowplay/index.php?showuser=13908">▽</a></div>
<div class="trc3">WORDS HERE. IT SCROLLS. YAY.
</div>
</div>
</center>
<style>
#trc {
height: 400px;
width: 330px;
position: relative;
overflow: hidden
}
.trcimg {
height: 400px;
width: 330px;
position: absolute;
background-image: url(330 X 400 IMG HERE);
}
#trc .trcimg {
-webkit-transition-duration: 2s
}
#trc:hover .trcimg {
-webkit-filter: blur(3px);
-moz-filter: blur(3px);
filter: blur(3px);
-webkit-transition-duration: 2s;
-moz-transition-duration: 2s;
transition-duration: 2s;
}
.trc1 {
height: 150px;
width: 180px;
position: absolute;
text-align: left;
top: 125px;
left: 70px;
border-left: 3px solid #fff;
padding-left: 10px;
font-family: arial black;
font-size: 40px;
text-transform: uppercase;
letter-spacing: -2px;
font-weight: 900;
line-height: 30px;
color: #F00074;
-webkit-transition: 0.8s ease-in-out;
-webkit-transition-delay: 1s
}
.trc2 {
height: 40px;
width: 310px;
padding-left: 20px;
background-color: rgba(240, 0, 116, 0.6);
line-height: 40px;
color: #fff;
position: absolute;
top: 40px;
font-family: arial narrow, sans serif;
font-size: 9px;
text-transform: uppercase;
letter-spacing: 2px;
font-style: italic;
font-weight: 100;
text-align: left;
left: -330px;
-webkit-transition: 1s linear;
-moz-transition: 1s linear;
transition: 1s linear;
}
.trc2 a {
color: #fff;
text-decoration: none
}
.trc2a {
height: 90px;
width: 90px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background-image: url(90 X 90 GIF/IMG HERE. BETTER IF IT'S BLACK AND WHITE);
position: absolute;
z-index: 3;
top: -25px;
right: 40px;
background-color: #F00074;
background-blend-mode: multiply
}
.trc3 {
height: 210px;
width: 200px;
padding: 10px;
border: 10px solid #fff;
background-color: #fff;
position: absolute;
left: 45px;
top: 400px;
overflow: auto;
font-family: arial narrow;
letter-spacing: 0.5px;
line-height: 11px;
font-size: 10px;
text-align: justify;
-webkit-transition: 1s linear;
-moz-transition: 1s linear;
transition: 1s linear;
}
.trc3::-webkit-scrollbar {
width: 1px
}
.trc3::-webkit-scrollbar-thumb {
background-color: #F00074
}
#trc:hover .trc1 {
left: -210px;
-webkit-transition: 0.8s ease-in-out;
-moz-transition: 0.8s ease-in-out;
transition: 0.8s ease-in-out;
}
#trc:hover .trc2 {
left: 0px;
-webkit-transition: 1s linear;
-moz-transition: 1s linear;
transition: 1s linear;
-webkit-transition-delay: 1s;
-moz-transition-delay: 1s;
transition-delay: 1s;
}
#trc:hover .trc3 {
top: 110px;
-webkit-transition-delay: 1s;
-moz-transition-delay: 1s;
transition-delay: 1s;
}</style>Страница: 1
