00
00
00
Тихая, грустная мелодия нарушила полную тишину в маленькой спальне. Будильник. Опять. Рука протягивается машинально к телефону, откладывая звонок ещё на пять минут, а глаза все так же недвижимо смотрят в потолок, как и последние несколько часов. Сегодня Триш не сомкнула и глаз, сон, как бы она не хотела, не приходил к ней, и все что она могла — бесцельно пялиться в потолок... дальше
Тихая, грустная мелодия нарушила полную тишину в маленькой спальне. Будильник. Опять. Рука протягивается машинально к телефону, откладывая звонок ещё на пять минут, а глаза все так же недвижимо смотрят в потолок, как и последние несколько часов. Сегодня Триш не сомкнула и глаз, сон, как бы она не хотела, не приходил к ней, и все что она могла — бесцельно пялиться в потолок... дальше

Pilot.

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Pilot. » приемная » чистовик


чистовик

Сообщений 31 страница 36 из 36

31

Код:
<!--HTML-->

<style>#insta2 {width: 500px;} .insta3 {width: 250px; height: 250px; background-size: cover; display: inline-block; vertical-align: middle;} .insta4 {width: 250px; height: 250px; background-color: #fff; display: inline-block; vertical-align: middle;} .insta-top {padding: 10px; position: relative; border-bottom: 1px solid #dddddd; height: 40px;} .insta-top img {width: 30px; height: 30px; position: absolute; top: 10px; left: 10px;} .insta-topw {text-align: left; font-family: tahoma; color: #222; position: absolute; top: 10px; left: 45px; font-size: 11px; line-height: 95%; margin-right: 10px;} .insta-top2 {position: relative; border-bottom: 1px solid #dddddd; padding: 5px;} .insta-top2w {color: #bbbbbb; font-size: 10px; line-height: 95%; margin: 5px; text-align: left; padding-right: 10px; overflow: auto; height: 10px;} .insta-middle {height: 110px; overflow: auto; padding-right: 10px; margin: 10px;  text-align: left; color: #222; font-family: tahoma; text-align: left; font-size: 10px; line-height: 90%!important;} .insta-middle sub {line-height: 95%;} .insta-middle img {width: 30px; height: 30px; vertical-align: middle; margin-right: 5px;}
</style><center><div id="insta2">

<div class="insta3" style="background-image: url(http://placehold.it/250x250);">


</div><div class="insta4"><div class="insta-top">

<img src="http://placehold.it/30x30" /> 

<div class="insta-topw">

usernamehere

<BR><sub>6 minutes ago</sub><BR><sub>

message here small and short and cute #hashtag#hashtag</sub></div></div> <div class="insta-top2"><div class="insta-top2w">❤ uernamehere, uernamehere, uernamehere and uernamehere like this.

</div></div> <div class="insta-middle">

<table><td><img src="http://placehold.it/30x30" /></td><td> usernamehere<BR><sub>your message goes here! your message goes here! your message goes here! your message goes here! </sub></td></table>

<p><table><td><img src="http://placehold.it/30x30" /></td><td> usernamehere<BR><sub>your message goes here! your message goes here! your message goes here! your message goes here! </sub></td></table>

<p><table><td><img src="http://placehold.it/30x30" /></td><td> usernamehere<BR><sub>your message goes here! your message goes here! your message goes here! your message goes here! </sub></td></table>


</div> <a href="https://shadowplayers.jcink.net/index.php?showuser=153"><img src="http://i60.tinypic.com/25qvgqa.png" /></a></div></div></center>

0

32

Код:
<!--HTML--><style type="text/css">
.twita { width:500px; border:1px solid #ddd; border-radius: 5px;  -moz-border-radius: 5px; -webkit-border-radius: 5px; background:url(

http://placehold.it/500x250 - наш фон

) #f1f1f1 no-repeat top; padding:0; }
.twiti { line-height:20px; margin-top:40px; }
.twits { background:#fff; width:500px; padding:0px; text-align:justify; margin-top:30px; }
.twitf { background:#f1f1f1; width:480px; padding:10px; text-align:justify; margin-top:0px; font-size:11px; font-family:arial; font-color: #0c0c0c; }
.twitf a, .tweet1 a { color:#19AAE0;}
.twitf img, .twiti img, .tweet1 img { border-radius: 5px;  -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.twets { width:500px; border:1px solid #ddd; border-radius: 5px;  -moz-border-radius: 5px; -webkit-border-radius: 5px; background:#fff; padding:0; margin-top:10px;}
.tweet1 { width:480px; border-top:1px solid #f1f1f1; padding:20px 10px; }
</style>

<center><div class="twita"><div class="twiti">

<img src="

http://placehold.it/73x73 - ваш аватар 

" style="width:73px;height:73px;border:4px solid #fff;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;"><br />
<span style="font-family:arial;font-size:18px;color:#fff;"><b>

имя_фамилия

</b></span><br /><span style="font-family:arial;font-size:14px;color:#fff;">

@ник

</span><br /><span style="font-family:arial;font-size:11px;color:#fff;line-height:16px;">

описание // цитата для переноса используем br-тэг

<br /><small>

место_жительства 

</small></span></div>

<div class="twits"><table cellspacing="0" cellpadding="10" style="margin-left:0px;"><tr><td valign="top" style="border-right:1px solid #f1f1f1;padding-left:20px;padding-right:20px;"><span style="font-family:arial; font-size:13px;color:#0c0c0c;"><b>

000

</b></span><br /><span style="font-family:arial;font-size:8px;color:#0c0c0c;opacity:0.3;">TWEETS</span></td><td valign="top" style="border-right:1px solid #f1f1f1;padding-left:20px;padding-right:20px;"><span style="font-family:arial; font-size:13px;color:#0c0c0c;"><b>

000

</b></span><br /><span style="font-family:arial;font-size:8px;color:#0c0c0c;opacity:0.3;">FOLLOWING</span></td>
<td valign="top" style="border-right:0px solid #ddd;padding-left:20px;"><span style="font-family:arial; font-size:13px;color:#0c0c0c;"><b>

000

</b></span><br />
<span style="font-family:arial;font-size:8px;color:#0c0c0c;opacity:0.3;">FOLLOWERS</span></td>

<td valign="top" style="border-right:0px solid #ddd;text-align:right;padding-left:50px;"><div style="border-radius: 5px;  -moz-border-radius: 5px; -webkit-border-radius: 5px; border:1px solid #ddd; background:#f1f1f1;padding:5px 3px;margin-left:70px;float:right;">&nbsp;<img src="http://www.inf.ethz.ch/img/eth_website_icon_vcard.png" style="width:12px;height:12px;"></div></td><td valign="top" style="border-right:0px solid #ddd;text-align:right;"><div style="border-radius: 5px;  -moz-border-radius: 5px; -webkit-border-radius: 5px; border:1px solid #057ED0; background:#19AAE0;padding:5px 5px;font-family:arial;font-size:10px;color:#fff;margin-left:-10px;margin-top:2px;"><b>Following</b></div></td></tr></table></div>
</div>


<div class="twets"><p style="text-align:left;margin-left:20px;"><span style="font-family:arial; font-size:13px;color:#0c0c0c;"><b>Tweets</b></span></p><div class="tweet1"><table style="width:100%;"><tr><td rowspan="3" style="padding-left:10px;">

<img src="

http://placehold.it/73x73 - и еще раз аватар

" style="width:60px;height:60px;">

</td><td style="padding-left:10px;"><span style="font-family:arial; font-size:11px;color:#0c0c0c;"><b>

имя_фамилия

</b></span> &nbsp; <span style="font-family:arial;font-size:10px;color:#0c0c0c;opacity:0.5;">

@ник

</span></td><td style="text-align:right;"><span style="font-family:arial;font-size:10px;color:#0c0c0c;opacity:0.5;">1h</span></td></tr><tr><td colspan="2" style="padding-left:10px;"> <span style="font-family:arial; font-size:11px;color:#0c0c0c;">

ваш первый твит. не забывайте про 140 символов :з

</span></td></tr><tr><td style="padding-left:15px;"> <span style="font-family:arial; font-size:10px;color:#0c0c0c;opacity:0.3;">Expand</span>
</td><td style="text-align:right;"> <span style="font-family:arial; font-size:10px;color:#0c0c0c;opacity:0.3;"><img src="http://s.telegraph.co.uk/graphics/html/TwitterEmbed/Version1/reply.png"> Reply &nbsp; <img src="http://politwitter.ca/images/icon_retweet.png"> Retweet &nbsp; <img src="http://rahulvarshneya.com/wp-content/themes/rahul/home/images/icon_three.png"> Favorite </span></td></tr></table></div></div></center>

0

33

Код:
<!--HTML-->


<center>
 <div class="jhappc">
 <img src="SQUAREGIFICON">
 <h1>firstname lastname</h1>
 <h2><i class="fa fa-quote-left" aria-hidden="true"></i> LYRICS OR QUOTES GO HERE. DON'T MAKE IT TOO LONG</h2>

<div class="jhcolorborder1"></div>
<div class="jhcolorborder2"></div>
 
   <div class="tabs">

<div class="jhatab">
<input type="radio" id="tab-1" name="tab-group-1" checked>
<label for="tab-1" style="margin-top: -135px;" title="profile"><i class="fa fa-id-badge" aria-hidden="true"></i></label>
<div class="jhacontent">

<div class="jhacontent2">

 <div class="jhapphti"><i class="fa fa-angle-double-right" aria-hidden="true"></i> use this tab for questionnaires</div>
 <div class="jhapptf">
 <b>FULL NAME</b> ANSWER<br>
 <b>NICKNAME(S)</b> ANSWER<br>
 <b>AGE</b> ANSWER<br>
 <b>THINGS AKIN</b> ANSWER<br>
   <b>QUESTION</b> ANSWER
 </div>
 
 <div class="jhapphti"><i class="fa fa-angle-double-right" aria-hidden="true"></i> header here</div>
 <div class="jhapptf">
 <b>FULL NAME</b> ANSWER<br>
 <b>NICKNAME(S)</b> ANSWER<br>
 <b>AGE</b> ANSWER<br>
 <b>THINGS AKIN</b> ANSWER<br>
   <b>QUESTION</b> ANSWER
 </div>
 
 <div class="jhapphti"><i class="fa fa-angle-double-right" aria-hidden="true"></i> header here</div>
 <div class="jhapptf">
 <b>FULL NAME</b> ANSWER<br>
 <b>NICKNAME(S)</b> ANSWER<br>
 <b>AGE</b> ANSWER<br>
 <b>THINGS AKIN</b> ANSWER<br>
   <b>QUESTION</b> ANSWER
 </div>
 
</div>

</div>
</div>

<div class="jhatab">
<input type="radio" id="tab-2" name="tab-group-1">
<label for="tab-2" style="margin-top: -60px;" title="freeform"><i class="fa fa-coffee" aria-hidden="true"></i></label>
<div class="jhacontent">

<div class="jhacontent2">

 <div class="jhapphti"><i class="fa fa-angle-double-right" aria-hidden="true"></i> 
 freeform history</div>
 <div class="jhapptf2">
 history stuffs here. <b>bolded text</b>. <i>italic text</i>.
 </div>
 
 <div class="jhapphti"><i class="fa fa-angle-double-right" aria-hidden="true"></i> 
 freeform history</div>
 <div class="jhapptf2">
 history stuffs here. <b>bolded text</b>. <i>italic text</i>.
 </div>
 
</div>

</div>
</div>

<div class="jhatab">
<input type="radio" id="tab-3" name="tab-group-1">
<label for="tab-3" style="margin-top: 20px;" title="shipper"><i class="fa fa-ship" aria-hidden="true"></i></label>
<div class="jhacontent">
<div class="jhacontent2">

 <div class="jhapphti"><i class="fa fa-angle-double-right" aria-hidden="true"></i> 
 friends</div>
 <div class="jhapptf2">
 history stuffs here. <b>bolded text</b>. <i>italic text</i>.
 </div>
 
 <div class="jhapphti"><i class="fa fa-angle-double-right" aria-hidden="true"></i> 
 enemies</div>
 <div class="jhapptf2">
 history stuffs here. <b>bolded text</b>. <i>italic text</i>.
 </div>
 
 <div class="jhapphti"><i class="fa fa-angle-double-right" aria-hidden="true"></i> 
 lovers</div>
 <div class="jhapptf2">
 history stuffs here. <b>bolded text</b>. <i>italic text</i>.
 </div>
 
</div>
</div>
</div>

</div>
<div class="jhappooc">authored by ooc <i class="fa fa-star" aria-hidden="true"></i> 00 years old <i class="fa fa-star" aria-hidden="true"></i> timezone </div>
 </div>
 <a href="http://shine.jcink.net/index.php?showuser=12501" class="jhappcre">credit to spica of shine</a>
</center>

<link href="https://fonts.googleapis.com/css?family=Raleway:800|Montserrat:400,800|Poppins:400" rel="stylesheet">
<link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css' rel='stylesheet'/>

<style type="text/css">
.jhappcre {
 font: 7px/100% raleway;
 font-weight: 800;
 padding: 6px;
 text-transform: uppercase;
 color: #757575;
 margin: 0px auto;
 display: block;
 text-decoration: none;
}

.jhapptf2 i {
 font-size: 11px!important;
 color: #79B5AC!important;
}

.jhapptf2 b {
 font-weight: 900!important;
 font: 11px/100% montserrat!important;
 color: #79B5AC!important;
}

.jhapptf2 {
 border-radius: 6px;
 font: 9px/100% poppins;
 text-align: justify;
 font-weight: 400;
 padding: 12px;
 color: #454545;
 background: #FCFCFC;
 border: 1px solid #F1F1F1;
 min-height: 30px!important;
 margin-left: 0px;
}

::-MOZkit-SCROLLBAR { 
 width: 9px;
 border-left: 4px solid #fff;
 border-right: 4px solid #fff; 
 background: #E2E1E1; 
 }
 
::-MOZkit-SCROLLBAR-THUMB { 
 border: 2px solid #fcfcfc;  
 background: #E3E3E3;
 }
 
::-webkit-scrollbar {
 width: 9px; 
 border-left: 4px solid #fff;
 border-right: 4px solid #fff; 
 background: #E2E1E1;
 }
 
::-webkit-scrollbar-thumb { 
 border: 2px solid #fcfcfc; 
 background: #E3E3E3;
 }


.jhacontent2 b {
 font: 7px/100% raleway;
 font-weight: 900;
 color: #79B5AC;
}

.jhacontent2 {
 padding: 5px; 
 height: 240px;
 overflow: auto;
}

.jhapptf {
 border-radius: 6px;
 font: 7.2px/100% montserrat;
 text-align: justify;
 font-weight: 400;
 padding: 12px;
 color: #454545;
 background: #FCFCFC;
 border: 1px solid #F1F1F1;
 min-height: 30px!important;
 margin-left: 0px;
}

.jhacontent2 i {
 color: #79B5AC;
  text-shadow: 1px 1px #F4DD51;
}

.jhapphti {
 padding: 6px;
 margin: 6px;
 text-align: right;
 letter-spacing: -1px;
 font: 20px/70% montserrat;
 color: #F4DD51; 
 text-transform: lowercase;
  text-shadow: 1px 1px #79B5AC;
  font-weight: 800;
 
}

.jhappooc i {
 color: #F4DD51;
 text-shadow: 1px 1px #79B5AC;
}

.jhappooc {
 z-index: 1;
 background: #454545;
 padding: 6px;
 color: #FFF;
 text-align: left;
 position: absolute;
 left: 0px;
 bottom: 0px;
 width: 97.2%;
 font: 9px/100% raleway;
 font-weight: 800;
 text-transform: uppercase;
}

.jhcolorborder1 {
height: 4px;
background: #444;
border-right: 140px solid #79B5AC;
margin-top: 0px;
margin-bottom: 5px;
}

.jhcolorborder2 {
height: 4px;
background: #444;
border-left: 140px solid #79B5AC;
margin-top: 105px;
}

.jhappc h2 i {
 float: left;
 padding: 5px;
 margin: 3px;
 font-size: 12px;
 color: #79B5AC;
 text-shadow: 1px 1px #F4DD51;
}

.jhappc h2 {
  font: 7.4px/100% poppins;
  text-transform: uppercase;
  float: left;
  text-align: justify;
  border-right: 1px dotted #EDEDED; 
  width: 130px;
  padding: 7px;
  overflow: hidden;
  color: #484848;
  height: 89px;
  position: absolute;
  top: 13px;
}

.jhappc h1 {
  color: #F4DD51; 
  text-shadow: 1px 1px #79B5AC;
  font: 24px/100% montserrat;
  font-weight: 800;
  overflow: hidden;
  text-transform: uppercase;
  letter-spacing: -1px;
  text-align: right;
  padding: 5px;
  float: right;
  width: 140px;
  height: 75px;
}

.jhappc img {
 width: 70px;
 height: 70px;
 border-radius: 100%;
 float: right;
 margin: 10px;
 border: 5px solid #FCFCFC;
 box-shadow: 2px 2px #EDEDED;
}

.jhappc {
 overflow: hidden;
 padding: 13px;
 border: 1px solid #DFDFDF;
 border-radius: 5px;
 width: 400px;
 height: 450px;
 background: #FCFCFC;
 position: relative;
}

.tabs {
 padding: 1px;
position: relative;  
width: 400px;
height:  300px;
margin-top: 200px;
}

.jhatab {
float: left;
}

.jhatab label {
 color: #F4DD51; 
  text-shadow: 1px 1px #79B5AC;
background: #F9F9F9;
line-height: 100%;
font-size: 18px;
border-radius: 100%;
padding: 10px;
border: 1px solid #DFDFDF;
width: 20px;
height: 20px;
margin: 10px;
position: relative;
left: 1px;
float: left;
}

.jhatab [type=radio] {
display: none;  
}

.jhacontent {
position: absolute;
height: 250px;
width: 280px;
-webkit-transition-duration: .9s; 
-moz-transition-duration: .9s;
-o-transition-duration: .9s; 
overflow: hidden;
top: 480px; 
bottom: 0px;
left: 0px; 
right: 0px;
background: #FEFEFE;
padding: 20px;
border: 1px solid #DFDFDF;
}

[type=radio]:checked ~ label {
background: white;
border: 1px solid #DFDFDF;
z-index: 2;
}

[type=radio]:checked ~ label ~ .jhacontent {
z-index: 1;
top: -180px;
left: 70px;
}
</style>

0

34

Код:
<!--HTML-->
<style>
 #nuttyapp { width: 522px; margin: 10px auto; position: relative; }
   .transfer { width: 500px; height: 410px; border: 10px solid transparent; outline: 2px solid #dedede; background: url(https://cdnw.nickpic.host/m5DynQ.png); overflow: hidden;}
   .transferl { width: 500px; height: 300px; border-bottom: 10px solid transparent; } 
   .transferl img { width: 500px; height: 300px; }
   .wordsmith label[for=apples] { cursor: pointer;  position: absolute; top: 320px; z-index: 9; transition: .6s ease-in-out; -webkit-transition: .6s ease-in-out; -ms-transition: .6s ease-in-out; -moz-transition: .6s ease-in-out; -o-transition: .6s ease-in-out; }
   .wordybirdy { width: 460px; height: 100px; background: #6B8D5B; padding: 0px 20px; text-align: center; color: #fff; text-shadow: 2px 2px #333; font: 45px/100px 'Dancing Script', cursive;}
   .wordsmith input[type=checkbox] { position: absolute; top: -9999px; left: -9999px; display: none;}
   .wordsmith input[type=checkbox]:checked ~ .totalcombat { top: -210px;}
   .wordsmith input[type=checkbox]:checked ~ label[for=apples] {  top: 10px; }
   .totalcombat {  height: 286px; width: 476px; padding: 10px; border: 2px solid #dedede; background: #f9f9f9; opacity: 1; transition: .6s ease-in-out; -webkit-transition: .6s ease-in-out; -ms-transition: .6s ease-in-out; -moz-transition: .6s ease-in-out; -o-transition: .6s ease-in-out; position: relative; top: 0; font: 12px/12px 'Raleway', sans-serif; text-align: justify; } 
   .fatisimo { width: 100px; height: 100px; padding: 10px; border: 5px solid #dedede; }
   .fatisimo img { width: 100px; height: 100px; }
   .jupiter { width: 106px; padding: 5px 10px; border: 2px solid #ccc; margin-top: 5px; font: 10px/12px 'Raleway'; height: 12px; overflow: hidden; text-align: center;  background: #dedede; text-transform: uppercase; color: #333;}
   .risinghome { width: 316px; height: 230px;  margin: 0px auto; position: relative;  outline: 2px solid #dedede; background: #f0f0f0;  position: relative; top: -283px;left: 70px;  color: #333; overflow: hidden;}
   .risinghomet { float: left; }
   .risinghomet label { display: block;  width: 157px; height: 29px;background: #dedede; margin-left: 0px; text-align: center;text-transform: uppercase; font: 10px/30px 'Raleway', sans-serif; border-right: 1px solid #aaa; border-bottom: 1px solid #aaa; }
   .risinghomet input[type=radio]:checked ~ label { color: #6b8d5b; z-index: 2; }
   .risinghomet input[type=radio] { display: none; }
   .risinghomet-words { position: absolute; left: 0; top: 30; bottom: 0; right: 0; background: #f0f0f0;}
   .risinghomet-words2 { padding: 0px 5px; border: 15px transparent solid; overflow: auto; height: 170px;}
   .risinghomet input[type=radio]:checked ~ label ~ .risinghomet-words { z-index: 1; }
   .risinghomet-words2::-webkit-scrollbar { width: 3px; }
   .risinghomet-words2::-webkit-scrollbar-thumb { background: #6b8d5b; }
   .risinghomet-words2::-webkit-scrollbar-track { background: #6b8d5b; border: 1px solid #f0f0f0; }
   .risinghomet-words2 h1 { color: #6b8d5b; font: bold 30px/30px 'Dancing Script'; text-align: center; padding: 10px; margin: 0px;}
   .risinghomet-words2 b { color: #6b8d5b; }
   .risinghomet-words2 i { color: #6b8d5b; }
   .jupiterrising { width: 276px; padding: 0px 20px; text-align: center; position: relative; top: -283px; left: 150px; font: bold 35px/50px 'Dancing Script', cursive; color: #6b8d5b; height: 50px; overflow: hidden; text-shadow: 1px 1px #333;}
  .evviecreds { text-align: center; margin-top: 4px; text-transform: uppercase; }
  .evviecreds a { font: 10px/20px 'Raleway'; text-decoration: none;  }
</style>
<link href="https://fonts.googleapis.com/css?family=Dancing+Script|Raleway" rel="stylesheet">

<div id="nuttyapp">
 <div class="transfer">
   <div class="transferl"> <img src="http://placehold.it/500x300"></div> 
   
 <div class="wordsmith">
   <input type="checkbox" id="apples" />
     <div class="totalcombat"> 
       <div class="fatisimo"><img src="http://placehold.it/120"></div>
       <div class="jupiter">AGE </div>
       <div class="jupiter">occupation</div>
       <div class="jupiter">member group</div>
       <div class="jupiter">trait</div>
       <div class="jupiter">trait</div>
       
         <div class="risinghome">
           <div class="risinghomet">
           <input type="radio" id="app-1" name="risinghomet-group-1" checked>
             <label for="app-1">testing</label>
             <div class="risinghomet-words"> 
               <div class="risinghomet-words2">
                 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum finibus tortor velit, eu fermentum tortor tempus sed. Praesent ullamcorper enim non molestie mollis. Duis tincidunt tortor ut magna lacinia, sed suscipit mauris faucibus. Nullam odio sapien, vehicula sed sodales et, dignissim nec dui. Donec dictum nunc augue, vel pellentesque neque pharetra dignissim. Suspendisse vel vestibulum ipsum. Vivamus accumsan, nisl quis gravida tristique, quam lectus varius quam, vitae fringilla nibh sapien eu ipsum. Nam molestie, eros quis condimentum egestas, elit risus imperdiet nibh, eget semper turpis risus a nisi. Suspendisse potenti.

Aenean posuere tincidunt nisi, tempor vehicula est gravida eget. Suspendisse vitae mi et massa suscipit placerat. Phasellus ut tincidunt lectus. Praesent gravida enim dui, id cursus nibh placerat at. Donec sem lacus, interdum ut felis non, rhoncus pharetra mi. Vestibulum ut convallis dolor. Pellentesque ultricies mauris commodo tempor convallis. Fusce pellentesque lectus tellus, vitae venenatis elit viverra et.

Morbi a convallis metus, et varius sem. Vivamus pellentesque nulla in gravida laoreet. Phasellus nisl dui, porta dictum pulvinar quis, blandit ut dolor. Nulla mauris sapien, tincidunt eu bibendum scelerisque, convallis at nunc. Nulla accumsan scelerisque lacus, vel malesuada dolor. Etiam ac sodales sem. Praesent semper, enim non viverra hendrerit, metus arcu scelerisque diam, eu pretium augue tellus sed tellus. Maecenas efficitur lacus sed arcu tempus, a interdum odio auctor.

Nullam vitae vestibulum purus, eu mollis magna. Etiam non nunc massa. Fusce vitae orci cursus risus congue mattis ac quis odio. Nunc mollis leo in diam luctus vestibulum ut id turpis. Cras sagittis commodo eros a tristique. Vivamus ac velit risus. Nulla eget sapien non augue tincidunt fringilla id ut urna. Vivamus sed mattis eros. Nulla facilisi. Proin volutpat pellentesque nisi non ultricies.

Ut id metus vitae turpis feugiat ultrices. Pellentesque nisi elit, malesuada placerat eros sollicitudin, molestie pellentesque turpis. Donec facilisis lectus a nisi gravida euismod. Curabitur est risus, placerat a commodo sit amet, tempor vel dolor. Fusce ullamcorper quis elit vel vulputate. Nam rhoncus lectus id nisi mollis aliquam. Nunc laoreet leo a arcu placerat, vitae commodo sem finibus. Suspendisse congue sodales gravida. Aliquam fermentum commodo massa, eu porta lectus dignissim at. Vivamus et felis vel sapien gravida tincidunt. Mauris fringilla ante vitae molestie accumsan.
               </div>
             </div>
           </div>
         
       
           <div class="risinghomet">
           <input type="radio" id="app-2" name="risinghomet-group-1">
             <label for="app-2" style="border-right: 1px solid #dedede;">testing</label>
             <div class="risinghomet-words"><div class="risinghomet-words2">
             <h1>friends</h1>
               Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum finibus tortor velit, eu fermentum tortor tempus sed. Praesent ullamcorper enim non molestie mollis. Duis tincidunt tortor ut magna lacinia, sed suscipit mauris faucibus. Nullam odio sapien, vehicula sed sodales et, dignissim nec dui. Donec dictum nunc augue, vel pellentesque neque pharetra dignissim. Suspendisse vel vestibulum ipsum. Vivamus accumsan, nisl quis gravida tristique, quam lectus varius quam, vitae fringilla nibh sapien eu ipsum. Nam molestie, eros quis condimentum egestas, elit risus imperdiet nibh, eget semper turpis risus a nisi. Suspendisse potenti.

Aenean posuere tincidunt nisi, tempor vehicula est gravida eget. Suspendisse vitae mi et massa suscipit placerat. Phasellus ut tincidunt lectus. Praesent gravida enim dui, id cursus nibh placerat at. Donec sem lacus, interdum ut felis non, rhoncus pharetra mi. Vestibulum ut convallis dolor. Pellentesque ultricies mauris commodo tempor convallis. Fusce pellentesque lectus tellus, vitae venenatis elit viverra et.
<h1>enemies</h1>
Morbi a convallis metus, et varius sem. Vivamus pellentesque nulla in gravida laoreet. Phasellus nisl dui, porta dictum pulvinar quis, blandit ut dolor. Nulla mauris sapien, tincidunt eu bibendum scelerisque, convallis at nunc. Nulla accumsan scelerisque lacus, vel malesuada dolor. Etiam ac sodales sem. Praesent semper, enim non viverra hendrerit, metus arcu scelerisque diam, eu pretium augue tellus sed tellus. Maecenas efficitur lacus sed arcu tempus, a interdum odio auctor.
<h1>lovers</h1>
Nullam vitae vestibulum purus, eu mollis magna. Etiam non nunc massa. Fusce vitae orci cursus risus congue mattis ac quis odio. Nunc mollis leo in diam luctus vestibulum ut id turpis. Cras sagittis commodo eros a tristique. Vivamus ac velit risus. Nulla eget sapien non augue tincidunt fringilla id ut urna. Vivamus sed mattis eros. Nulla facilisi. Proin volutpat pellentesque nisi non ultricies.

Ut id metus vitae turpis feugiat ultrices. Pellentesque nisi elit, malesuada placerat eros sollicitudin, molestie pellentesque turpis. Donec facilisis lectus a nisi gravida euismod. Curabitur est risus, placerat a commodo sit amet, tempor vel dolor. Fusce ullamcorper quis elit vel vulputate. Nam rhoncus lectus id nisi mollis aliquam. Nunc laoreet leo a arcu placerat, vitae commodo sem finibus. Suspendisse congue sodales gravida. Aliquam fermentum commodo massa, eu porta lectus dignissim at. Vivamus et felis vel sapien gravida tincidunt. Mauris fringilla ante vitae molestie accumsan.
             </div></div>
           </div>
         </div>
         
       <div class="jupiterrising">played by evvie</div>
     </div>
   <label for="apples"> <div class="wordybirdy">first name last name</div></label>
 </div>
 </div>
 <div class="evviecreds"><a href="http://shine.jcink.net/index.php?showuser=744">thanks evvie!</a></div>
</div>

0

35

Код:
<!--HTML-->
<script src="https://static.tumblr.com/1vwpqwc/Kixmls5t4/jquery.style-my-tooltips.js"></script><script>(function($){ $(document).ready(function(){ $(".parent [title]").style_my_tooltips({ tip_follows_cursor:true, tip_delay_time:0, tip_fade_speed:300 }); }); })(jQuery); </script>

<style>

#s-m-t-tooltip {max-width:300px; position:relative; z-index:9000!important; margin:15px 14px 7px 12px; padding:8px; border: 2px solid green; }

</style>

<span class="test" title="test">this is a test</span>

0

36

Код:
<!--HTML-->
<style>
#thread1box {
width: 250px;
min-height: 300px;
border-radius: 125px 125px 0 0;
background: #efefef;
border-top: 10px solid #93ada7;
position: relative;
padding-bottom: 70px;
margin: 0px auto;
}

.thread1photo {
height: 150px;
width: 150px;
border-radius: 50%;

position: absolute;
margin-top: 50px;
margin-left: 50px;
}

.thread1lyrics {
font-family: cousine;
font-size: 7px;
text-transform: uppercase;
text-align: justify;
width: 150px;
line-height: 120%;
position: absolute;
margin-top: 220px;
margin-left: 40px;
padding:10px;
font-style: italic;
border-right:1px solid #93ada7;
border-left: 1px solid #93ada7;
letter-spacing: 1px;
}

.thread1cont {
width: 162px;
height: 300px;
overflow: auto;
font-family: arial;
font-size: 10px;
line-height: 110%;
text-align: justify;
position: relative;
margin-top: 300px;
padding-right: 10px;
margin-left: 40px;
}

.thread1cont::-webkit-scrollbar-thumb {
background: #93ada7;
}
.thread1cont::-webkit-scrollbar {
width: 2px;
}
.thread1cont::-webkit-scrollbar-track{
background: #ddd;
}
.thread1bot {
width: 250px;
height: 30px;
background: #93ada7;
color: #efefef;
position: absolute;
margin-left: 0;
margin-top: 40px;
font-family: cousine;
font-size: 7px;
text-transform: uppercase;
line-height: 30px;
text-align: center;
font-weight: 700;
letter-spacing: 3px;
}

.thread1cont b {
font-weight: 700;
color: #93ada7;
letter-spacing: 1px;
font-style: italic;
}

.rowancredit {
position: absolute;
font-size: 8px;
color: #93ada7 !important;
 width: 230px;
 text-align: center;
 margin-top: 15px;
}
 
 .rowancredit a, .rowancredit a:visited, .rowancredit a:active {
   color: #93ada7 !important;
   text-decoration: none;
 }
</style>
<head><link href="https://fonts.googleapis.com/css?family=Cousine:400,700" rel="stylesheet"></head>
<div id="thread1box"><div class="thread1photo" style="background: url('SQUARE GIF WILL RESIZE');
background-size: cover;"></div>
<div class="thread1lyrics">LYRICS HERE</div>

<div class="thread1cont"><b>POST HERE</div>
<div class="thread1bot">000 words</div>
<div class="rowancredit"><a href="https://shine.jcink.net/index.php?showuser=14644">☆</a></div>
</div>

0


Вы здесь » Pilot. » приемная » чистовик


Рейтинг форумов | Создать форум бесплатно © 2007–2017 «QuadroSystems» LLC