<!--HTML-->
обсуждения vol. 1
Страница: 1
Сообщений 1 страница 12 из 12
Поделиться22015-02-14 16:56:22
Код:
<!--HTML--> <link href='http://fonts.googleapis.com/css?family=Playfair+Display|Droid+Sans' rel='stylesheet' type='text/css'> <style type="text/css"> ::-webkit-scrollbar { height: 12px; width: 8px; background-color: transparent;} ::-webkit-scrollbar-thumb { background: #5A4A41; } ::-webkit-scrollbar-corner { background: #5A4A41; } ::-webkit-scrollbar-track { background: transparent; } #stuscontainer { width: 500px; height: 500px; position: relative; background-color: #2D231E; } #stumenu li { display: inline; cursor:pointer; position: absolute; top: 200px; width: 75px; text-align: center; left: 100px; background-color: #5A4A41; color: #EEEDDD; padding-top: 10px; padding-bottom: 10px; font-size: 11px; font-family: calibri, sans serif; } #stumenu li:hover { background-color: #C44D33; } #stumenu li > div { width: 260px; height: 160px; overflow: auto; position: absolute; z-index: 20; display: inline; left: 0px; padding: 20px; visibility:hidden; opacity: 0; margin-bottom: 10px; background: #EEEDDD; color: #2D231E; text-align: justify; font-size:1em; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } #stumenu li:hover > div { visibility:visible; opacity: 1; margin-top: 30px; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } #stuscontainer img { position: absolute; z-index: 10; top: 240px; left: 100px; height: 200px; width: 300px; border-bottom: 10px solid #C44D33; } #stuscontainer h1 { position: absolute; top: 110px; left: 100px; width: 300px; text-align: center; font-family: playfair display; font-size: 70px; color: #EEEDDD; font-style: italic; font-weight: inherit; } #stuscontainer h2 { font-family: times; font-size: 7px; letter-spacing: 2px; position: absolute; top: 90px; left: 100px; width: 300px; line-height: 9px; text-align: center; text-transform: uppercase; color: rgba(238,237,221,0.8); font-weight: inherit; padding-top: 8px; padding-bottom: 8px; border-top: 1px solid rgba(238,237,221,0.5); border-bottom: 1px solid rgba(238,237,221,0.5); } </style> <center> <div id="stuscontainer"> <img src="300X200 IMAGE GOES HERE"> <h2>LINE OF LYRICS</h2> <h1>NAME</h1> <ul id="stumenu"> <li> I <div> text about character. will scroll. </div> </li> <li style="margin-left: 75px;"> II <div style="margin-left: -75px;"> text about friends </div> </li> <li style="margin-left: 150px;"> III <div style="margin-left: -150px;"> text about enemies </div> </li> <li style="margin-left: 225px;"> IV <div style="margin-left: -225px;"> text about lovers </div> </li> </ul> </div> <div style="font-size: 7px; text-transform: uppercase; font-family: georgia; letter-spacing: 1px; word-spacing: 3px;"><a href="http://shine.b1.jcink.com/index.php?showtopic=3546">THEONS</a> @ SHINE</div> </center>
Поделиться32015-02-14 17:36:21
Код:
<!--HTML--> <center> <div class="title3">SHOO BOP ANNOUNCEMENT</div> <div class="words3"><span class="name3">1.</span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis pharetra blandit risus, non egestas ligula vulputate sed. Nunc lobortis fermentum dui at dapibus. Mauris sodales congue enim a consequat. Nullam a molestie mauris. Etiam sit amet nisl ultricies, auctor erat a, scelerisque lectus. Fusce sed nisi a erat vestibulum elementum et vitae metus. Fusce pellentesque tellus nec tortor interdum, posuere imperdiet massa congue. Interdum et malesuada fames ac ante ipsum primis in faucibus. Ut elementum accumsan aliquet. In arcu libero, suscipit a volutpat sit amet, suscipit sodales nisl. Sed venenatis nulla eros. Sed feugiat ut est faucibus congue.</div> </center> <br><br><br> <center> <div class="title3">DA RULES</div> <div class="words3"><div class="name3">NAME OF RULE</div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis pharetra blandit risus, non egestas ligula vulputate sed. Nunc lobortis fermentum dui at dapibus. Mauris sodales congue enim a consequat. Nullam a molestie mauris. Etiam sit amet nisl ultricies, auctor erat a, scelerisque lectus. Fusce sed nisi a erat vestibulum elementum et vitae metus. Fusce pellentesque tellus nec tortor interdum, posuere imperdiet massa congue. Interdum et malesuada fames ac ante ipsum primis in faucibus. Ut elementum accumsan aliquet. In arcu libero, suscipit a volutpat sit amet, suscipit sodales nisl. Sed venenatis nulla eros. Sed feugiat ut est faucibus congue.</div> </center> <br><br><br> <center> <div class="title3" style="width: 500px;">FACE CLAIM</div> <div class="words3" style="width: 480px;"><table><tr><td> <div class="title3" style="width: 232px;">MEN</div> <span class="name3">FACE CLAIM</span> taken by character name </td><td><div style="width: 4px;"></div></td><td> <div class="title3" style="width: 232px;">WOMEN</div> <span class="name3">FACE CLAIM</span> taken by character name </td></tr></table></div> <div style="height: 40px;"></div> <div class="title3" style="width: 500px;">RESERVED</div> <div class="words3" style="width: 480px;"><table><tr><td> <div class="title3" style="width: 232px;">MEN</div> <span class="name3">FACE CLAIM</span> taken by character name </td><td><div style="width: 4px;"></div></td><td> <div class="title3" style="width: 232px;">WOMEN</div> <span class="name3">FACE CLAIM</span> taken by character name </td></tr></table></div> </center> <br><br><br> <center> <div class="title3" style="width: 500px;">CANON LIST</div> <div class="words3" style="width: 480px;"><table><tr><td> <img src="http://placehold.it/230x230"> </td><td><div style="width: 232px; text-align: justify; padding-top: 10px; padding-bottom: 10px; color: #524656; font-family: calibri; font-size: 9px; text-transform: uppercase; font-style: italic;"> <span class="name3">CANON</span><br> info<br> taken by </div></td></tr> <tr><td> <img src="http://placehold.it/230x230"> </td><td><div style="width: 232px; text-align: justify; padding-top: 10px; padding-bottom: 10px; color: #524656; font-family: calibri; font-size: 9px; text-transform: uppercase; font-style: italic;"> <span class="name3">CANON</span><br> info<br> taken by </div></td></tr></table> </center> <br><br><br> <center> <IMG SRC="HTTP://PLACEHOLD.IT/400X200"> <DIV STYLE="HEIGHT: 10PX;"></DIV> <div class="title3">FIRST NAME LAST NAME</div> <DIV STYLE="HEIGHT: 80PX; WIDTH: 410PX;"><div class="title4">21</div> <div class="title5">MEMBERGROUP</div> <div class="title6">APT. #</div></DIV> <div class="title3">PERSONALITY</div> <div class="words3">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis pharetra blandit risus, non egestas ligula vulputate sed. Nunc lobortis fermentum dui at dapibus. Mauris sodales congue enim a consequat. Nullam a molestie mauris. Etiam sit amet nisl ultricies, auctor erat a, scelerisque lectus. Fusce sed nisi a erat vestibulum elementum et vitae metus. Fusce pellentesque tellus nec tortor interdum, posuere imperdiet massa congue. Interdum et malesuada fames ac ante ipsum primis in faucibus. Ut elementum accumsan aliquet. In arcu libero, suscipit a volutpat sit amet, suscipit sodales nisl. Sed venenatis nulla eros. Sed feugiat ut est faucibus congue.</div> <P><div class="title3">HISTORY</div> <div class="words3">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis pharetra blandit risus, non egestas ligula vulputate sed. Nunc lobortis fermentum dui at dapibus. Mauris sodales congue enim a consequat. Nullam a molestie mauris. Etiam sit amet nisl ultricies, auctor erat a, scelerisque lectus. Fusce sed nisi a erat vestibulum elementum et vitae metus. Fusce pellentesque tellus nec tortor interdum, posuere imperdiet massa congue. Interdum et malesuada fames ac ante ipsum primis in faucibus. Ut elementum accumsan aliquet. In arcu libero, suscipit a volutpat sit amet, suscipit sodales nisl. Sed venenatis nulla eros. Sed feugiat ut est faucibus congue.</div> <P><div class="title3">YOUR ALIAS</div> <div class="words4">AGE // CONTACT // OTHER CHARACTERS</div> </center>
Поделиться42015-02-14 17:38:36
Код:
<!--HTML--> <center><style type="text/css">.daylight { -WEBKIT-TRANSITION: 0.4S ALL EASE-IN-OUT; -MOZ-TRANSITION: 0.4S ALL EASE-IN-OUT; O-TRANSITION: 0.4S ALL EASE-IN-OUT; margin-top: -400px; width: 250px; height: 250px; padding: 25px; background-color: #fff; opacity: 0.0; box-shadow: 0 3PX 5PX RGBA(0,0,0,0.2); } .daylightborder { width: 400px; height: 400px; padding: 5px; border: 1px solid #c4c4c4; } .daylight:hover { -WEBKIT-TRANSITION: 0.4S ALL EASE-IN-OUT; -MOZ-TRANSITION: 0.4S ALL EASE-IN-OUT; O-TRANSITION: 0.4S ALL EASE-IN-OUT; margin-top: -350px; opacity: 1.0;} .moonlight { width: 230px; padding: 10px; background-color: #e2175a; margin-bottom: 5px; font-family: courier; color: #fff; font-size: 9px; text-transform: uppercase; text-align: center; letter-spacing: 1px; } .moonlightlegend { width: 240px; height: 205px; padding: 5px; overflow: auto; font-family: libre baskerville; font-size: 10px; color: #252525; line-height: 100%; text-align: justify; color: #252525; } ::-webkit-scrollbar { width: 1px; background-color: #e2175a; } ::-webkit-scrollbar-thumb { background-color: #e2175a; width: 1px; } ::-webkit-scrollbar-corner { background-color: #e2175a; width: 1px; } ::-webkit-scrollbar-track { background-color: #fff; width: 1px; } </style> <div class="daylightborder"><div style="width: 400px; height: 400px; background-image:url(http://funkyimg.com/i/UhSK.png);"></div> <div class="daylight"><div class="moonlight">LOS-ANGELES CITY HALL, МЭРИЯ</div> <div class="moonlightlegend"> <b>мэр города:</b> <i>возраст 40+</i><br> <b>заместитель мэра:</b> <i>возраст 35+</i><br> <b>городской совет:</b> <i>возраст 30+</i><br> <b>отдел кадров:</b> <br> <b>юридический отдел:</b> <br> </div></div></div> <a href="http://shine.b1.jcink.com/index.php?showuser=1128">✿</a> </center>
Код:
<!--HTML--> <center><style type="text/css">.daylight { -WEBKIT-TRANSITION: 0.4S ALL EASE-IN-OUT; -MOZ-TRANSITION: 0.4S ALL EASE-IN-OUT; O-TRANSITION: 0.4S ALL EASE-IN-OUT; margin-top: -400px; width: 250px; height: 250px; padding: 25px; background-color: #fff; opacity: 0.0; box-shadow: 0 3PX 5PX RGBA(0,0,0,0.2); } .daylightborder { width: 400px; height: 400px; padding: 5px; border: 1px solid #c4c4c4; } .daylight:hover { -WEBKIT-TRANSITION: 0.4S ALL EASE-IN-OUT; -MOZ-TRANSITION: 0.4S ALL EASE-IN-OUT; O-TRANSITION: 0.4S ALL EASE-IN-OUT; margin-top: -350px; opacity: 1.0;} .moonlight { width: 230px; padding: 10px; background-color: #e2175a; margin-bottom: 5px; font-family: courier; color: #fff; font-size: 9px; text-transform: uppercase; text-align: center; letter-spacing: 1px; } .moonlightlegend { width: 240px; height: 205px; padding: 5px; overflow: auto; font-family: libre baskerville; font-size: 10px; color: #252525; line-height: 100%; text-align: justify; color: #252525; } ::-webkit-scrollbar { width: 1px; background-color: #e2175a; } ::-webkit-scrollbar-thumb { background-color: #e2175a; width: 1px; } ::-webkit-scrollbar-corner { background-color: #e2175a; width: 1px; } ::-webkit-scrollbar-track { background-color: #fff; width: 1px; } </style> <div class="daylightborder"><div style="width: 400px; height: 400px; background-image:url(http://funkyimg.com/i/UhSZ.png);"></div> <div class="daylight"><div class="moonlight">ФЕДЕРАЛЬНЫЙ СУД</div> <div class="moonlightlegend"> <b>главный судья:</b> <i>возраст 40+</i><br> <b>судьи:</b> <i>возраст 30+</i><br> <b>прокуроры:</b> <i>возраст 30+</i><br> <b>помощники прокурора:</b> <br> <b>адвокаты:</b> <br> <b>секретари судебного заседания:</b> <br> <b>следователи прокуратуры:</b> <br> <b>архивариусы:</b> <br> </div></div></div> <a href="http://shine.b1.jcink.com/index.php?showuser=1128">✿</a> </center>
Код:
<!--HTML--> <center><style type="text/css">.daylight { -WEBKIT-TRANSITION: 0.4S ALL EASE-IN-OUT; -MOZ-TRANSITION: 0.4S ALL EASE-IN-OUT; O-TRANSITION: 0.4S ALL EASE-IN-OUT; margin-top: -400px; width: 250px; height: 250px; padding: 25px; background-color: #fff; opacity: 0.0; box-shadow: 0 3PX 5PX RGBA(0,0,0,0.2); } .daylightborder { width: 400px; height: 400px; padding: 5px; border: 1px solid #c4c4c4; } .daylight:hover { -WEBKIT-TRANSITION: 0.4S ALL EASE-IN-OUT; -MOZ-TRANSITION: 0.4S ALL EASE-IN-OUT; O-TRANSITION: 0.4S ALL EASE-IN-OUT; margin-top: -350px; opacity: 1.0;} .moonlight { width: 230px; padding: 10px; background-color: #e2175a; margin-bottom: 5px; font-family: courier; color: #fff; font-size: 9px; text-transform: uppercase; text-align: center; letter-spacing: 1px; } .moonlightlegend { width: 240px; height: 205px; padding: 5px; overflow: auto; font-family: libre baskerville; font-size: 10px; color: #252525; line-height: 100%; text-align: justify; color: #252525; } ::-webkit-scrollbar { width: 1px; background-color: #e2175a; } ::-webkit-scrollbar-thumb { background-color: #e2175a; width: 1px; } ::-webkit-scrollbar-corner { background-color: #e2175a; width: 1px; } ::-webkit-scrollbar-track { background-color: #fff; width: 1px; } </style> <div class="daylightborder"><div style="width: 400px; height: 400px; background-image:url(http://funkyimg.com/i/UhTc.png);"></div> <div class="daylight"><div class="moonlight">ЦЕНТРАЛЬНЫЙ ПОЛИЦЕЙСКИЙ УЧАСТОК (ЦПУ)</div> <div class="moonlightlegend"> <b>начальник департамента:</b> <i>возраст 40+</i><br> <b>помощник начальника:</b> <i>возраст 30+</i><br> <b>зам. начальника:</b> <i>возраст 30+</i><br> <b>шериф:</b> <i>возраст 30+</i><br> <b>помощники шерифа:</b> <br> <b>детективы:</b> <br> <b>следователи:</b> <br> <b>криминалисты:</b> <br> <b>судмедэксперты:</b> <br> <b>отдел по борьбе с терроризмом:</b> <br> <b>отдел наркоконтроля:</b> <br> <b>оперативно-розыскная группа:</b> <br> <b>IT-отдел:</b> <br> </div></div></div> <a href="http://shine.b1.jcink.com/index.php?showuser=1128">✿</a> </center>
Поделиться52015-02-17 16:57:33
Код:
<!--HTML--> <center><style type="text/css">.daylight { -WEBKIT-TRANSITION: 0.4S ALL EASE-IN-OUT; -MOZ-TRANSITION: 0.4S ALL EASE-IN-OUT; O-TRANSITION: 0.4S ALL EASE-IN-OUT; margin-top: -400px; width: 250px; height: 250px; padding: 25px; background-color: #fff; opacity: 0.0; box-shadow: 0 3PX 5PX RGBA(0,0,0,0.2); } .daylightborder { width: 400px; height: 400px; padding: 5px; border: 1px solid #c4c4c4; } .daylight:hover { -WEBKIT-TRANSITION: 0.4S ALL EASE-IN-OUT; -MOZ-TRANSITION: 0.4S ALL EASE-IN-OUT; O-TRANSITION: 0.4S ALL EASE-IN-OUT; margin-top: -350px; opacity: 1.0;} .moonlight { width: 230px; padding: 10px; background-color: #e2175a; margin-bottom: 5px; font-family: courier; color: #fff; font-size: 9px; text-transform: uppercase; text-align: center; letter-spacing: 1px; } .moonlightlegend { width: 240px; height: 205px; padding: 5px; overflow: auto; font-family: libre baskerville; font-size: 10px; color: #252525; line-height: 100%; text-align: justify; color: #252525; } ::-webkit-scrollbar { width: 1px; background-color: #e2175a; } ::-webkit-scrollbar-thumb { background-color: #e2175a; width: 1px; } ::-webkit-scrollbar-corner { background-color: #e2175a; width: 1px; } ::-webkit-scrollbar-track { background-color: #fff; width: 1px; } </style> <div class="daylightborder"><div style="width: 400px; height: 400px; background-image:url(http://funkyimg.com/i/UiTD.png);"></div> <div class="daylight"><div class="moonlight">ЦЕНТРАЛЬНЫЙ ГОСПИТАЛЬ & МЕДИЦИНСКИЙ ЦЕНТР</div> <div class="moonlightlegend"> <b>главный врач:</b> <i>возраст 40+</i><br> <b>зам. глав. врача:</b> <i>возраст 35+</i><br> <b>заведующие отделениями:</b> <i>возраст 30+</i><br> <b>отделение хирургии:</b> <i>возраст 30+</i><br> <b>отделение кардиологии:</b> <br> <b>отделение онкологии:</b> <br> <b>отделение гинекологии:</b> <br> <b>отделение травматологии:</b> <br> <b>патологоанатомическое отделение:</b> <br> <b>реанимация:</b> <br> <b>анестезиологи:</b> <br> <b>отделение скорой помощи:</b> <br> <b>медсестры/медбратья:</b> <br> <b>интерны:</b> <br> </div></div></div> <a href="http://shine.b1.jcink.com/index.php?showuser=1128">✿</a> </center>
Код:
<!--HTML--> <center><style type="text/css">.daylight { -WEBKIT-TRANSITION: 0.4S ALL EASE-IN-OUT; -MOZ-TRANSITION: 0.4S ALL EASE-IN-OUT; O-TRANSITION: 0.4S ALL EASE-IN-OUT; margin-top: -400px; width: 250px; height: 250px; padding: 25px; background-color: #fff; opacity: 0.0; box-shadow: 0 3PX 5PX RGBA(0,0,0,0.2); } .daylightborder { width: 400px; height: 400px; padding: 5px; border: 1px solid #c4c4c4; } .daylight:hover { -WEBKIT-TRANSITION: 0.4S ALL EASE-IN-OUT; -MOZ-TRANSITION: 0.4S ALL EASE-IN-OUT; O-TRANSITION: 0.4S ALL EASE-IN-OUT; margin-top: -350px; opacity: 1.0;} .moonlight { width: 230px; padding: 10px; background-color: #e2175a; margin-bottom: 5px; font-family: courier; color: #fff; font-size: 9px; text-transform: uppercase; text-align: center; letter-spacing: 1px; } .moonlightlegend { width: 240px; height: 205px; padding: 5px; overflow: auto; font-family: libre baskerville; font-size: 10px; color: #252525; line-height: 100%; text-align: justify; color: #252525; } ::-webkit-scrollbar { width: 1px; background-color: #e2175a; } ::-webkit-scrollbar-thumb { background-color: #e2175a; width: 1px; } ::-webkit-scrollbar-corner { background-color: #e2175a; width: 1px; } ::-webkit-scrollbar-track { background-color: #fff; width: 1px; } </style> <div class="daylightborder"><div style="width: 400px; height: 400px; background-image:url(http://funkyimg.com/i/UiUu.png);"></div> <div class="daylight"><div class="moonlight">РЕДАКЦИЯ ГАЗЕТЫ LA TIMES</div> <div class="moonlightlegend"> <b>главный редактор:</b> <i>возраст 30+</i><br> <b>зам. глав. редактора:</b> <i>возраст 25+</i><br> <b>журналисты:</b> <br> <b>фотографы:</b> <br> <b>художники:</b> <br> </div></div></div> <a href="http://shine.b1.jcink.com/index.php?showuser=1128">✿</a> </center>
Код:
<!--HTML--> <center><style type="text/css">.daylight { -WEBKIT-TRANSITION: 0.4S ALL EASE-IN-OUT; -MOZ-TRANSITION: 0.4S ALL EASE-IN-OUT; O-TRANSITION: 0.4S ALL EASE-IN-OUT; margin-top: -400px; width: 250px; height: 250px; padding: 25px; background-color: #fff; opacity: 0.0; box-shadow: 0 3PX 5PX RGBA(0,0,0,0.2); } .daylightborder { width: 400px; height: 400px; padding: 5px; border: 1px solid #c4c4c4; } .daylight:hover { -WEBKIT-TRANSITION: 0.4S ALL EASE-IN-OUT; -MOZ-TRANSITION: 0.4S ALL EASE-IN-OUT; O-TRANSITION: 0.4S ALL EASE-IN-OUT; margin-top: -350px; opacity: 1.0;} .moonlight { width: 230px; padding: 10px; background-color: #e2175a; margin-bottom: 5px; font-family: courier; color: #fff; font-size: 9px; text-transform: uppercase; text-align: center; letter-spacing: 1px; } .moonlightlegend { width: 240px; height: 205px; padding: 5px; overflow: auto; font-family: libre baskerville; font-size: 10px; color: #252525; line-height: 100%; text-align: justify; color: #252525; } ::-webkit-scrollbar { width: 1px; background-color: #e2175a; } ::-webkit-scrollbar-thumb { background-color: #e2175a; width: 1px; } ::-webkit-scrollbar-corner { background-color: #e2175a; width: 1px; } ::-webkit-scrollbar-track { background-color: #fff; width: 1px; } </style> <div class="daylightborder"><div style="width: 400px; height: 400px; background-image:url(http://funkyimg.com/i/UiVm.png);"></div> <div class="daylight"><div class="moonlight">КАЛИФОРНИЙСКИЙ УНИВЕРСИТЕТ В ЛА</div> <div class="moonlightlegend"> <b>ректор:</b> <i>возраст 45+</i><br> <b>преподавательский состав:</b> <i>возраст 27+</i><br> <b>студенты:</b> <br> </div></div></div> <a href="http://shine.b1.jcink.com/index.php?showuser=1128">✿</a> </center>
Поделиться62015-02-17 17:22:45
Код:
<!--HTML--> <link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'> <style type="text/css"> .codesbymerc { font-family:calibri; font-size:10px; color:#191919; text-align:center; } .codesbymerc a { text-decoration:none;}</style> <link rel="stylesheet" type="text/css" href="https://www.dropbox.com/s/arlrnag7pxeoepb/Jaeger.css?dl=1"> <center> <div id="pr-jaeger"> <div class="pr-chernoalpha"> <span>THE JAEGER PROGRAM</span> </div> <div class="pr-striker"></div> <div class="pr-typhoon"></div> <div class="pr-gypsy">///</div> <div class="pr-matador">THE PACIFIC RIM</div> <div class="pr-chrome"><span>WELCOME TO THE JAEGER PROGRAM</span></div> <img src="http://placehold.it/400px; height:250px;"> <div class="pr-echo"> <div class="pr-tango"><b>F</b>irst letter code code your post here :D </div> </div> </div> <div class="codesbymerc"><a href="http://z10.invisionfree.com/CAUTIONTOTHEWIND/index.php?showuser=37282">THANKS</a><a href="http://z10.invisionfree.com/Shadowplay/index.php?showuser=9289">MERC</a></div> </center>
Поделиться72015-02-17 17:23:22
Код:
<!--HTML--> <link href='http://fonts.googleapis.com/css?family=Oswald:300' rel='stylesheet' type='text/css'><style type="text/css"> #slider { text-align: center; width:450px; height:450px;} label, #active, img { -moz-user-select:none;-webkit-user-select:none; } .catch { display: block; height: 0; overflow: hidden; } #slider { margin: 0 auto; } #slider input {display: none;} #slidercr { font-family: oswald; font-size:10px; text-transform:uppercase; } #slidercr a {color:#206876;} #slide1:checked ~ #slides .inner { margin-left:0; } #slide2:checked ~ #slides .inner { margin-left:-100%; } #slide3:checked ~ #slides .inner { margin-left:-200%; } #slide4:checked ~ #slides .inner { margin-left:-300%; } #slide5:checked ~ #slides .inner { margin-left:-400%; } #controller {width:450px; height:450px; overflow:hidden; } #overflow {width: 100%;overflow: hidden;} article img {width: 450px; height:450px;} #slides .inner {width: 500%;line-height: 0;} #slides article { width: 20%;float: left;} #controls {margin-top: -50%; margin-left:16%; margin-right:0%; margin-bottom:0%; width: 68%;height: 50px;} #controls label { display: none;width: 50px; height: 50px;opacity: 0.3;} #active {margin: 27% 0 0;text-align: center;} #active label {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: inline-block; width: 10px; height: 10px; background: #bbb; } #active label:hover { background: #ccc; border-color: #0e0e0e!important; } #controls label:hover { opacity: 0.8; } #slide1:checked ~ #controls label:nth-child(2), #slide2:checked ~ #controls label:nth-child(3), #slide3:checked ~ #controls label:nth-child(4), #slide4:checked ~ #controls label:nth-child(5), #slide5:checked ~ #controls label:nth-child(1) { background: url('http://csscience.com/responsiveslidercss3/next.png') no-repeat; float: right; margin: 0 -70px 0 0; display: block;} #slide1:checked ~ #controls label:nth-child(5), #slide2:checked ~ #controls label:nth-child(1), #slide3:checked ~ #controls label:nth-child(2), #slide4:checked ~ #controls label:nth-child(3), #slide5:checked ~ #controls label:nth-child(4) { background: url('http://csscience.com/responsiveslidercss3/prev.png') no-repeat; float: left; margin: 0 0 0 -70px; display: block; } #slide1:checked ~ #active label:nth-child(1), #slide2:checked ~ #active label:nth-child(2), #slide3:checked ~ #active label:nth-child(3), #slide4:checked ~ #active label:nth-child(4), #slide5:checked ~ #active label:nth-child(5) { background: #0e0e0e; border-color: #0e0e0e !important; } /* Info Box */ .info {line-height: 20px; margin: 0 0 -150%; position: absolute; padding: 30px 30px; opacity: 0; color: #000; align:center; height:450px;} .firstslide {line-height: 20px; margin: 0 0 -150%; position: absolute; padding: 30px 30px; opacity: 0; color: #000; text-align: justify; height:450px;} .fstxt { margin-top:360px 0 0 50px; background-color:rgba(255,255,255,0.7); background-color:rgb(255,255,255,0.7); color:#191919; font-size:38px; font-family:oswald; text-align:center; padding:15px; text-transform:uppercase; letter-spacing:2px;} .ntxt { margin-top:360px 0 0 50px; background-color:rgba(255,255,255,0.7); background-color:rgb(255,255,255,0.7); color:#191919; font-size:38px; font-family:oswald; text-align:center; padding:15px; text-transform:uppercase; letter-spacing:2px;} .ctxt { background-color:rgba(255,255,255,0.7); background-color:rgb(255,255,255,0.7); width:350px; padding: 5px 25px 25px 25px; text-align:justify; font-family:georgia; font-size:11px; text-transform:lowercase; line-height:95%; height:315px; overflow:auto;} #slides { box-shadow: 1px 1px 4px #666;} .ctxt b { font-weight:bold; color:#565070; text-transform:uppercase; font-family:oswald;} #slides .inner {-webkit-transform: translateZ(0);-webkit-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); -moz-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); -ms-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); -o-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); -webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); -moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); -ms-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); -o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); } #slider { -webkit-transform: translateZ(0);-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;} #controls label{ -webkit-transform: translateZ(0); -webkit-transition: opacity 0.2s ease-out;-moz-transition: opacity 0.2s ease-out;-o-transition: opacity 0.2s ease-out;transition: opacity 0.2s ease-out;} #slide1:checked ~ #slides article:nth-child(1) .firstslide, #slide2:checked ~ #slides article:nth-child(2) .info, #slide3:checked ~ #slides article:nth-child(3) .info, #slide4:checked ~ #slides article:nth-child(4) .info, #slide5:checked ~ #slides article:nth-child(5) .info { opacity: 1; -webkit-transition: all 1s ease-out 0.6s;-moz-transition: all 1s ease-out 0.6s;-o-transition: all 1s ease-out 0.6s; transition: all 1s ease-out 0.6s;} .info, #controls, #slides, #active, #active label, .info h3, .desktop, .tablet, .mobile { -webkit-transform: translateZ(0); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }</style> <div class="controller"><article id=slider> <input checked type=radio name=slider id=slide1 /> <input type=radio name=slider id=slide2 /> <input type=radio name=slider id=slide3 /> <input type=radio name=slider id=slide4 /> <input type=radio name=slider id=slide5 /> <div id=slides> <div id=overflow> <div class=inner> <article><div class=firstslide><div class="fstxt">first last</div></div> <img src=500x500 IMAGE HERE!!! /></article> <article><div class=info> <div class="ntxt">friends</div> <div class="ctxt"><b>f</b>irst letter goes into the bold tags and the rest of your writing goes here!</div></div> <img src=500x500 IMAGE HERE!!! /></article> <article><div class=info><div class="ntxt">enemies</div> <div class="ctxt"><b>f</b>irst letter goes into the bold tags and the rest of your writing goes here!</div></div> <img src=500x500 IMAGE HERE!!! /></article> <article><div class=info><div class="ntxt">lovers</div> <div class="ctxt"><b>f</b>irst letter goes into the bold tags and the rest of your writing goes here!<br><br> i'm totally open to any sort of plot really, whether it's a drunken night at a winning after party or something else! </div></div> <img src=500x500 IMAGE HERE!!! /></article> <article><div class=info><div class="ntxt">relationships</div> <div class="ctxt" style="text-align:center;"> <b>first last</b> - relationship<br> <b>first last</b> - relationship<br> <b>first last</b> - relationship<br> </div></div> <img src=500x500 IMAGE HERE!!! /></article> </div> </div> </div> <div id=controls> <label for=slide1></label> <label for=slide2></label> <label for=slide3></label> <label for=slide4></label> <label for=slide5></label> </div> </article></div>
Поделиться82015-02-17 17:23:58
Код:
<!--HTML--> <link href='http://fonts.googleapis.com/css?family=Playfair+Display:400,900italic|Economica' rel='stylesheet' type='text/css'> <style type="text/css"> .asf-bajancanadian { width:400px; height:400px; padding:25px; background-image:url(http://24.media.tumblr.com/2f7bc1f49f9ca0432c58b59683c692e3/tumblr_ms2gtpMEvD1r483yfo1_500.png); background-position: center bottom; } .asf-jerome { width: 350px; padding:25px; background-color:#A23838; margin-top:-50px; z-index:1; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; } .asf-noochm { font-size:50px; font-style:italic; font-weight:bold; font-family:playfair display; color:#fcfcfc; line-height:100%; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; } .asf-mitch { width:350px; padding:25px; overflow:auto; font-family:calibri; font-size:11px; line-height:99%; background-color:rgba(255, 255, 255, 0.8); background-color:rgb(255, 255, 255, 0.8); text-align:justify; height:0px; color:191919; opacity:0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; } .asf-bajancanadian:hover .asf-jerome { margin-top:0px; } .asf-bajancanadian:hover .asf-mitch { opacity:1; height:250px; } .mrc { font-family:calibri; font-size:9px; text-transform:uppercase; text-decoration:none; } .mrc a { text-decoration:none; color:#A23838; } </style> <center> <div class="asf-bajancanadian"> <div class="asf-mitch">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div> <div class="asf-jerome"> <div class="asf-noochm">shadow + bone</div> </div> </div> <div class="mrc"><a href="http://z10.invisionfree.com/Shadowplay/index.php?showuser=9289">merc</a> </div> </center>
Поделиться92015-02-17 17:24:29
Код:
<!--HTML--> <div class='postcolor'> <center> <div style="width:350px; height: 170px; background: url(http://i.imgur.com/nVC0eAx.png); padding-top: 28px;"> <div style="Width: 290px; height: 140px; background-color: white;"> <DIV STYLE="padding-top: 5px;"></div><div style="width: 280px; height: 14px; background-color: #021920; font-family: calibri; font-size: 8px; line-height: 14px; color: white; letter-spacing: 5px;">I COME ALIVE</div> <div style="width:200px; height:120px; font-family: calibri; font-size: 10px; line-height: 9px; text-align: justify; color: #021920; overflow: auto; padding-top:25px;">Just a quick note, if you use this template DO NOT REMOVE MY CREDIT! I worked hard on this. You can change colors, fonts and such but no major changes please. <b>Do not steal or recreate any of my codes.</b> I love seeing my codes in action, so please post here and show me where you are using it! Enjoy! </div> </div> </div> </center>
Поделиться102015-02-17 17:24:47
Код:
<!--HTML--> <center><link href='http://fonts.googleapis.com/css?family=Playball' rel='stylesheet' type='text/css'><style type="text/css"> .iwilive {width: 340px; border-top: 55px solid #2C3941; background-color: #fff; padding: 20px; } .rthtabnly {width: 340px; height:220px; background-image: url(IMGURLONEHERE); overflow: hidden;z-index: .1; } .idinreal {width: 150px; height: 112px; background-image: url(IMGEURLTWOHERE); z-index: 1; margin-top: 100px; margin-left: -172px; overflow: hidden; border: 1px dotted #fff; } .yweldolo {padding: 20px; width: 300px; background-color: #f4f4f4; } .okayouha {width: 300px; font-family: playball; font-size: 55px; text-shadow: 1px 1px 1px #eaeaea, 2px 2px 2px #f4f4f4, 2px 2px 2px #000; color: #7AA410; text-align: center; text-transform: lowercase; margin-top: 10px;} .wosliyothr { font-family: arial narrow; font-size: 9px; letter-spacing: 3px; font-style: italic; text-align: center; text-transform: uppercase; width: 300px; color: #000; margin-top: 15px; font-weight: light; } .ditvirtou { padding: 15px; width: 270px; background-color: #fff; border-bottom: 10px solid #7AA410; } .anabrigt {font-family: arial; font-size: 10px; text-align: justify; line-height: 95%; text-transform: lowercase; color: #000; width: 270px; } </style><div class="iwilive"><div class="rthtabnly"><div class="idinreal"></div></div><div class="yweldolo"><a href="http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showuser=7185"><div class="okayouha"> username here </div></a><div class="wosliyothr"> is connected to <b>natalie</b> </div><div class="ditvirtou"><div class="anabrigt"> so you can place your video chatting message in here, this is not scroll but it will get longer for ya. thank you for using my template and please keep the credit attached! so you can place your video chatting message in here, this is not scroll but it will get longer for ya. thank you for using my template and please keep the credit attached! </div></div></div></div></center>
Поделиться112015-02-17 17:25:13
Код:
<!--HTML--> <div class='postcolor'> <center><style type="text/css"> .juats {width:350px; height: 450px; background-image: url(http://data2.whicdn.com/images/58903675/large.jpg); background-position: center center; overflow: hidden; padding: 60px; } .canoihet {width: 290px; padding: 30px; background-color: #E2554C; text-align: center; font-family: georgia; font-size: 40px; color: #ffffff; text-shadow: 1px 1px 1px #000;text-transform: lowercase; letter-spacing: -2px; font-style: italic; border-bottom: 4px double #fff; } .wrhsdd {background-color: #fff; width: 290px; height: 315px; padding: 30px; } .gihead { text-align: center; font-family: georgia; font-size: 40px; color: #E2554C; text-shadow: 1px 1px 1px #fff, 2px 2px 2px #000, 2px 2px 2px #000;text-transform: lowercase; letter-spacing: -1px; font-style: italic; width: 290px; font-weight: bold;} .iuedos { padding: 25px; width: 240px; border-bottom: 10px solid #F1C0A2; height: 150px; } .nahed {width: 235px; padding-right: 5px; height: 150px; line-height: 90%; font-family: garamond; font-size: 12px; text-align: justify; text-transform: lowercase; overflow: auto; margin-top: 3px; } .iuedos p:first-letter {padding: 5px; background-color: #FF9E94; color: #fff; font-family: georgia; font-size: 40px: text-transform: uppercase; text-align: center; float: left; margin: 5px; } .hebads { width: 290px; height: 95px; background-image: url(http://placehold.it/290x95); } .juats ::-webkit-scrollbar {width: 12px; border: 5px solid #fff; background-color: #693C1F; } .juats ::-webkit-scrollbar-thumb { border: 3px solid #fff; background-color: #FCD1AE;} </style> <div class="juats"><div class="canoihet">love and war</div><div class="wrhsdd"><div class="gihead">first middle </div><div class="iuedos "><div class="nahed"><p>nullam eros mi, mollis in sollicitudin non, tincidunt sed enim. sed et felis metus, rhoncus ornare nibh. ut at magna leo. suspendisse egestas est ac dolor imperdiet pretium. lorem ipsum dolor sit amet, consectetur adipiscing elit. nam porttitor, erat sit amet venenatis luctus, augue libero ultrices quam, ut congue nisi risus eu purus. cras semper consectetur elementum. nulla vel aliquet libero. vestibulum eget felis nec purus commodo convallis. aliquam erat volutpat. <p>nullam eros mi, mollis in sollicitudin non, tincidunt sed enim. sed et felis metus, rhoncus ornare nibh. ut at magna leo. suspendisse egestas est ac dolor imperdiet pretium. lorem ipsum dolor sit amet, consectetur adipiscing elit. nam porttitor, erat sit amet venenatis luctus, augue libero ultrices quam, ut congue nisi risus eu purus. cras semper consectetur elementum. nulla vel aliquet libero. vestibulum eget felis nec purus commodo convallis. aliquam erat volutpat. </div></div><div class="hebads"></div></div></div> </center> </div>
Поделиться122015-02-17 18:41:48
Код:
<!--HTML--> <link href='http://fonts.googleapis.com/css?family=Sail' rel='stylesheet' type='text/css'> <style type="text/css"> .scrollxcx::-webkit-scrollbar { width: 7px; background: #433836; } .scrollxcx::-webkit-scrollbar-thumb { background: #dc201c; } .scrollxcx:-webkit-scrollbar-corner { background: #dc201c; } .charlisection {width: 200px; background: #eaf1f1; padding: 20px; border-radius: 50px 20px 80px 50px; border-bottom: 10px solid #dc201c; } .charlisection2 {width: 210px; background: #eaf1f1; padding: 20px; border-radius: 50px 20px 80px 20px; border-bottom: 10px solid #dc201c; } .justdesserts2 { font-family: Sail; font-size: 30px; color: #b3c4cc; text-align: center; line-height: 50%; } .justdesserts2:hover { transform: rotate(-5deg); -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -o-transform: rotate(-5deg); } .justdesserts { font-family: Sail; font-size: 40px; color: #b3c4cc; text-align: center; line-height: 50%;} .justdesserts:hover { transform: rotate(-5deg); -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -o-transform: rotate(-5deg); } .charlitabs { position: relative; width: 480px; height: 580px; padding: 10px; background-image: url(http://i1.minus.com/imdFbnsWO1uWE.png); border-radius: 200px 80px 200px 50px; box-shadow: 5px 6px 3px #b3c4cc; } .charlitab { float: left; } .charlitab label { width: 70px; text-align: center; font-family: Sail; font-size: 30px; color: #dc201c; right: 200px; letter-spacing: 0px; text-transform: lowercase; position: relative; top: 85px; left: 340px; z-index: 100; text-shadow: 1px 0px #ffffff, 0px 1px #ffffff, -1px 0px #ffffff, 0px -1px #ffffff; padding: 5px; } .charlitab [type=radio] {display: none;} .charlicontent { position: absolute; top: 28px; width: 250px; height: 300px; bottom: 100px; left: 200px; top: 100px; right: 0px; background: #FFFFFF; padding: 20px; border-radius: 50px 20px 80px 50px; border-bottom: 30px solid #b3c4cc; border-top: 20px solid #e7eff1; border-left: 1px dotted #b3c4cc; border-right: 1px dotted #b3c4cc;} [type=radio]:checked ~ label {color: #dc201c; z-index: 100;} [type=radio]:checked ~ label ~ .charlicontent {z-index: 1;} </style> <center> <div class="charlitabs"> <div class="charlitab"> <input type="radio" id="charlitab-1" name="charlitab-group-1" checked> <label for="charlitab-1">I</label> <div class="charlicontent"> <div style="color: #000000; font-family: Trebuchet MS; font-size: 10px; color: #918d7a; text-align: justify; letter-spacing: 0px; line-height: 90%;"> <div class="justdesserts">just desserts</div> <div class="charlisection2"> Hai and welcome to my gallery. My name is Iris and I've been coding since November 2012. Before that, I did do some IF skinning and regular HTML, but since November I have been focusing on mostly IF skinning and doHTML/CSS. Maybe at one point I will try some other things, but hey! I have just started. The girl on the left there is Charli XCX, which is one of my favourite singers. She might appear in other places, as well as Jenna-Louise Coleman and Ellie Goulding, who are my other favourites. Anyway, I've come to the end of my tiny ramble here. If you would like to use some of my codes, go ahead! But please read the rules first.</div> <br /><br /> <br /><br /> </div> </div> </div> <div class="charlitab"> <input type="radio" id="charlitab-2" name="charlitab-group-1"> <label for="charlitab-2">II</label> <div class="charlicontent"> <div style="color: #000000; font-family: Trebuchet MS; font-size: 10px; color: #918d7a;"> <div class="justdesserts2">threads</div> <div class="charlisection"><a href="http://z10.invisionfree.com/Shadowplay/index.php?showtopic=35913">❤</a> <a href="http://z10.invisionfree.com/Shadowplay/index.php?showtopic=37971">❤</a> <a href="http://z10.invisionfree.com/Shadowplay/index.php?showtopic=38902">❤</a> <a href="http://z10.invisionfree.com/Shadowplay/index.php?showtopic=38940">❤</a> <a href="http://z10.invisionfree.com/Shadowplay/index.php?showtopic=44487">❤</a> <a href="http://z10.invisionfree.com/Shadowplay/index.php?showtopic=45090">❤</a> </div> <br /> <div class="justdesserts2">shippers</div> <div class="charlisection"> <a href="http://z10.invisionfree.com/Shadowplay/index.php?showtopic=35457">❤</a> <a href="http://z10.invisionfree.com/Shadowplay/index.php?showtopic=35911">❤</a> <a href="http://z10.invisionfree.com/Shadowplay/index.php?showtopic=37776">❤</a> <a href="http://z10.invisionfree.com/Shadowplay/index.php?showtopic=39006">❤</a> <a href="http://z10.invisionfree.com/Shadowplay/index.php?showtopic=41336">❤</a> <a href="http://z10.invisionfree.com/Shadowplay/index.php?showtopic=45088">❤</a> </div> <br /> <div class="justdesserts2">im</div> <div class="charlisection"> <a href="http://z10.invisionfree.com/Shadowplay/index.php?showtopic=35708">❤</a> <a href="http://z10.invisionfree.com/Shadowplay/index.php?showtopic=37977">❤</a> <a href="http://z10.invisionfree.com/Shadowplay/index.php?showtopic=38903">❤</a> <a href="http://z10.invisionfree.com/Shadowplay/index.php?showtopic=41337">❤</a> <a href="http://z10.invisionfree.com/Shadowplay/index.php?showtopic=44490">❤</a> <a href="http://z10.invisionfree.com/Shadowplay/index.php?showtopic=45091">❤</a> </div> </div> </div> </div> <div class="charlitab"> <input type="radio" id="charlitab-3" name="charlitab-group-1"> <label for="charlitab-3">III</label> <div class="charlicontent"> <div style="color: #000000; font-family: Trebuchet MS; font-size: 10px; color: #918d7a;"> <div class="justdesserts2">signatures</div> <div class="charlisection"><a href="http://z10.invisionfree.com/Shadowplay/index.php?showtopic=36004">❤</a> <a href="http://z10.invisionfree.com/Shadowplay/index.php?showtopic=37777">❤</a> <a href="http://z10.invisionfree.com/Shadowplay/index.php?showtopic=37778">❤</a> <a href="http://z10.invisionfree.com/Shadowplay/index.php?showtopic=41335">❤</a> <a href="http://z10.invisionfree.com/Shadowplay/index.php?showtopic=44488">❤</a> <a href="http://z10.invisionfree.com/Shadowplay/index.php?showtopic=44486">❤</a> <a href="http://z10.invisionfree.com/Shadowplay/index.php?showtopic=44485">❤</a></div> <br /> <div class="justdesserts2">replies</div> <div class="charlisection">❤ ❤ ❤ ❤ ❤</div> <br /> <div class="justdesserts2">thread trackers</div> <div class="charlisection"> <a href="http://z10.invisionfree.com/Shadowplay/index.php?showtopic=45089">❤</a> ❤ ❤ ❤ </div> </div> </div> </div> <div class="charlitab"> <input type="radio" id="charlitab-4" name="charlitab-group-1"> <label for="charlitab-4">IV</label> <div class="charlicontent"> <div style="color: #000000; font-family: Trebuchet MS; font-size: 10px; color: #918d7a; text-align: justify; letter-spacing: 0px; line-height: 90%; text-align: center;"> <div class="justdesserts2">skins</div> <center><div class="charlisection"> <a href="http://z10.invisionfree.com/Shadowplay/index.php?showtopic=36129">❤</a> <a href="http://z10.invisionfree.com/Shadowplay/index.php?showtopic=37974">❤</a> <a href="http://z13.invisionfree.com/skinnotalone09/index.php?">❤</a> <a href="http://z10.invisionfree.com/Shadowplay/index.php?showtopic=38939">❤</a> <a href="http://z13.invisionfree.com/skinnotalone12/index.php?">❤</a> </div></center> <br /> <div class="justdesserts2">archive</div> <center><div class="charlisection"> <a href="http://z10.invisionfree.com/Shadowplay/index.php?showtopic=35047">❤</a> <a href="http://z10.invisionfree.com/Shadowplay/index.php?showtopic=35046">❤</a> <a href="http://z10.invisionfree.com/Shadowplay/index.php?showtopic=35680">❤</a> <a href="http://z10.invisionfree.com/Shadowplay/index.php?showtopic=35072">❤</a> <a href="http://z10.invisionfree.com/Shadowplay/index.php?showtopic=35704">❤</a> <a href="http://z10.invisionfree.com/Shadowplay/index.php?showtopic=35109">❤</a> <a href="http://z10.invisionfree.com/Shadowplay/index.php?showtopic=36047">❤</a> <a href="http://z10.invisionfree.com/Shadowplay/index.php?showtopic=35119">❤</a> <a href="http://z10.invisionfree.com/Shadowplay/index.php?showtopic=35129">❤</a> <a href="http://z10.invisionfree.com/Shadowplay/index.php?showtopic=35048">❤</a> <a href="http://z10.invisionfree.com/Shadowplay/index.php?showtopic=35474">❤</a> <a href="http://z10.invisionfree.com/Shadowplay/index.php?showtopic=35912">❤</a> <a href="http://z10.invisionfree.com/Shadowplay/index.php?showtopic=35884">❤</a> <a href="http://z10.invisionfree.com/Shadowplay/index.php?showtopic=36128">❤</a> <a href="http://z10.invisionfree.com/Shadowplay/index.php?showtopic=35619">❤</a> </div></center> </div> </div> </div> <div class="charlitab"> <input type="radio" id="charlitab-5" name="charlitab-group-1"> <label for="charlitab-5">V</label> <div class="charlicontent"> <div style="color: #000000; font-family: Trebuchet MS; font-size: 10px; color: #918d7a; text-align: justify; letter-spacing: 0px; line-height: 90%;"> <div class="justdesserts">awards</div> <div class="scrollxcx" style="width: 260px; height: 250px; overflow: auto;"><br /> <center><a href="http://i676.photobucket.com/albums/vv129/shadowplayers/PROMOTIONS/codingpromospapr13b_zpscad1965c.png"><img src="http://i272.photobucket.com/albums/jj194/lapicturing/coding/evol2_zps1981ae93.png"></a><br /> <br /><a href="http://i676.photobucket.com/albums/vv129/shadowplayers/PROMOTIONS/codingpromospfeb13c_zps0ad466ee.png"><img src="http://i272.photobucket.com/albums/jj194/lapicturing/coding/evolv2_zps6e479039.png"></a> <br /> <img src="http://i676.photobucket.com/albums/vv129/shadowplayers/FORUM/gr.png"> <img src="http://i676.photobucket.com/albums/vv129/shadowplayers/FORUM/ss.png"></center> </div> </div> </div> </div> </div> </div> </center> </div> <br /><br />
Страница: 1