Г | Код: <!--HTML--> <style> .cwshelter1 { position: relative; margin:0 0 10px 0; min-width: 270px; max-width: 270px; width: 100%; color: #ffffff; text-align: center; background-color: #000000; font-size: 14px; } .cwshelter1 * { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.4s ease-in; transition: all 0.4s ease-in; } .cwshelter1 img { position: relative; max-width: 100%; vertical-align: top; } .cwshelter1 figcaption { position: absolute; top: 0; right: 0; width: 100%; height: 100%; z-index: 1; opacity: 0; padding: 20px 30px; } .cwshelter1 figcaption:before, .cwshelter1 figcaption:after { width: 1px; height: 0; } .cwshelter1 figcaption:before { right: 0; top: 0; } .cwshelter1 figcaption:after { left: 0; bottom: 0; } .cwshelter1 p { line-height: 1em; } .cwshelter1 h4 { margin: 0 0 5px; font-weight: 700; text-transform: uppercase; } .cwshelter1 h4, .cwshelter1 p { line-height: 1em; } .cwshelter1 p { font-size: 0.8em; font-weight: 500; margin: 0 0 15px; } .cwshelter1 a { position: absolute; top: 0; bottom: 0; right: 0; left: 0; z-index: 1; } .cwshelter1:before, .cwshelter1:after, .cwshelter1 figcaption:before, .cwshelter1 figcaption:after { position: absolute; content: ''; background-color: #ffffff; z-index: 1; -webkit-transition: all 0.4s ease-in; transition: all 0.4s ease-in; opacity: 0.8; } .cwshelter1:before, .cwshelter1:after { height: 1px; width: 0%; } .cwshelter1:before { top: 0; left: 0; } .cwshelter1:after { bottom: 0; right: 0; } .cwshelter1:hover img, .cwshelter1.hover img { opacity: 0.4; } .cwshelter1:hover figcaption, .cwshelter1.hover figcaption { opacity: 1; } .cwshelter1:hover figcaption:before, .cwshelter1.hover figcaption:before, .cwshelter1:hover figcaption:after, .cwshelter1.hover figcaption:after { height: 100%; } .cwshelter1:hover:before, .cwshelter1.hover:before, .cwshelter1:hover:after, .cwshelter1.hover:after { width: 100%; } .cwshelter1:hover:before, .cwshelter1.hover:before, .cwshelter1:hover:after, .cwshelter1.hover:after, .cwshelter1:hover figcaption:before, .cwshelter1.hover figcaption:before, .cwshelter1:hover figcaption:after, .cwshelter1.hover figcaption:after { opacity: 0.1; } </style> <figure class="cwshelter1"> <img src="http://s5.uploads.ru/aKEoL.jpg" alt=""/> <figcaption> <font face= "yeseva one"><h4>солнцезвезд</h4> <p>предводитель</font></p> </figcaption> <a href="http://cwshelter.ru/profile.php?id=17"></a> </figure> <figure class="cwshelter1"> <img src="http://sg.uploads.ru/Id8Ch.png" alt=""/> <figcaption> <font face= "yeseva one"><h4>смерчешкур</h4> <p>глашатай</font></p> </figcaption> <a href="http://cwshelter.ru/profile.php?id=91"></a> </figure> <figure class="cwshelter1"> <img src="http://sh.uploads.ru/hJ87z.jpg" alt=""/> <figcaption> <font face= "yeseva one"><h4>орех</h4> <p>целитель</font></p> </figcaption> <a href="http://cwshelter.ru/profile.php?id=3"></a> </figure> <figure class="cwshelter1"> <img src="http://sg.uploads.ru/xXtyT.jpg" alt=""/> <figcaption> <font face= "yeseva one"><h4>бражница</h4> <p>целительница</font></p> </figcaption> <a href="http://cwshelter.ru/profile.php?id=5"></a> </figure> | Код: <!--HTML--> <style> .gtemp-app1 { width: 90%; font-size: 11px; text-align: center; line-height: 120%; color: #000; background-color: #eee9e3; padding: 15px; padding-top: 10px; margin: 10px; } </style> <center> <center> <div class="gtemp-app1"> <div style="width="100%"> <div style="text-align: auto; height: 300px; overflow: auto;"> <br> <p> <font face="Tahoma"><font size="2"><font color="496750"><b>воители — </b></size></font><a href="http://cwshelter.ru/profile.php?id=53">ежевика</a>, <a href="http://cwshelter.ru/profile.php?id=312">короед</a>, <a href="http://cwshelter.ru/profile.php?id=16">бурецапка</a>, <a href="http://cwshelter.ru/profile.php?id=75">ласточка</a>, <a href="http://cwshelter.ru/profile.php?id=311">крона</a>, <a href="http://cwshelter.ru/profile.php?id=40">песчаная</a>, <a href="http://cwshelter.ru/profile.php?id=389">янтарница</a>, <a href="http://cwshelter.ru/profile.php?id=366">одуванчик</a>, <a href="http://cwshelter.ru/profile.php?id=79">мышеухая</a>, <a href="http://cwshelter.ru/profile.php?id=394">косуля</a> <p> <font face="Tahoma"><font size="2"><font color="496750"><b>оруженосцы — </b></size></font><a href="http://cwshelter.ru/profile.php?id=271">мухоморчик</a>, <a href="http://cwshelter.ru/profile.php?id=281">зайка</a>, <a href="http://cwshelter.ru/profile.php?id=282">траволапая</a>, <a href="http://cwshelter.ru/profile.php?id=333">углелап</a>, <a href="http://cwshelter.ru/profile.php?id=362">сажелап</a>, <a href="http://cwshelter.ru/profile.php?id=309">медобок</a>, <a href="http://cwshelter.ru/profile.php?id=321">голубка</a>, <p> <font face="Tahoma"><font size="2"><font color="496750"><b>котята — </b></size></font><a href="http://cwshelter.ru/profile.php?id=402">хвоинка</a> <p> <font face="Tahoma"><font size="2"><font color="496750"><b>королевы — </b></size></font> <p> <font face="Tahoma"><font size="2"><font color="496750"><b>старейшины — </b></size></font><a href="http://cwshelter.ru/profile.php?id=313">шептунья</a>, <a href="http://cwshelter.ru/profile.php?id=84">малина</a>, <a href="http://cwshelter.ru/profile.php?id=315">космач</a> <p></p> <font face="Tahoma"><font size="2"><font color="496750"><b>наставник — ученик</b></size></font><font face="Fixedsys"><font color="496750"><font size="2"><b><pre>. . . . . .</pre></b></size></font><font face="Tahoma"> <br><a href="http://cwshelter.ru/profile.php?id=312">короед</a> — <a href="http://cwshelter.ru/profile.php?id=271">мухоморчик</a> <br><a href="http://cwshelter.ru/profile.php?id=91">смерчешкур</a> — <a href="http://cwshelter.ru/profile.php?id=355">соволап</a>> <br><a href="http://cwshelter.ru/profile.php?id=16">бурецапка</a> — <a href="http://cwshelter.ru/profile.php?id=282">траволапая</a> <br><a href="http://cwshelter.ru/profile.php?id=86">тайфун</a> — <a href="http://cwshelter.ru/profile.php?id=281">зайка</a></font> </div> </div></div> </center> |
П | Код: <!--HTML--> <figure class="cwshelter1"> <img src="http://s5.uploads.ru/Kr5w7.jpg" alt=""/> <figcaption> <font face= "yeseva one"><h4>комета</h4> <p>предводительница</font></p> </figcaption> <a href="http://cwshelter.ru/profile.php?id=8"></a> </figure> <figure class="cwshelter1"> <img src="http://s9.uploads.ru/fEOyi.jpg" alt=""/> <figcaption> <font face= "yeseva one"><h4>в поиске</h4> <p>глашатай</font></p> </figcaption> <a href="http://cwshelter.ru/viewtopic.php?id=1090"></a> </figure> <figure class="cwshelter1"> <img src="http://sd.uploads.ru/y0HEq.jpg" alt=""/> <figcaption> <font face= "yeseva one"><h4>ива</h4> <p>целительница</font></p> </figcaption> <a href="http://cwshelter.ru/profile.php?id=76"></a> </figure> <figure class="cwshelter1"> <img src="http://s3.uploads.ru/fneFk.jpg" alt=""/> <figcaption> <font face= "yeseva one"><h4>орлятка</h4> <p>ученица целительницы</font></p> </figcaption> <a href="http://cwshelter.ru/profile.php?id=391"></a> </figure> | Код: <!--HTML--> <center> <center> <div class="gtemp-app1"> <div style="width="100%"> <div style="text-align: auto; height: 300px; overflow: auto;"> <br> <p> <font face="Tahoma"><font size="2"><font color="535352"><b>воители — </b></size></font><a href="http://cwshelter.ru/profile.php?id=158">багрянка</a>, <a href="http://cwshelter.ru/profile.php?id=335">невесомая</a>, <a href="http://cwshelter.ru/profile.php?id=101">волчеягодник</a>, <a href="http://cwshelter.ru/profile.php?id=363">тенелап</a>, <a href="http://cwshelter.ru/profile.php?id=107">крыса</a>, <a href="http://cwshelter.ru/profile.php?id=69">цикада</a>, <a href="http://cwshelter.ru/profile.php?id=396">чеснок</a>, <a href="http://cwshelter.ru/profile.php?id=81">луна</a>, <a href="http://cwshelter.ru/profile.php?id=409">ясень</a>, <a href="http://cwshelter.ru/profile.php?id=408">вечерница</a>, <a href="http://cwshelter.ru/profile.php?id=404">черноцвет</a>, <a href="http://cwshelter.ru/profile.php?id=347">граб</a>, <a href="http://cwshelter.ru/profile.php?id=302">рябчик</a> <p> <font face="Tahoma"><font size="2"><font color="535352"><b>оруженосцы — </b></size></font><a href="http://cwshelter.ru/profile.php?id=295">клёновка</a>, <a href="http://cwshelter.ru/profile.php?id=265">дроздовка</a>, <a href="http://cwshelter.ru/profile.php?id=401">воронушка</a> <p> <font face="Tahoma"><font size="2"><font color="535352"><b>котята — </b></size></font> <a href="http://cwshelter.ru/profile.php?id=406">перышко</a> <p> <font face="Tahoma"><font size="2"><font color="535352"><b>королевы — </b></size>в розыске</font> <p> <font face="Tahoma"><font size="2"><font color="535352"><b>старейшины — </b></size>в розыске</font> <p></p> <font face="Tahoma"><font size="2"><font color="535352"><b>наставник — ученик</b></size></font><font face="Fixedsys"><font color="535352"><font size="2"><b><pre>. . . . . .</pre></b></size></font><font face="Tahoma"> <br><a href="http://cwshelter.ru/profile.php?id=28">крушина</a> — <a href="http://cwshelter.ru/profile.php?id=265">дроздовка</a> <br><a href="http://cwshelter.ru/profile.php?id=363">тенелап</a> — <a href="http://cwshelter.ru/profile.php?id=401">воронушка</a> </div> </div></div> </center> |
КОД ДЛЯ ЗАПОЛНЕНИЯ
Код:1. племя, должность 2. <a href="сюда ссылку на профиль">сюда имя (с маленькой буквы!)</a> 3. если есть наставник или ученик: <br><a href="ссылка на профиль наставника">имя наставника (с маленькой буквы)!</a> — <a href="ссылка на профиль ученика">имя ученика (с маленькой буквы!)</a>