ТЕКСТ :: ВАШ ТЕКСТ :: ВЕСНА 2021
x
x
x
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi euismod commodo metus, vel ultricies libero viverra id. Vestibulum consectetur lectus eget orci pharetra molestie. Morbi ac ligula nibh. Aenean cursus purus a turpis varius, non tempus mauris consequat.

dkillian

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

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


Вы здесь » dkillian » нужное » нужное


нужное

Сообщений 1 страница 17 из 17

1

Nucleic Exchange Research + Development
Новейшие Экспериментальные Разработки + Дизайн

0

2

Код:
<!--HTML--><style type="text/css">
.crystalize {  -webkit-box-shadow: 2px 2px 13px rgba(50, 50, 50, 0.75);-moz-box-shadow: 2px 2px 13px rgba(50, 50, 50, 0.75);box-shadow: 2px 2px 13px rgba(50, 50, 50, 0.75); width:300px;  margin:0 auto; }
#cryst { width: 300px; height: 100px; background-color: black; text-align: center; position: relative; margin:0 auto; }
#cryst span { display: block; width: 100px; height: 15px; line-height: 15px; position: absolute; top: 2px; left: 2px; background-color: white; color: black; font-size: 7px; font-family: times; letter-spacing: 1px; text-align: center; }
.alize { width: 104px; height: 19px; border: 1px solid #909090; position: absolute; top: 39px; left: 95px; }
#crystext { margin:0 auto; width: 220px; padding: 40px; font-family: calibri; font-size: 8px; text-transform: uppercase; text-align: center; color: black; background-color: white; letter-spacing: 1px; text-align:justify; border-bottom:solid black 20px;  line-height:120%; }
.pierrotcredits { text-align:right; width:300px; margin:0 auto; opacity:0.8; font-size:8px; letter-spacing:2px; } .pierrotcredits a {  text-transform:lowercase; }

</style>
<div class="crystalize"> 
<div id="cryst"><div class="alize"><span>working on white lies</span></div></div>
<div id="crystext">

blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah

</div>
</div>
<div class="pierrotcredits"><a href="http://code.jfbs.net/?showuser=2">pierrot</a></div>

0

3

Код:
<!--HTML--><div class="fever"><div class="fools">

<div class="fool">
<input type="radio" id="tab-1" name="tab-group-1" checked>
<label for="tab-1">About</label>
<div class="content">


<div class="day dayy">
                    <img src="http://placehold.it/320x320">
                    <div class="mask">
                        <h2>Character Name</h2>
                        <p>[/dohtml] blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah [b]trait[/b] blah blah blah blah blah blah blah blah blah blah [b]trait[/b] blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah 

blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah [b]trait[/b] blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah [b]trait[/b] blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah 
[dohtml]</p></div>
                </div>


</div>
</div>

<div class="fool">
<input type="radio" id="tab-2" name="tab-group-1">
<label for="tab-2">Relationships</label>
<div class="content">

<h2>friend<span style="color:#da8c8c;">ships</span></h2>
<p>[/dohtml]blah blah blah blah blah blah blah blah blah blah [b]bestie[/b] blah blah blah blah blah [b]best guy friend[/b] blah blah blah blah blah [b]fangirling friend[/b] blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah [dohtml]
</p>

<h2>hate<span style="color:#da8c8c;">ships</span></h2>
<p>[/dohtml]blah blah blah blah blah [b]enemies[/b] blah blah blah blah blah blah blah blah blah blah [b]academic rivals[/b] blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah [dohtml]</p>

<h2>love<span style="color:#da8c8c;">ships</span></h2>
<p>[/dohtml]blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah [b]forbidden love[/b] blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah [b]hook up[/b] blah blah blah blah blah [b]with feelings[/b] blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah [dohtml]</p>

<h2>other<span style="color:#da8c8c;">ships</span></h2>
<p>[/dohtml]blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah [b]brother[/b] blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah [b]long lost cousin[/b]blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah 

blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah [b]long lost sister[/b] blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah [dohtml]</p>


</div>
</div>

<div class="fool">
<input type="radio" id="tab-3" name="tab-group-1">
<label for="tab-3">Threads</label>
<div class="content">

<h2><span style="color:#da8c8c;">ACTIVE THREADS</span></h2>
<div class="fool3">
<div class="fool-proof"><a>Thread Title</a>
Write a short description here of your thread. [b]tag[/b] Perhaps who it's with, who's turn it is, etc. Mayhap there's a plot, you can jot down ideas or where it's going here. It doesn't really matter. Btw, this also scrolls so have fun with that. <BR></div>

<div class="fool-proof"><a>Thread Title</a>
Write a short description here of your thread.  [b]tag[/b] Perhaps who it's with, who's turn it is, etc. Mayhap there's a plot, you can jot down ideas or where it's going here. It doesn't really matter. Btw, this also scrolls so have fun with that. <BR></div>

<div class="fool-proof"><a>Thread Title</a>
Write a short description here of your thread.  [b]tag[/b] Perhaps who it's with, who's turn it is, etc. Mayhap there's a plot, you can jot down ideas or where it's going here. It doesn't really matter. Btw, this also scrolls so have fun with that. <BR></div>



</div><h2><span style="color:#dacb8c;">INACTIVE THREADS</span></h2>
<div class="fool3">
<div class="fool-proof"><a>Thread Title</a> 
Write a short description here of your thread.  [b]tag[/b] Perhaps who it's with, who's turn it is, etc. Mayhap there's a plot, you can jot down ideas or where it's going here. It doesn't really matter. Btw, this also scrolls so have fun with that. <BR></div>

<div class="fool-proof"><a>Thread Title</a>
Write a short description here of your thread.  [b]tag[/b] Perhaps who it's with, who's turn it is, etc. Mayhap there's a plot, you can jot down ideas or where it's going here. It doesn't really matter. Btw, this also scrolls so have fun with that. <BR></div>

<div class="fool-proof"><a>Thread Title</a>
Write a short description here of your thread.  [b]tag[/b] Perhaps who it's with, who's turn it is, etc. Mayhap there's a plot, you can jot down ideas or where it's going here. It doesn't really matter. Btw, this also scrolls so have fun with that. <BR></div>



</div><h2><span style="color:#a3da8c;">COMPLETED THREADS</span></h2>
<div class="fool3">
<div class="foolproof"><a>Thread Title</a>
Write a short description here of your thread.  [b]tag[/b] Perhaps who it's with, who's turn it is, etc. Mayhap there's a plot, you can jot down ideas or where it's going here. It doesn't really matter. Btw, this also scrolls so have fun with that. <BR></div>

<div class="foolproof"><a>Thread Title</a>
Write a short description here of your thread.  [b]tag[/b] Perhaps who it's with, who's turn it is, etc. Mayhap there's a plot, you can jot down ideas or where it's going here. It doesn't really matter. Btw, this also scrolls so have fun with that. <BR></div>

<div class="foolproof"><a>Thread Title</a>
Write a short description here of your thread.  [b]tag[/b] Perhaps who it's with, who's turn it is, etc. Mayhap there's a plot, you can jot down ideas or where it's going here. It doesn't really matter. Btw, this also scrolls so have fun with that. <BR></div>

</div></div></div>
</div>

</div></div>
<div class="pierrotcredits"><a href="http://code.jfbs.net/?showuser=2">pierrot</a> @ code</div>

<style> .fools {position: relative; width: 400px;height: 400px;} .fool {float: left;} .fool label { display: block; width: 90px;text-align: center; font-family: times; color: #000; margin-right: 5px; font-size: 10px; letter-spacing: 1px;text-transform: uppercase; background: #fff; padding:  5px;border: 3px solid black; position: relative;top: -10px; left: 40px; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } [type=radio]:checked ~ label {color: #919191;background-color: rgb(255, 255, 255);z-index: 2;} label:hover { background: black; color: white; } [type=radio]:checked ~ label ~ .content {z-index: 1;} .fool [type=radio] {display: none; } .content {position: absolute;background: white;border: 10px solid black;top: 40px;left: 30px;width: 320px;height: 320px; overflow:auto; line-height:100%; } .content h2 { text-transform: uppercase; color: #fff; text-align: center; font-family: times; position: relative; font-size: 17px; padding: 10px; background: rgba(0, 0, 0, 0.8); margin: 20px 0 0 0; } .fool3 { color:black; padding: 7px; line-height: 1.5em; font-size: 11px; font-family: georgia; letter-spacing: 1px; } .foolproof { padding-top:10px; } .content p { color:black; padding: 7px; line-height: 1.5em; font-size: 11px; font-family: georgia; letter-spacing: 1px; } .content a { padding: 1px; font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; letter-spacing: .10em; font-weight: 100; border-bottom: groove 2px #CCC; width: auto; line-height: 1em; font-variant: small-caps; text-transform: none; color:black; } .content a:hover { color:black; } .content b { background:black; color:white; padding:2px; } .day b { background:black; color:white; padding:2px; } .fever { margin:0 auto; background-image:url(http://i.imgur.com/WYGGwiP.jpg); padding:20px; width:400px; border:4px solid black; -webkit-box-shadow: 2px 2px 13px rgba(50, 50, 50, 0.75);-moz-box-shadow: 2px 2px 13px rgba(50, 50, 50, 0.75);box-shadow: 2px 2px 13px rgba(50, 50, 50, 0.75);} .dayy .mask { background-color: rgba(255, 255, 255, 0.7); top: -320px; opacity: 0; transition: all 0.3s ease-out 0.5s; } .dayy h2{ transform: translateY(-320px); transition: all 0.2s ease-in-out 0.1s; } .dayy p { color: #333; line-height:110%; overflow:auto; transform: translateY(-320px); transition: all 0.2s ease-in-out 0.2s; } .dayy a.info { transform: translateY(-320px); transition: all 0.2s ease-in-out 0.3s; } .dayy:hover .mask { opacity: 1; top: 0px; transition-delay: 0s; } .dayy:hover h2 { transition-delay: 0.4s; } .dayy:hover p { transition-delay: 0.2s; } .dayy:hover a.info { transition-delay: 0s; } .day {overflow: auto;position: relative;text-align: center; width:320px; height:320px; } .day .mask, .day .content { width: 320px; height: 320px; position: absolute; overflow: hidden; top: 0; left: 0 } .day img { display: block; position: relative } .day h2 { text-transform: uppercase; color: #fff; text-align: center; font-family: times; position: relative; font-size: 17px; padding: 10px; background: rgba(0, 0, 0, 0.8); margin: 20px 0 0 0; } .day p { padding: 7px; line-height: 1.5em; font-size: 11px; font-family: georgia; letter-spacing: 1px; position: relative; color: #000; padding: 10px 20px 20px; text-align: justify; height: 226px; } .pierrotcredits {text-align:right; width:444px; margin:0 auto; opacity:0.8; } .pierrotcredits a { text-transform:lowercase; }</style>

0

4

Код:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Fjalla+One' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="https://www.dropbox.com/s/qfwmv3a3rz6puty/lethergo.css?dl=1">
<center>
    <div class="nexus-petezahhutt"><div class="nexus-kylern">
WORDS WILL GO HERE
</div></div>
    <div class="nexus-turqmelon">
    <div style="padding-top:25px;"></div>
        <table cellspacing="2"><tr vAlign="top">
            <td><img src="http://placehold.it/100x100"></td>
                <td><div class="nexus-asfjerome">thread title</div>
                       <div class="nexus-bajancanadian">### words - for name - additional notes</div></td>
        </tr></table>
    </div>
<div class="codesbymerc" style="margin-top:0px;"><a href="http://z10.invisionfree.com/CAUTIONTOTHEWIND/index.php?showuser=37282">THANKS</a><a href="http://code.jfbs.net/index.php?showtopic=38">MERC</a></div>
</center>

0

5

Код:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Kristi' rel='stylesheet' type='text/css'>

<style type="text/css">
.mcredl { font-family:calibri; font-size:7px; text-transform:uppercase; }
.mcredl a { color:#191919; }

</style>

<center>

<div style="background-color:#fcfcfc; width:400px; padding:20px;">

<div style="width:400px; text-align:left; font-family:Kristi; font-size:35px; text-transform:uppercase;">
first,</div><p>

<div style="width:300px; text-align:justify; font-family:calibri; font-size:10px; line-height:98%;">This will be your note! Write as much as you want because the text box will expand, so don't worry about that. </div>

<p><div style="width:400px; text-align:right; font-family:Kristi; font-size:35px; text-transform:uppercase;">
— your name</div>

<center><div class="mcredl"><a href="http://z10.invisionfree.com/CAUTIONTOTHEWIND/index.php?showuser=37282">XO</a><a href="http://code.jfbs.net/index.php?showtopic=36">XO</a></div>
</center>
</div>
</center>

0

6

Код:
<!--HTML--><style text="text/css">.Applesawesomeout {width:500px;height:10px;background:#080808;border-radius:5px 5px 0px 0px;text-align:left;} .Applesawesomeoutter {width:500px;background:#000000;color:#ffffff;text-align:left;} .Applesawesome {height: 50px;padding:5px;overflow: hidden;} .Applesawesomeinner {width:500px;height:62px;background:#080808;border-radius:0px 0px 5px 5px;} .Applesawesome:hover {height: 100%} .Applesawesomeimg {margin:5px;margin-left:6px;border: 1px solid #00ff00;width:50px;height:50px;opacity:0.6;filter:alpha(opacity=60);}.Applesawesomeimg:hover {border: 1px solid #ff0000; opacity:1.0;filter:alpha(opacity=100);}</style>
<center><div class="Applesawesomeout"></div><div class="Applesawesomeoutter"><div class="Applesawesome">

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam tempus nisl eu urna fringilla rutrum. Nam consectetur tellus a nisi faucibus, a lobortis enim vehicula. Nulla purus metus, consectetur vel ante sit amet, pulvinar vulputate enim. Proin et lacus mauris. Donec volutpat viverra sagittis. In in feugiat augue. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vestibulum diam dolor, scelerisque ac lacus nec, egestas feugiat erat. Nulla sed tristique neque, at suscipit justo.
<br /><br />
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Praesent mollis risus vel nulla pellentesque, vitae molestie lorem feugiat. Mauris eleifend odio sed tortor gravida, sit amet porta dolor mollis. Vestibulum orci leo, vehicula nec lectus sit amet, luctus mattis sapien. Integer mattis tincidunt ligula ac mattis. Fusce pretium lobortis nunc, vulputate fringilla nibh venenatis nec. Pellentesque cursus mi ut eros accumsan aliquet. Donec commodo purus ante, at blandit arcu mollis sit amet. In volutpat enim quis rhoncus interdum. Curabitur tincidunt, arcu eget dictum placerat, tellus lorem condimentum urna, sed vulputate dui arcu ut mauris. Suspendisse sed rutrum velit.

</div></div><div class="Applesawesomeinner">

<img src="" class="Applesawesomeimg" /><img src="" class="Applesawesomeimg" /><img src="" class="Applesawesomeimg" /><img src="" class="Applesawesomeimg" /><img src="" class="Applesawesomeimg" /><img src="" class="Applesawesomeimg" /><img src="" class="Applesawesomeimg" />

</div></center>

0

7

Код:
<!--HTML--><center><div style="width:500px;height:200px;background:url('http://placehold.it/500x200') #000; border-radius: 30px 0px 30px 0px;">
<img src="http://placehold.it/100x50" style="width:100px;height:50px;border:4px groove #808080; display: inline-block; margin-top: 130px;" /> 
<img src="http://placehold.it/100x50" style="width:100px;height:50px;border:4px groove #808080; display: inline-block; margin-top: 110px;" /> 
<img src="http://placehold.it/100x50" style="width:100px;height:50px;border:4px groove #808080; display: inline-block; margin-top: 130px;" /> 
<img src="http://placehold.it/100x50" style="width:100px;height:50px;border:4px groove #808080; display: inline-block; margin-top: 110px;" /></div></center>

0

8

Код:
<!--HTML--><link rel="stylesheet" type="text/css" href="http://abandonedstudio.b1.jcink.com/uploads/abandonedstudio/Shippers/Golden.css">

<div class="jcandycontainer">

<div class="jcandytabs">


<div class="jcandytab">
<input type="radio" id="jcandytab-1" name="jcandytab-group-1" checked>
<label for="jcandytab-1"> <div class="jcandycrown">♕</div> <! Tab One !> </label>
<div class="jcandycontent">

<div class="jcandyleft">
 
 Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.<p>

It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).
 
</div><div class="jcandyright">
 
 <h1>firstname lastname</h1>
 <h2>nickname</h2>
 <h2>age in letters</h2>
 <h2>occupation</h2>
 <h2>membergroup</h2>
 <h2>trait</h2>
 <h2>trait</h2>
 <h2>trait</h2>
 <h1>they call me homewrecker</h1>
 
</div>

<img src="http://placehold.it/285x100">

</div>
</div>


<div class="jcandytab">
<input type="radio" id="jcandytab-2" name="jcandytab-group-1">
<label for="jcandytab-2"> <div class="jcandycrown">♕</div> <! Tab Two !> </label>
<div class="jcandycontent">

<div class="jcandyleft">
 
 Tab 2. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.<p>

It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).
 
</div><div class="jcandyright">
 
 <h1>firstname lastname</h1>
 <h2>nickname</h2>
 <h2>age in letters</h2>
 <h2>occupation</h2>
 <h2>membergroup</h2>
 <h2>trait</h2>
 <h2>trait</h2>
 <h2>trait</h2>
 <h1>i broke a million hearts for fun</h1>
 
</div>

<img src="http://placehold.it/285x100">

</div>
</div>


<div class="jcandytab">
<input type="radio" id="jcandytab-3" name="jcandytab-group-1">
<label for="jcandytab-3"> <div class="jcandycrown">♕</div> <! Tab Three !> </label>
<div class="jcandycontent">

<div class="jcandyleft">
 
 Tab 3. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.<p>

It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).
 
</div><div class="jcandyright">
 
 <h1>firstname lastname</h1>
 <h2>nickname</h2>
 <h2>age in letters</h2>
 <h2>occupation</h2>
 <h2>membergroup</h2>
 <h2>trait</h2>
 <h2>trait</h2>
 <h2>trait</h2>
 <h1>homewrecker, homewrecker</h1>
 
</div>

<img src="http://placehold.it/285x100">

</div>
</div>

<div class="jcandytab">
<input type="radio" id="jcandytab-4" name="jcandytab-group-1">
<label for="jcandytab-4"> <div class="jcandycrown">♕</div> <! Tab Four !> </label>
<div class="jcandycontent">

<div class="jcandyleft">
 
 Tab 4. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.<p>

It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).
 
</div><div class="jcandyright">
 
 <h1>firstname lastname</h1>
 <h2>nickname</h2>
 <h2>age in letters</h2>
 <h2>occupation</h2>
 <h2>membergroup</h2>
 <h2>trait</h2>
 <h2>trait</h2>
 <h2>trait</h2>
 <h1>i'm only happy if i'm on the run</h1>
 
</div>

<img src="http://placehold.it/285x100">

</div>
</div>

<div class="jcandytab">
<input type="radio" id="jcandytab-5" name="jcandytab-group-1">
<label for="jcandytab-5" div style="border-right: none;"> <div class="jcandycrown">♕</div> <! Tab Five !> </label>
<div class="jcandycontent">


<div class="jcandyleft">
 
 Tab 5. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.<p>

It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).
 
</div><div class="jcandyright">
 
 <h1>firstname lastname</h1>
 <h2>nickname</h2>
 <h2>age in letters</h2>
 <h2>occupation</h2>
 <h2>membergroup</h2>
 <h2>trait</h2>
 <h2>trait</h2>
 <h2>trait</h2>
 <h1>they call me homewrecker</h1>
 
</div>

<img src="http://placehold.it/285x100">

</div>
</div>


</div>

</div><div style="width: 310px; font-family: Arial; margin: 0px auto; font-size: 25px; text-align: right; line-height: 70%;"><a href="http://shine.b1.jcink.com/index.php?showuser=11182">&raquo</a></div>

0

9

Код:
<!--HTML--><head>
<link href="https://fonts.googleapis.com/css?family=Space+Mono" rel="stylesheet">
<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
</head>
<style>
.light-main {
position: relative;
width: 500px;
height: 400px;
background: #fff;
}

.light-top {
position: absolute;
top: 0;
left: 0;
width: 500px;
height: 100px;
background-color: #000;
}

.light-gif {
position: absolute;
width: 100px;
height: 100px;
border-radius: 50%;
background-size: cover;
background-position: center;
right: 15px;
top: 5px;
border: 5px solid #fff;
z-index: 99999;
cursor: crosshair;
}

.light-title {
position: absolute;
color: #fff;
right: 160px;
line-height: 100px;
text-transform: uppercase;
font-family: 'Space Mono', monospace;
font-size: 15pt;
letter-spacing: 1.2;
}
.light-sub {
position: absolute;
color: #fff;
right: 160px;
line-height: 150px;
text-transform: uppercase;
font-family: 'Space Mono', monospace;
font-size: 8pt;
letter-spacing: -0.1;
width: 340px;
text-align: right;
}

.light-img {
position: absolute;
width: 500px;
height: 300px;
bottom: 0px;
left: 0px;
background-size: cover;
background-position: center;
}

.light-words {
width: 460px;
height: 260px;
border: 10px solid #fff;
position: absolute;
bottom: 0;
left: 0;
overflow: auto;
background: #fff;
color: #000;
font-family: tahoma;
font-size: 8pt;
padding: 10px;
text-align: justify;
line-height: 1.2;
opacity: 0;
-moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out;

}

.light-words:hover {
opacity: 1;
-moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out;
}

.light-words::-webkit-scrollbar { width: 10px; border: none; background-color: #fff; }
.light-words::-webkit-scrollbar-thumb { background-color: #000; }
.light-words b { color: #B98F4F; }
.light-words i { color: #031999; }
</style>

<center><div class="light-main">
<div class="light-top">
 <a href="http://shine.jcink.net/index.php?showuser=21904"><div class="light-gif" style="background-image: url(http://placehold.it/100x100);"></div></a>
 <div class="light-title">chandler bing</div>
 <div class="light-sub"><i class="fa fa-clock-o" aria-hidden="true"></i> 30 <i class="fa fa-briefcase" aria-hidden="true"></i> actor <i class="fa fa-user" aria-hidden="true"></i> matthew perry</div>
</div>
<div class="light-img" style="background-image: url(http://placehold.it/500x300);"></div>
<div class="light-words">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. <b>Lorem ipsum dolor sit amet, consectetur adipiscing elit</b>. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. <br><br>

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. <b>Lorem ipsum dolor sit amet, consectetur adipiscing elit</b>. Curabitur sodales ligula in libero. Sed dignissim lacinia nunc. Curabitur tortor. Pellentesque nibh. <i>Lorem ipsum dolor sit amet, consectetur adipiscing elit</i>. Aenean quam. In scelerisque sem at dolor. <i>Lorem ipsum dolor sit amet, consectetur adipiscing elit</i>. Maecenas mattis. Sed convallis tristique sem. Proin ut ligula vel nunc egestas porttitor. <b>Curabitur tortor</b>. Morbi lectus risus, iaculis vel, suscipit quis, luctus non, massa. Fusce ac turpis quis ligula lacinia aliquet. <br><br>

Mauris ipsum. Nulla metus metus, ullamcorper vel, tincidunt sed, euismod in, nibh. Quisque volutpat condimentum velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam nec ante. <i>Curabitur tortor</i>. Sed lacinia, urna non tincidunt mattis, tortor neque adipiscing diam, a cursus ipsum ante quis turpis. Nulla facilisi. Ut fringilla. Suspendisse potenti. Nunc feugiat mi a tellus consequat imperdiet. Vestibulum sapien. <i>In scelerisque sem at dolor</i>. Proin quam. <b>Sed lacinia, urna non tincidunt mattis, tortor neque adipiscing diam, a cursus ipsum ante quis turpis</b>. Etiam ultrices. <br><br>

<b>Nulla metus metus, ullamcorper vel, tincidunt sed, euismod in, nibh</b>. Suspendisse in justo eu magna luctus suscipit. Sed lectus. Integer euismod lacus luctus magna. Quisque cursus, metus vitae pharetra auctor, sem massa mattis sem, at interdum magna augue eget diam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi lacinia molestie dui. Praesent blandit dolor. Sed non quam. In vel mi sit amet augue congue elementum. Morbi in ipsum sit amet pede facilisis laoreet. Donec lacus nunc, viverra nec, blandit vel, egestas et, augue. Vestibulum tincidunt malesuada tellus.<br><br>

Ut ultrices ultrices enim. Curabitur sit amet mauris. Morbi in dui quis est pulvinar ullamcorper. Nulla facilisi. Integer lacinia sollicitudin massa. Cras metus. Sed aliquet risus a tortor. Integer id quam. Morbi mi. Quisque nisl felis, venenatis tristique, dignissim in, ultrices sit amet, augue. Proin sodales libero eget ante. Nulla quam. Aenean laoreet. Vestibulum nisi lectus, commodo ac, facilisis ac, ultricies eu, pede. 
</div>
</div></center>

0

10

Код:
<!--HTML-->https://www.youtube.com/watch?v=lr56aMjOf7M

0

11

:hobo:

0

12

:rofl:

0

13

икра

0

14

--
--
http://funkyimg.com/i/2iqo2.jpg

0

15

http://s6.uploads.ru/oKmDB.jpg
http://se.uploads.ru/SnRtH.jpghttp://s4.uploads.ru/F9R5v.jpg
http://sf.uploads.ru/VCsfW.jpg

0

16

Код:
<!--HTML--><link href="https://fonts.googleapis.com/css?family=Arimo" rel="stylesheet">
<div class="fruitTart"><input type="radio" id="face1" name="oranges" checked/><label for="face1" class="orange">

Name Here
<img src="http://placehold.it/100" />

</label><input type="radio" id="face2" name="oranges" /><label for="face2" class="orange">

Character 2
<img src="http://placehold.it/100" />

</label><input type="radio" id="face3" name="oranges" /><label for="face3" class="orange">

Character 3
<img src="http://placehold.it/100" />

</label><input type="radio" id="face4" name="oranges" /><label for="face4" class="orange">

Character 4
<img src="http://placehold.it/100" />

</label><input type="radio" id="face5" name="oranges" />
<label for="face5" class="orange">

Character 5
<img src="http://placehold.it/100" />

</label><input type="radio" id="face6" name="oranges" />
<label for="face6" class="orange">

Character 6
<img src="http://placehold.it/100" />

</label><input type="radio" id="face7" name="oranges" />
<label for="face7" class="orange">

Character 7
<img src="http://placehold.it/100" />

</label><input type="radio" id="face8" name="oranges" /><label for="face8" class="orange">

Character 8
<img src="http://placehold.it/100" />

</label><input type="radio" id="face9" name="oranges" /><label for="face9" class="orange">

Character 9
<img src="http://placehold.it/100" />

</label>

<div class="baker">by <a href="http://shine.jcink.net/index.php?showuser=23138">cae</a></div>

<div class="apple" id="info1"><div class="candles">

<div class="title">a title</div>
content of page 1

</div></div>
<div class="apple" id="info2"><div class="candles">

content of page 2

</div></div>
<div class="apple" id="info3"><div class="candles">

content of page 3

</div></div>
<div class="apple" id="info4"><div class="candles">

content of page 4

</div></div>
<div class="apple" id="info5"><div class="candles">

content of page 5

</div></div>
<div class="apple" id="info6"><div class="candles">

content of page 6

</div></div>
<div class="apple" id="info7"><div class="candles">

content of page 7

</div></div>
<div class="apple" id="info8"><div class="candles">

content of page 8

</div></div>
<div class="apple" id="info9"><div class="candles">

content of page 9

</div></div></div>


<style>.fruitTart { width: 400px; background: white; height: 300px;  color: dimgrey;  position: relative;  overflow: hidden;  font-size: 11px;  line-height: 15px;  font-family: Arimo;  text-align: center;  border: 3px double;  margin: 0px auto;} .fruitTart .orange, .fruitTart .apple {transition: all 0.5s;} .fruitTart .orange { display: block;  background: white;  color: darkgrey;  font-size: 14px;  line-height: 20px;  height: 20px;  width: 100px;  overflow: hidden;  border-bottom: 1px dotted;} .fruitTart input[type=radio] {display: none;} .fruitTart input[type=radio]:checked + .orange { background: whitesmoke;  color: dimgrey;  height: 120px;} .fruitTart .apple { background: white;  float: right;  height: 0px;  width: 300px;  position: relative;  margin-top: -300px;  margin-bottom: 300px;  overflow: hidden;  border-left: 1px solid;} .fruitTart .apple:nth-child(2n + 1) {background: whitesmoke;} .fruitTart .apple .candles { text-align: justify;  width: 250px;  height: 250px;  margin: 25px;  padding-right: 5px;  overflow: auto;} .fruitTart .title { font-size: 20px;  line-height: 24px;  border-bottom: 1px solid;  margin-bottom: 5px;} .fruitTart .baker { width: 100px;  font-size: 9px;  line-height: 11px;  height: 11px;} .fruitTart #face1:checked ~ #info1, .fruitTart #face2:checked ~ #info2, .fruitTart #face3:checked ~ #info3, .fruitTart #face4:checked ~ #info4, .fruitTart #face5:checked ~ #info5, .fruitTart #face6:checked ~ #info6, .fruitTart #face7:checked ~ #info7, .fruitTart #face8:checked ~ #info8, .fruitTart #face9:checked ~ #info9 { height: 300px;  width: 300px;  z-index: 5;} .fruitTart b, .fruitTart a {color: #333;  font-weight: bold;  text-decoration: none;} .fruitTart ::-webkit-scrollbar {width: 3px;} .fruitTart ::-webkit-scrollbar-track {background: transparent;} .fruitTart ::-webkit-scrollbar-thumb {background: lightgrey;}</style>

0

17

Код:
<!--HTML--><style type="text/css">
h1 { color: #85171B; font-family: calibri; font-size: 15px; text-align: center; }
.lhfwcc { width: 250px; height: 400px; padding: 40px; background-color: #85171B; border-left: 50px solid #000000; border-top: 50px solid #000000; }
.lhfwctab { float: left; }
.lhfwctabs { position: relative; width: 225px; height:  375px; }
.lhfwctab label { display: block; height : 30px; width: 30px; background-color: #85171B; color: #000000; padding: 5px; font-family: calibri, sans-serif; font-size: 20px; text-align: center; text-transform: lowercase; position: absolute; right: 257px; top: 60px; border-radius: 100%;-moz-border-radius: 100%; -webkit-border-radius: 100%; -o-border-radius: 100%;}
.lhfwctab [type=radio] { display: none; }
.lhfwccontent { width: 180px;  height: 330px; font-family: calibri; font-size: 10px; position: absolute; top: 1px; bottom: 0px; left: 1px; right: 0px; background: white; padding: 10px; border: 3px solid #000; z-index: 1; overflow: auto; text-align: justify; }
[type=radio]:checked ~ label { background: #000000; color: #85171B; z-index: 2; }
[type=radio]:checked ~ label ~ .lhfwccontent { z-index: 2; }
.photo { height: 125px; width: 125px; border-radius: 100%;-moz-border-radius: 100%; background-image: url(http://placehold.it/125x125); -webkit-border-radius: 100%; -o-border-radius: 100%; position: absolute; right: 200px; top: -88px; z-index: 3; }
.namelabel { height: 30px; width: 330px; background: #000;  color: #85171B; font-family: calibri; font-size: 10px; position: absolute; top: 390px; left: -53px; line-height: 90%; }
.credit { color: #85171B; font-family: calibri; font-size: 10px; position: absolute; top: 430px; left: -100px; line-height: 90%; }
</style>


<center><div class="lhfwcc"><div class="lhfwctabs"><div class="photo"></div>

<div class="lhfwctab"><input type="radio" id="tab-1" name="tab-group-1" checked><label for="tab-1">i.</label><div class="lhfwccontent"><img src="http://placehold.it/180x330"></div></div>

<div class="lhfwctab"><input type="radio" id="tab-2" name="tab-group-1"><label for="tab-2" style="margin-top: 40px;">ii.</label><div class="lhfwccontent">
<h1>About Name</h1>
about about about about about about about about about about about about about about about about about about about about about about about about about about about about about about about about about about about about about about about about about about about about about about about about about about about about about about about about about 
</div></div>

<div class="lhfwctab"><input type="radio" id="tab-3" name="tab-group-1"><label for="tab-3" style="margin-top: 80px;">iii.</label><div class="lhfwccontent">
<h1>Friends</h1>
friends friends friends friends friends friends friends friends friends friends friends friends friends friends friends friends friends friends friends friends friends friends friends friends friends friends friends friends friends friends friends friends friends friends friends friends 
<h1>Enemies</h1>
enemies enemies enemies enemies enemies enemies enemies enemies enemies enemies enemies enemies enemies enemies enemies enemies enemies enemies enemies enemies enemies enemies enemies enemies enemies enemies enemies 
<h1>Lovers</h1>
lovers lovers lovers lovers lovers lovers lovers lovers lovers lovers lovers lovers lovers lovers lovers lovers lovers lovers lovers lovers lovers lovers lovers lovers lovers lovers lovers lovers lovers lovers lovers lovers lovers lovers lovers lovers lovers lovers lovers 
</div></div>

<div class="lhfwctab"><input type="radio" id="tab-4" name="tab-group-1"><label for="tab-4" style="margin-top: 120px;">iv.</label><div class="lhfwccontent">
<h1>Tracking</h1>
•Date - Title&Link - Status <br>
•Date - Title&Link - Status <br>
•Date - Title&Link - Status <br>
•Date - Title&Link - Status <br>
•Date - Title&Link - Status <br>
•Date - Title&Link - Status <br>
</div></div>

<div class="namelabel"><br>First Middle Last<br>
Age - Member Group - Playby</div>
<div class="credit"><a href="http://shine.b1.jcink.com/index.php?showuser=8008">m</a></div>
</div></div></center>

0


Вы здесь » dkillian » нужное » нужное


Рейтинг форумов | Создать форум бесплатно