тестпостапокалипсис2023
nlight

( my test )

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

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


Вы здесь » ( my test ) » Витрина » Кодики


Кодики

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

1

[html]<style>
.text {
height: 100px; /* высота нашего блока */
overflow-y: scroll; /* прокрутка по вертикали */
}
</style>

<div>
<table width="100%">
<tr><td width="25%"><img src="https://forumstatic.ru/files/0016/a2/3c/55195.gif" width="100"></td>
<td>Nouissimum ab Sabinis bellum ortum multoque id maximum fuit; nihil enim per iram aut cupiditatem actum est, nec ostenderunt bellum prius quam intulerunt. Consilio etiam additus dolus. Sp. Tarpeius Romanae praeerat arci. Huius filiam virginem auro corrumpit Tatius ut armatos in arcem accipiat; aquam forte ea tum sacris extra moenia petitum ierat. Accepti obrutam armis necavere, seu ut vi capta potius arx videretur seu prodendi exempli causa ne quid usquam fidum proditori esset. Additur fabula, quod volgo Sabini aureas armillas magni ponderis brachio laevo gemmatosque magna specie anulos habuerint, pepigisse eam quod in sinistris manibus haberent; eo scuta illi pro aureis donis congesta. Sunt qui eam ex pacto tradendi quod in sinistris manibus esset derecto arma petisse dicant et fraude visam agere sua ipsam peremptam mercede.</td></tr>
<tr><td colspan="2">Tenuere tamen arcem Sabini; atque inde postero die, cum Romanus exercitus instructus quod inter Palatinum Capitolinumque collem campi est complesset, non prius descenderunt in aequum quam ira et cupiditate reciperandae arcis stimulante animos in adversum Romani subiere. Principes utrimque pugnam ciebant ab Sabinis Mettius Curtius, ab Romanis Hostius Hostilius. Hic rem Romanam iniquo loco ad prima signa animo atque audacia sustinebat. Ut Hostius cecidit, confestim Romana inclinatur acies fusaque est. Ad veterem portam Palati Romulus et ipse turba fugientium actus, arma ad caelum tollens, "Iuppiter, tuis" inquit "iussus auibus hic in Palatio prima urbi fundamenta ieci.</td></tr>
<tr><td colspan="2">

         <div>
<table width="100%"><tr>
<td bgcolor="7a7770" align="center"><font face="latha" color="ebece7">список внешностей</font></td>
<td bgcolor="7a7770" align="center"><font face="latha" color="ebece7">список имен</font></td>
</tr><tr>
<td>           <div class="text">
Pulsum Romani persequuntur; et alia Romana acies, audacia regis accensa, fundit Sabinos. Mettius in paludem sese strepitu sequentium trepidante equo coniecit; averteratque ea res etiam Sabinos tanti periculo viri. Et ille quidem adnuentibus ac vocantibus suis favore multorum addito animo evadit: Romani Sabinique in media conualle duorum montium redintegrant proelium; sed res Romana erat superior.
           </div>
</td>
<td>           <div class="text">
Pulsum Romani persequuntur; et alia Romana acies, audacia regis accensa, fundit Sabinos. Mettius in paludem sese strepitu sequentium trepidante equo coniecit; averteratque ea res etiam Sabinos tanti periculo viri. Et ille quidem adnuentibus ac vocantibus suis favore multorum addito animo evadit: Romani Sabinique in media conualle duorum montium redintegrant proelium; sed res Romana erat superior.
           </div>
</td>
</tr></table>
           </div>

</td></tr></table>
</div>[/html]

0

2

[html]<style>
  .korpus > div, .korpus > input { display: none; }

.korpus {text-align: center;
padding: 10px;}

.korpus label {
  width: 90px;
  padding: 5px 5px;
  display: inline-block;
  word-spacing: 5px;
  letter-spacing: 2px;
  background: #a09fa0;  /* не выбранные вкладки */
  color: #2d2a21; }

.korpus label:hover {
  background-color:  #706d78;  /* наведение */
  color:  #2d2a21;
}

.korpus input[type="radio"]:checked + label {
  background-color: #7a7770;  /* выбранный элемент */
  font-weight: normal;
  color:  #2d2a21;
}

.korpus > input:nth-of-type(1):checked ~ div:nth-of-type(1),
.korpus > input:nth-of-type(2):checked ~ div:nth-of-type(2),
.korpus > input:nth-of-type(3):checked ~ div:nth-of-type(3),
.korpus > input:nth-of-type(4):checked ~ div:nth-of-type(4),
.korpus > input:nth-of-type(5):checked ~ div:nth-of-type(5){
  display: block;
  padding-top: 2px;
  text-align: justify;}

.text {
height: 150px; /* высота нашего блока */
overflow-y: scroll; /* прокрутка по вертикали */
}
</style>

<div>

<table width="100%">
<tr><td colspan="2">

         <div class="korpus">
<input type="radio" name="odin" checked="checked" id="vkl1"/><label for="vkl1"><font face="calibri"><i><b>I</b></i></font></label>
<input type="radio" name="odin" id="vkl2"/><label for="vkl2"><font face="calibri"><i><b>II</b></i></font></label>
<input type="radio" name="odin" id="vkl3"/><label for="vkl3"><font face="calibri"><i><b>III</b></i></font></label>
<input type="radio" name="odin" id="vkl4"/><label for="vkl4"><font face="calibri"><i><b>IV</b></i></font></label>
<input type="radio" name="odin" id="vkl5"/><label for="vkl5"><font face="calibri"><i><b>V</b></i></font></label>

           <div class="text">
Pulsum Romani persequuntur; et alia Romana acies, audacia regis accensa, fundit Sabinos. Mettius in paludem sese strepitu sequentium trepidante equo coniecit; averteratque ea res etiam Sabinos tanti periculo viri. Et ille quidem adnuentibus ac vocantibus suis favore multorum addito animo evadit: Romani Sabinique in media conualle duorum montium redintegrant proelium; sed res Romana erat superior. Pulsum Romani persequuntur; et alia Romana acies, audacia regis accensa, fundit Sabinos. Mettius in paludem sese strepitu sequentium trepidante equo coniecit; averteratque ea res etiam Sabinos tanti periculo viri. Et ille quidem adnuentibus ac vocantibus suis favore multorum addito animo evadit: Romani Sabinique in media conualle duorum montium redintegrant proelium; sed res Romana erat superior.Pulsum Romani persequuntur; et alia Romana acies, audacia regis accensa, fundit Sabinos. Mettius in paludem sese strepitu sequentium trepidante equo coniecit; averteratque ea res etiam Sabinos tanti periculo viri. Et ille quidem adnuentibus ac vocantibus suis favore multorum addito animo evadit: Romani Sabinique in media conualle duorum montium redintegrant proelium; sed res Romana erat superior.Pulsum Romani persequuntur; et alia Romana acies, audacia regis accensa, fundit Sabinos. Mettius in paludem sese strepitu sequentium trepidante equo coniecit; averteratque ea res etiam Sabinos tanti periculo viri. Et ille quidem adnuentibus ac vocantibus suis favore multorum addito animo evadit: Romani Sabinique in media conualle duorum montium redintegrant proelium; sed res Romana erat superior.
           </div>

           <div class="text">
текст 2
           </div>

           <div class="text">
текст 3
           </div>

           <div class="text">
текст 4
           </div>

           <div class="text">
текст 5
           </div>
</td></tr></table>

</div>[/html]

0

3

[html]<style>
a.menu:link, a.menu:visited, a.menu:active  {
                               text-decoration: none;
               font:normal 6pt century verdana;
                                        color: #545252;
                                      line-height: 10pt;
                        text-transform: uppercase;
                                     text-align: center;
                                           display:block;
                                            width:150px;
           border-bottom: 2px solid  #d9c8ca;
  }
a.menu:hover {
           border-bottom :2px solid  #ad8b8f;
  }
</style>

<center><table cellspacing="0">
<tr>
<td> <a class="menu" href="http://testo.artbb.ru/">1</a></td>
<td> <a class="menu" href="http://testo.artbb.ru/">2</a></td>
<td> <a class="menu" href="http://testo.artbb.ru/">3</a></td>
</tr>
<tr>
<td> <a class="menu" href="http://testo.artbb.ru/">Занятые Внешности</a></td>
<td> <a class="menu" href="http://testo.artbb.ru/">Список Персонажей</a></td>
<td> <a class="menu" href="http://testo.artbb.ru/">Сюжет Игры</a></td>
</tr>
<tr>
<td> <a class="menu" href="http://testo.artbb.ru/">4</a></td>
<td> <a class="menu" href="http://testo.artbb.ru/">5</a></td>
<td> <a class="menu" href="http://testo.artbb.ru/">6</a></td>
</tr>
</table></center>[/html]

0

4

[html]<style>
@font-face { font-family: 'Wolf';
src: url('https://forumstatic.ru/files/0015/7b/cf/69991.eot?'),
url('https://forumstatic.ru/files/0015/7b/cf/64643.woff') format('woff'),
url('https://forumstatic.ru/files/0015/7b/cf/67157.ttf') format('truetype'),
url('https://forumstatic.ru/files/0015/7b/cf/50423.svg#svgFontName') format('svg');
font-weight: normal;
font-style: normal;
}

mark { background: #6f5745; padding: 0 3px; border: 1px dashed #713a23; }

.mass { display: block; font-size: 10px; text-align: center; padding: 5px;
             height: 110px; /* высота нашего блока */
             overflow-y: scroll; /* прокрутка по вертикали */                     }

.korpus > div, .korpus > input { display: none; }

.korpus { text-align: center; padding: 10px; }

.korpus label { width: 220px; padding: 5px 5px; display: inline-block; word-spacing: 5px; letter-spacing: 2px; background: #5f4735; color: #bfa795; }

.korpus label:hover { background-color:  #bfa795; color:  #5f4735; }

.korpus input[type="radio"]:checked + label { background-color: #8f6749; font-weight: normal; color: #bfa795; }

.korpus > input:nth-of-type(1):checked ~ div:nth-of-type(1),
.korpus > input:nth-of-type(2):checked ~ div:nth-of-type(2)
              { display: block; padding-top: 15px; text-align: justify; }
</style>

<div>
   <div>
      <div>

<center><font size="10" face="Wolf">Red Riding Hood</font>
<br><mark><img src="http://s3.uploads.ru/bs9TL.gif" width="250"> <img src="http://s1.uploads.ru/VaA7J.gif" width="250"></mark>
<br><p align="justify"><font face="times new roman"><big>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet rhoncus eros, et tristique dui. Integer id nulla et nisl auctor pulvinar. Maecenas a aliquet enim. Vivamus ut dolor dolor. In facilisis condimentum ante. Etiam risus leo, tristique eu vestibulum sit amet, accumsan eget urna. In faucibus tincidunt neque, in lacinia neque dapibus a.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet rhoncus eros, et tristique dui. Integer id nulla et nisl auctor pulvinar. Maecenas a aliquet enim. Vivamus ut dolor dolor. In facilisis condimentum ante. Etiam risus leo, tristique eu vestibulum sit amet, accumsan eget urna. In faucibus tincidunt neque, in lacinia neque dapibus a.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet rhoncus eros, et tristique dui. Integer id nulla et nisl auctor pulvinar. Maecenas a aliquet enim. Vivamus ut dolor dolor. In facilisis condimentum ante. Etiam risus leo, tristique eu vestibulum sit amet, accumsan eget urna. In faucibus tincidunt neque, in lacinia neque dapibus a.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet rhoncus eros, et tristique dui. Integer id nulla et nisl auctor pulvinar. Maecenas a aliquet enim. Vivamus ut dolor dolor. In facilisis condimentum ante. Etiam risus leo, tristique eu vestibulum sit amet, accumsan eget urna. In faucibus tincidunt neque, in lacinia neque dapibus a.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet rhoncus eros, et tristique dui. Integer id nulla et nisl auctor pulvinar. Maecenas a aliquet enim. Vivamus ut dolor dolor. In facilisis condimentum ante. Etiam risus leo, tristique eu vestibulum sit amet, accumsan eget urna. In faucibus tincidunt neque, in lacinia neque dapibus a.</big></font></p></center>
         <div class="korpus">
<input type="radio" name="odin" checked="checked" id="vkl1"/><label for="vkl1">придержанные внешности</label><input type="radio" name="odin" id="vkl2"/><label for="vkl2">придержанные роли</label>

           <div>
<div class="mass"><b><big>до хх.хх</big></b><br><br>
<b>имя внешности</b> — <a href="ссылка на профиль">имя/ник</a><br>
<b>имя внешности</b> — <a href="ссылка на профиль">имя/ник</a><br>
<b>имя внешности</b> — <a href="ссылка на профиль">имя/ник</a><br></div>
           </div>
           <div>
<div class="mass"><b><big>до хх.хх</big></b><br><br>
<b>имя фамилия роли</b> — <a href="ссылка на профиль">имя/ник</a><br>
<b>имя фамилия роли</b> — <a href="ссылка на профиль">имя/ник</a><br>
<b>имя фамилия роли</b> — <a href="ссылка на профиль">имя/ник</a><br></div>
        </div>

<center><mark><b>код для придержания:</b></mark></center>
      </div>
   </div>
</div>[/html]

Код:
<b>имя внешности или роли</b> — <a href="ссылка на профиль">имя/ник</a><br>

0

5

[html]<style type="text/css">

     .fio, .formaz, .mass {
display: block;
}

     .fio a {
text-transform: uppercase;
text-align: center;
font-family: Arial Black;
}

     .formaz {
font-size: 10px;
font-weight: bold;
text-align: center;
text-transform: capitalize;
border-top: 1px solid #3c000a;
border-bottom: 1px solid #3c000a;
background: #e0987a;
}

     .formaz a {
border: none;
}

     .mass {
font-size: 10px;
text-align: justify;
padding: 5px;
height: 110px; /* высота нашего блока */
overflow-y: scroll; /* прокрутка по вертикали */
}

</style>

<center>
  <div class="box">

    <div style="width: 600px; height: 110px; background-image:url(http://placehold.it/600x110);"></div>
    <div>
<div class="fio"><a href="ссылка_если_занят">Алиса Лидделл</a></div>
<div class="formaz">возраст, должность, что-то важное</div>
<div class="mass">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet rhoncus eros, et tristique dui. Integer id nulla et nisl auctor pulvinar. Maecenas a aliquet enim. Vivamus ut dolor dolor. In facilisis condimentum ante. Etiam risus leo, tristique eu vestibulum sit amet, accumsan eget urna. In faucibus tincidunt neque, in lacinia neque dapibus a.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet rhoncus eros, et tristique dui. Integer id nulla et nisl auctor pulvinar. Maecenas a aliquet enim. Vivamus ut dolor dolor. In facilisis condimentum ante. Etiam risus leo, tristique eu vestibulum sit amet, accumsan eget urna. In faucibus tincidunt neque, in lacinia neque dapibus a.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet rhoncus eros, et tristique dui. Integer id nulla et nisl auctor pulvinar. Maecenas a aliquet enim. Vivamus ut dolor dolor. In facilisis condimentum ante. Etiam risus leo, tristique eu vestibulum sit amet, accumsan eget urna. In faucibus tincidunt neque, in lacinia neque dapibus a.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet rhoncus eros, et tristique dui. Integer id nulla et nisl auctor pulvinar. Maecenas a aliquet enim. Vivamus ut dolor dolor. In facilisis condimentum ante. Etiam risus leo, tristique eu vestibulum sit amet, accumsan eget urna. In faucibus tincidunt neque, in lacinia neque dapibus a.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet rhoncus eros, et tristique dui. Integer id nulla et nisl auctor pulvinar. Maecenas a aliquet enim. Vivamus ut dolor dolor. In facilisis condimentum ante. Etiam risus leo, tristique eu vestibulum sit amet, accumsan eget urna. In faucibus tincidunt neque, in lacinia neque dapibus a.</div>
     </div>

  </div>
</center>[/html]

0

6

<br> — перенос на новую строку
<hr> — горизонтальная линия
<b></b> — жирный шрифт
<i></i> — курсив
<u></u> — подчеркивание
<s></s> — зачеркивание
<sub></sub> — подстрочный текст
<sup></sup> — надстрочный текст
<small></small> — уменьшенный шрифт
<big></big> — увеличенный шрифт
<font color="#ваш цвет"></font> — добавить цвет
<font face="название шрифта"></font> — другой шрифт

<a href="ссылка на профиль"><b>пара</b></a>

0


Вы здесь » ( my test ) » Витрина » Кодики


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