список племен

Страница: 1

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

Поделиться111-09-2018 14:16:38

принадлежность:
Автор: Создатель
cwshelter
информация: лесной предок, ∞ лун
Сообщений: 293
Уважение: +166

Г
Р
О
З
О
В
О
Е

П
Л
Е
М
Я

Код:

<!--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=394">косуля</a>, <a href="http://cwshelter.ru/profile.php?id=403">ёж</a>, <a href="http://cwshelter.ru/profile.php?id=425">оскал</a>, <a href="http://cwshelter.ru/profile.php?id=47">рычала</a>, <a href="http://cwshelter.ru/profile.php?id=419">свет</a>, <a href="http://cwshelter.ru/profile.php?id=434">певчая</a>, <a href="http://cwshelter.ru/profile.php?id=289">грозоликий</a>, <a href="http://cwshelter.ru/profile.php?id=79">мышеухая</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=309">медобок</a>, <a href="http://cwshelter.ru/profile.php?id=290">гусёнок</a>, <a href="http://cwshelter.ru/profile.php?id=427">серебринка</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>, <a href="http://cwshelter.ru/profile.php?id=398">зарянка</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=403">ёж</a> — <a href="http://cwshelter.ru/profile.php?id=290">гусёнок</a>
<br><a href="http://cwshelter.ru/profile.php?id=389">янтарница</a> — <a href="http://cwshelter.ru/profile.php?id=333">углелап</a>
<br><a href="http://cwshelter.ru/profile.php?id=425">оскал</a> — <a href="http://cwshelter.ru/profile.php?id=427">серебринка</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://forumuploads.ru/uploads/0019/c8/05/5/20604.png" alt=""/>
  <figcaption>
    <font face= "yeseva one"><h4>багрянка</h4>
<p>глашатай</font></p>
  </figcaption>
  <a href="http://cwshelter.ru/profile.php?id=158"></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=101">волчеягодник</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=44">наледь</a>, <a href="http://cwshelter.ru/profile.php?section=fields&id=393">сумрачник</a>, <a href="http://cwshelter.ru/profile.php?id=410">скворушка</a>, <a href="http://cwshelter.ru/profile.php?id=436">полумесяц</a>, <a href="http://cwshelter.ru/profile.php?id=442">дождь</a>, <a href="http://cwshelter.ru/profile.php?id=443">хвощ</a>, <a href="http://cwshelter.ru/profile.php?id=93">подёнка</a>, <a href="http://cwshelter.ru/profile.php?id=120">сказочник</a>, <a href="http://cwshelter.ru/profile.php?id=432">ель</a>, <a href="http://cwshelter.ru/profile.php?id=459">примула</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=430">облачко</a>, <a href="http://cwshelter.ru/profile.php?id=439">ольхоглазка</a>, <a href="http://cwshelter.ru/profile.php?id=435">клюковка</a>, <a href="http://cwshelter.ru/profile.php?id=367">кукушица</a>, <a href="http://cwshelter.ru/profile.php?id=364">лосяк</a>, <a href="http://cwshelter.ru/profile.php?id=451">златобок</a>
<p>
<font face="Tahoma"><font size="2"><font color="535352"><b>котята — </b></size><a href="http://cwshelter.ru/profile.php?id=422">таракашка</a></font> 
<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><a href="http://cwshelter.ru/profile.php?id=413">паслён</a></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=408">вечерница</a> — <a href="http://cwshelter.ru/profile.php?id=265">дроздовка</a>
<br><a href="http://cwshelter.ru/profile.php?id=8">комета</a> — <a href="http://cwshelter.ru/profile.php?id=430">облачко</a>
<br><a href="http://cwshelter.ru/profile.php?id=436">полумесяц</a> — <a href="http://cwshelter.ru/profile.php?id=439">ольхоглазка</a>
<br><a href="http://cwshelter.ru/profile.php?id=410">скворушка</a> — <a href="http://cwshelter.ru/profile.php?id=435">клюковка</a>
<br><a href="http://cwshelter.ru/profile.php?id=442">дождь</a> — <a href="http://cwshelter.ru/profile.php?id=367">кукушица</a>
<br><a href="http://cwshelter.ru/profile.php?id=396">чеснок</a> — <a href="http://cwshelter.ru/profile.php?id=364">лосяк</a>
<br><a href="http://cwshelter.ru/profile.php?id=158">багрянка</a> — <a href="http://cwshelter.ru/profile.php?id=451">златобок</a>
</div>
</div></div> 
</center>

КОД ДЛЯ ЗАПОЛНЕНИЯ

Код:

1. племя, должность
2. <a href="сюда ссылку на профиль">сюда имя (с маленькой буквы!)</a>
3. если есть наставник или ученик: 
<br><a href="ссылка на профиль наставника">имя наставника (с маленькой буквы)!</a> — <a href="ссылка на профиль ученика">имя ученика (с маленькой буквы!)</a>

Поделиться215-09-2018 23:37:08

принадлежность:
Автор: Создатель
cwshelter
информация: лесной предок, ∞ лун
Сообщений: 293
Уважение: +166

П
Л
Е
М
Я

В
Е
Т
Р
А

Код:

<!--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://funkyimg.com/i/2RvrF.jpg" alt=""/>
  <figcaption>
    <font face= "yeseva one"><h4>звездопад</h4>
<p>предводитель</font></p>
  </figcaption>
  <a href="http://cwshelter.ru/profile.php?id=37"></a>
</figure>

<figure class="cwshelter1">
  <img src="http://sh.uploads.ru/94oWa.jpg" alt=""/>
  <figcaption>
    <font face= "yeseva one"><h4>соболь</h4>
<p>глашатай</font></p>
  </figcaption>
  <a href="http://cwshelter.ru/profile.php?id=26"></a>
</figure>

<figure class="cwshelter1">
  <img src="http://sh.uploads.ru/au9cM.jpg" alt=""/>
  <figcaption>
    <font face= "yeseva one"><h4>полуночник</h4>
<p>целитель</font></p>
  </figcaption>
  <a href="http://cwshelter.ru/profile.php?id=14"></a>
</figure>

<figure class="cwshelter1">
  <img src="http://s5.uploads.ru/7MbQF.png" alt=""/>
  <figcaption>
    <font face= "yeseva one"><h4>дроколап</h4>
<p>ученик целителя</font></p>
  </figcaption>
  <a href="http://cwshelter.ru/profile.php?id=314"></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] [font=Tahoma][/font]"><font size="2"><font color="716c57"><b>воители — </b></size></font><a href="http://cwshelter.ru/profile.php?id=337">лисохвост</a>, <a href="http://cwshelter.ru/profile.php?id=43">гром</a>, <a href="http://cwshelter.ru/profile.php?id=258">озеро</a>, <a href="http://cwshelter.ru/profile.php?id=246">утёсник</a>, <a href="http://cwshelter.ru/profile.php?id=66">воробейница</a>, <a href="http://cwshelter.ru/profile.php?id=126">гончая</a>, <a href="http://cwshelter.ru/profile.php?id=25">шип</a>, <a href=http://cwshelter.ru/profile.php?id=395>кисточка</a>, <a href=http://cwshelter.ru/profile.php?id=414>веснянка</a>, <a href="http://cwshelter.ru/profile.php?id=74">жара</a>, <a href="http://cwshelter.ru/profile.php?id=155">шершень</a>, <a href="http://cwshelter.ru/profile.php?id=437">вереск</a>, <a href="http://cwshelter.ru/profile.php?id=57">аконит</a>
<p>
<font face="Tahoma"><font size="2"><font color="716c57"><b>оруженосцы — </b></size><a href="http://cwshelter.ru/profile.php?id=367">сияющая</a>, <a href="http://cwshelter.ru/profile.php?id=377">тонколапка</a>, <a href="http://cwshelter.ru/profile.php?id=117">вьюжка</a>
<p>
<font face="Tahoma"><font size="2"><font color="716c57"><b>котята — </b></size><a href="http://cwshelter.ru/profile.php?id=369">вьюночек</a></font>, <a href="http://cwshelter.ru/profile.php?id=376">пенушка</a>, <a href="http://cwshelter.ru/profile.php?id=392">снежок</a>, <a href="http://cwshelter.ru/profile.php?id=397">огонек</a>, <a href="http://cwshelter.ru/profile.php?id=390">паучишка</a>, <a href="http://cwshelter.ru/profile.php?id=411">цветочек</a>, <a href="http://cwshelter.ru/profile.php?id=373">листочек</a>,  <a href="http://cwshelter.ru/profile.php?id=420">мятка</a>, <a href="http://cwshelter.ru/profile.php?id=384">полевушка</a>, <a href="http://cwshelter.ru/profile.php?id=444">ковылёк</a>
<p>
<font face="Tahoma"><font size="2"><font color="716c57"><b>королевы — </b></size><a href="http://cwshelter.ru/profile.php?id=374">корица</a>, <a href="http://cwshelter.ru/profile.php?id=38">крутобока</a></font>
<p>
<font face="Tahoma"><font size="2"><font color="716c57"><b>старейшины — </b></size>в розыске</font>
<p></p>
<font face="Tahoma"><font size="2"><font color="716c57"><b>наставник — ученик</b></size></font><font face="Fixedsys"><font color="716c57"><font size="2"><b><pre>.  .  .  .  .  .</pre></b></size></font><font face="Tahoma">
<br><a href="http://cwshelter.ru/profile.php?id=37">звездопад</a> — <a href="http://cwshelter.ru/profile.php?id=187">ветролап</a>
<br><a href="http://cwshelter.ru/profile.php?id=66">воробейница</a> — <a href="http://cwshelter.ru/profile.php?id=117">вьюжка</a>
<br><a href="http://cwshelter.ru/profile.php?id=246">утёсник </a> — <a href="http://cwshelter.ru/profile.php?id=367">сияющая</a>
<br><a href="http://cwshelter.ru/profile.php?id=25">шип</a> — <a href="http://cwshelter.ru/profile.php?id=377">тонколапка</a>
</font>
</div>
</div></div> 
</center>

Р
Е
Ч
Н
О
Е

П
Л
Е
М
Я

Код:

<!--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/2CTkF.jpg" alt=""/>
  <figcaption>
    <font face= "yeseva one"><h4>созвездие</h4>
<p>предводительница</font></p>
  </figcaption>
  <a href="http://cwshelter.ru/profile.php?id=12"></a>
</figure>

<figure class="cwshelter1">
  <img src="http://s9.uploads.ru/Ksfgr.jpg" alt=""/>
  <figcaption>
    <font face= "yeseva one"><h4>Ручей</h4>
<p>глашатай</font></p>
  </figcaption>
  <a href="http://cwshelter.ru/profile.php?id=33"></a>
</figure>

<figure class="cwshelter1">
  <img src="http://s7.uploads.ru/dyfaS.jpg" alt=""/>
  <figcaption>
    <font face= "yeseva one"><h4>Сивая</h4>
<p>целительница</font></p>
  </figcaption>
  <a href="http://cwshelter.ru/profile.php?id=138"></a>
</figure>

<figure class="cwshelter1">
  <img src="http://forumuploads.ru/uploads/0019/c8/05/5/19712.png" alt=""/>
  <figcaption>
    <font face= "yeseva one"><h4>Змеелап</h4>
<p>ученик целителя</font></p>
  </figcaption>
  <a href="http://cwshelter.ru/profile.php?id=400"></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="47555d"><b>воители — </b></size></font><a href=http://cwshelter.ru/profile.php?id=249>рогоз</a>, <a href="http://cwshelter.ru/profile.php?id=92">форель</a>, <a href="http://cwshelter.ru/profile.php?id=62">черника</a>, <a href="http://cwshelter.ru/profile.php?id=245">карпозуб</a>, <a href="http://cwshelter.ru/profile.php?id=212">птица</a>, <a href="http://cwshelter.ru/profile.php?id=360">лебедь</a>, <a href="http://cwshelter.ru/profile.php?id=259">краснопёрка</a>, <a href="http://cwshelter.ru/profile.php?id=388">желудь</a>, <a href="http://cwshelter.ru/profile.php?id=96">плющевик</a>, <a href="http://cwshelter.ru/profile.php?id=225">медведица</a>, <a href="http://cwshelter.ru/profile.php?id=45">крестовник</a>, <a href="http://cwshelter.ru/profile.php?id=416">выдра</a>, <a href="http://cwshelter.ru/profile.php?id=27">дымка</a>, <a href="http://cwshelter.ru/profile.php?id=460">пеплогрив</a>, <a href="http://cwshelter.ru/profile.php?id=32">ливень</a>
<p>
<font face="Tahoma"><font size="2"><font color="47555d"><b>оруженосцы — </b></size></font><a href="http://cwshelter.ru/profile.php?id=280">тростинка</a>, <a href="http://cwshelter.ru/profile.php?id=287">щукатая</a>, <a href="http://cwshelter.ru/profile.php?id=29">крылатка</a>, <a href="http://cwshelter.ru/profile.php?id=98">подберёзка</a>, <a href="http://cwshelter.ru/profile.php?id=284">морозный</a>, <a href="http://cwshelter.ru/profile.php?id=256">лепестинка</a>, <a href="http://cwshelter.ru/profile.php?id=102">пчела</a>, <a href="http://cwshelter.ru/profile.php?id=412">рыжинка</a>, <a href="http://cwshelter.ru/profile.php?id=226">ракушка</a>
<p>
<font face="Tahoma"><font size="2"><font color="47555d"><b>котята — </b></size></font>  <a href="http://cwshelter.ru/profile.php?id=382">ящерка</a>, <a href="http://cwshelter.ru/profile.php?id=380">лососик</a>, <a href="http://cwshelter.ru/profile.php?id=386">речушка</a>
<p>
<font face="Tahoma"><font size="2"><font color="47555d"><b>королевы — </b></size></font><a href=http://cwshelter.ru/profile.php?id=97>ласка</a>, <a href="http://cwshelter.ru/profile.php?id=133">уклейка</a>
<p>
<font face="Tahoma"><font size="2"><font color="47555d"><b>старейшины — </b></size></font>
<p></p>
<font face="Tahoma"><font size="2"><font color="47555d"><b>наставник — ученик</b></size></font><font face="Fixedsys"><font color="47555d"><font size="2"><b><pre>.  .  .  .  .  .</pre></b></size></font><font face="Tahoma">
<br><a href="http://cwshelter.ru/profile.php?id=92">форель</a> — <a href="http://cwshelter.ru/profile.php?id=284">морозный</a>
<br><a href="http://cwshelter.ru/profile.php?id=225">медведица</a> — <a href="http://cwshelter.ru/profile.php?id=319">огонёк</a>
<br><a href="http://cwshelter.ru/profile.php?id=35">череп</a> — <a href="http://cwshelter.ru/profile.php?id=280">тростинка</a>
<br><a href="http://cwshelter.ru/profile.php?id=133">уклейка</a> — <a href="http://cwshelter.ru/profile.php?id=287">щукатая</a>
<br><a href="http://cwshelter.ru/profile.php?id=249">рогоз</a> — <a href="http://cwshelter.ru/profile.php?id=350">пыльнолап</a>
<br><a href="http://cwshelter.ru/profile.php?id=12">созвездие</a> — <a href="http://cwshelter.ru/profile.php?id=102">пчела</a>
<br><a href="http://cwshelter.ru/profile.php?id=245">карпозуб</a> — <a href="http://cwshelter.ru/profile.php?id=412">рыжинка</a>
</font>
</div>
</div></div> 
</center>

КОД ДЛЯ ЗАПОЛНЕНИЯ

Код:

1. племя, должность
2. <a href="сюда ссылку на профиль">сюда имя (с маленькой буквы!)</a>
3. если есть наставник или ученик: <br><a href="ссылка на профиль наставника">имя наставника (с маленькой буквы)!</a> — <a href="ссылка на профиль ученика">имя ученика (с маленькой буквы!)</a>

Поделиться315-09-2018 23:37:56

принадлежность:
Автор: Создатель
cwshelter
информация: лесной предок, ∞ лун
Сообщений: 293
Уважение: +166

Г
О
Р
Н
Ы
Й

К
Л
А
Н

Код:

<!--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://forumuploads.ru/uploads/0019/c8/05/22/67088.png" alt=""/>
  <figcaption>
    <font face= "yeseva one"><h4>камнесказ</h4>
  </figcaption>
  <a href="http://cwshelter.ru/profile.php?id=22"></a>
</figure>

<figure class="cwshelter1">
  <img src="http://forumuploads.ru/uploads/0019/c8/05/22/29862.png" alt=""/>
  <figcaption>
    <font face= "yeseva one"><h4>имя</h4>
<p>верховная мать</font></p>
  </figcaption>
  <a href="http://cwshelter.ru/profile.php?id=26"></a>
</figure>

<figure class="cwshelter1">
  <img src="http://forumuploads.ru/uploads/0019/c8/05/22/29862.png" alt=""/>
  <figcaption>
    <font face= "yeseva one"><h4>имя</h4>
<p>страж неба</font></p>
  </figcaption>
  <a href="http://cwshelter.ru/profile.php?id=14"></a>
</figure>

<figure class="cwshelter1">
  <img src="http://forumuploads.ru/uploads/0019/c8/05/22/29862.png" alt=""/>
  <figcaption>
    <font face= "yeseva one"><h4>ИМЯ</h4>
<p>травник</font></p>
  </figcaption>
  <a href="http://cwshelter.ru/profile.php?id=314"></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] [font=Tahoma][/font]"><font size="2"><font color="2c2842"><b>последовательница матери — </b></size></font>
<p>
<font face="Tahoma"][/font] [font=Tahoma][/font]"><font size="2"><font color="2c2842"><b>последователь стража — </b></size></font>
<p>
<font face="Tahoma"][/font] [font=Tahoma][/font]"><font size="2"><font color="2c2842"><b>последователь травника — </b></size></font>
<p>
<p>
<font face="Tahoma"][/font] [font=Tahoma][/font]"><font size="2"><font color="2c2842"><b>ловчие — </b></size></font> <a href="http://cwshelter.ru/profile.php?id=450">трель поющей иволги</a>, <a href="http://cwshelter.ru/profile.php?id=461">сокол, летящий на запад</a>, <a href="http://cwshelter.ru/profile.php?id=456">молния, пронзающая небеса</a>, <a href="http://cwshelter.ru/profile.php?id=455">незабудка, цветущая у ручья</a>
<p>
<font face="Tahoma"><font size="2"><font color="2c2842"><b>стражи — </b></size></font> <a href="http://cwshelter.ru/profile.php?id=449">коготь белого волка</a>, <a href="http://cwshelter.ru/profile.php?id=452">львица на восходе солнца</a>
<p>
<font face="Tahoma"><font size="2"><font color="2c2842"><b>будущие — </b></size></font>
<p>
<font face="Tahoma"><font size="2"><font color="2c2842"><b>посвящённые — </b></size></font>
<p>
<font face="Tahoma"><font size="2"><font color="2c2842"><b>котята — </b></size></font><a href="http://cwshelter.ru/profile.php?id=447">тьма таящаяся меж звезд</a>
<p>
<font face="Tahoma"><font size="2"><font color="2c2842"><b>уходящие — </b></size></font>
<p></p>
<font face="Tahoma"><font size="2"><font color="2c2842"><b>наставник — ученик</b></size></font><font face="Fixedsys"><font color="2c2842"><font size="2"><b><pre>.  .  .  .  .  .</pre></b></size></font><font face="Tahoma">
</font>
</div>
</div></div> 
</center>

Поделиться417-01-2020 14:51:54

принадлежность:
Автор: Создатель
cwshelter
информация: лесной предок, ∞ лун
Сообщений: 293
Уважение: +166

странники

хельга, василёк, дакота, норвуд, лютоволк, айрис, флоки, анжелика, руби

КОД ДЛЯ ЗАПОЛНЕНИЯ ( * УБИРАЕМ)

Код:

[code*][url=ссылка на профиль]имя персонажа[/url][*/code]

Поделиться5Сегодня 06:27:12

Автор: Лавина
почти дома
Сообщений: 12
Уважение: +3

1. горный клан, стражница
2.

Код:

<a href="http://cwshelter.ru/viewtopic.php?id=1326#p75903">лавина, накрывшая цветущие поля</a>

Отредактировано Лавина (Сегодня 06:28:53)

Страница: 1

Сокращатель ссылок

cw. последнее пристанище

Меню навигации

Пользовательские ссылки

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

список племен

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

Поделиться111-09-2018 14:16:38

Поделиться215-09-2018 23:37:08

Поделиться315-09-2018 23:37:56

Поделиться417-01-2020 14:51:54

Поделиться5Сегодня 06:27:12