http://forumfiles.ru/files/0011/93/3d/16663.css
http://forumfiles.ru/files/0011/93/3d/48935.css

Любовники Смерти: Эпоха Перемен

Объявление

Погода и время:

5-18 сентября 2006 год. + 18 * днем и + 14* ночью. Утром ветрено без осадков. Днем кратковременные дожди, к вечеру небо вновь прояснится.
Подробный прогноз

Участвуйте в новом конкурсе: Ролевой гигант [август](05.08.18).

Участвуйте в новом конкурсе: Твой супергерой!(27.07.18).

Новая сюжетная ветка: Старое проклятье. Читай и наслаждайся! (15.07.18).

Новый выпуск журнала: ROLE-BASED life. Читай и наслаждайся! (08.07.18).

Новый упрощенный прием: Волшебная акция(30.06.18).

Открыты новые конкурсы: Ролевой гигант, Музыкальные ассоциации (30.06.18).

Вторая партия удалена (30.06.18).

Ознакомьтесь с Новостями форума (16.06.18).

Очередная проверка связи (05.06.18), отметьтесь до 10.06.18!

Не знаешь с кем поиграть? Жми на список персонажей (27.05.18)!

Новые вакансии уже ждут (19.05.18) тебя!

Рейтинг Ролевых Ресурсов - RPG TOP

Активисты

Админо-модераторский состав


Hogwarts and the Game with the Death= Рейтинг Ролевых Ресурсов - RPG TOP Рейтинг форумов Forum-top.ru Волшебный рейтинг игровых сайтов Green Woods Дом ЗабвенияВ шаге от трона. Псевдоитория, интриги, магия Zentrum Зефир, помощь ролевым Gates of FATEHouse of Cards

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

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


Вы здесь » Любовники Смерти: Эпоха Перемен » Карточки » Инструкция


Инструкция

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

1

Код:
<!--HTML-->

<div class="divTable">
<div class="divTableBody">
<div class="divTableRow">
<div class="divTableCell"><p><center><span style="font-size: 22px"><span style="font-family: Lobster; color: gray">Шаблон и инструкция</span></span></center></p><br>
<center><figure class="caption-border">
    <img src="https://image.ibb.co/gExi0x/13.jpg">
    <figcaption><font face="Gorgia">Человек был ничем; надежный паспорт — всем</font></figcaption>
</figure></center></div>
</div>
<div class="divTableRow">
<div class="divTableCell"><p align="justify"><font size="3" face="Gorgia">Первое сообщение оформляет администратор. Редактировать ему могут также модераторы подфорума. Если вам необходимо внести какие-то изменения, можете обратиться к ним или в организационную тему в соответствующем разделе. </font></p></div>
</div>
</div>
</div>
<!-- DivTable.com -->

<center><div class="tabs">
    <input type="radio" name="inset" value="" id="tab_1" checked>
    <label for="tab_1">ПРОФИЛЬ</label>

    <input type="radio" name="inset" value="" id="tab_2">
    <label for="tab_2">ИНВЕНТАРЬ</label>

    <input type="radio" name="inset" value="" id="tab_3">
    <label for="tab_3">ИМУЩЕСТВО</label>

    <input type="radio" name="inset" value="" id="tab_4">
    <label for="tab_4">ДОПОЛНИТЕЛЬНО</label>

    <div id="txt_1">
<div class="divTable">
<div class="divTableBody">

<div class="divTableRow">
<div class="divTableCell"></div>
<div class="divTableCell"><div class="d11"><h3>Имя персонажа</h3></div></div>

</div>
<div class="divTableRow">
<div class="divTableCell">
</div>
<div class="divTableCell"></div>
</div>

<div class="divTableRow">
<div class="divTableCell">

<table>
<tbody>
<tr>
<td  height="400px">
<center><a href="#" class="tooltip rollover" ><span>200 б <br>300 м</span></a>
<a href="#" class="tooltip rollovers" ><span>Анкета</span>
</a>
<a href="#" class="tooltip rolloverse" ><span>Телефон</span>
</a>
</center>

</td>
</tr>


</tbody>
</table></div>
<div class="divTableCell"><div class="d13"><ul class="list6b">
    <li>Возраст: 28 лет</li>
    <li>Фракция: вампир</li>
    <li>Социальный статус: <a href="#" class="tooltip" >журналист<span>Известный на всю страну телерепартер</span></a></li>
    <li>Способности: король теней</li>
    <li>Личный блог</li>  
</ul></div></div>
</div>

</div>
</div>
<!-- DivTable.com -->


    </div>
    <div id="txt_2">
<p><div class="d16">Подарки персонажа</div></p>
        <p><table>
   <tr><th>Заголовок 1</th><th>Заголовок 2</th></tr>
   <tr><td>Ячейка 1</td><td>Ячейка 2</td></tr>
  </table></p> 
<p><div class="d16">Прокачка персонажа</div></p>

<p><table>
   <tr><th>Заголовок 1</th><th>Заголовок 2</th></tr>
   <tr><td>Ячейка 1</td><td>Ячейка 2</td></tr>
  </table></p>
    </div>
    <div id="txt_3">
<p><div class="d16">Недвижимость</div></p>
       <table>
<tbody>
<tr>
<th>Название</th>
<th>Место расположения</th>
</tr>
<tr>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td>5</td>
<td>6</td>
</tr>
<tr>
<td>7</td>
<td>8</td>
</tr>
<tr>
<td>9</td>
<td>10</td>
</tr>
</tbody>
</table>
<!-- DivTable.com -->
<p><div class="d16">Прочее имущество</div> <br>
<center><i>(включая животных)</i></center></p>

<table>
<tbody>
<tr>
<th>Название</th>
<th>Описание</th>
</tr>
<tr>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td>5</td>
<td>6</td>
</tr>
<tr>
<td>7</td>
<td>8</td>
</tr>
<tr>
<td>9</td>
<td>10</td>
</tr>
</tbody>
</table>
<!-- DivTable.com -->
<p><div class="d16">Артефакты</div></p>
<table>
<tbody>
<tr>
<td><a href="sample.html"><img src="http://forumfiles.ru/files/0019/51/e9/55766.png" width="50" 
  height="50" alt="Пример"></a></td>
<td><a href="sample.html"><img src="http://forumfiles.ru/files/0019/51/e9/55766.png" width="50" 
  height="50" alt="Пример"></a></td>
<td><a href="sample.html"><img src="http://forumfiles.ru/files/0019/51/e9/55766.png" width="50" 
  height="50" alt="Пример"></a></td>
<td><a href="sample.html"><img src="http://forumfiles.ru/files/0019/51/e9/55766.png" width="50" 
  height="50" alt="Пример"></a></td>
<td><a href="sample.html"><img src="http://forumfiles.ru/files/0019/51/e9/55766.png" width="50" 
  height="50" alt="Пример"></a></td>
</tr>
</tbody>
</table>
<!-- DivTable.com -->

    </div>
    <div id="txt_4">
        <div class="divTable">
<div class="divTableBody">
<div class="divTableRow">
<div class="divTableCell">
<p><div class="d16">Общественная деятельность</div></p>

<table>
<tbody>
<tr>
<th>Название</th>
<th>Действие</th>
</tr>
<tr>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td>5</td>
<td>6</td>
</tr>
<tr>
<td>7</td>
<td>8</td>
</tr>
</tbody>
</table></div>
<div class="divTableCell">
<p><div class="d16">Игровой реестр</div></p>
<table>
<tbody>
<tr>
<th>Название</th>
<th>Действие</th>
</tr>
<tr>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td>5</td>
<td>6</td>
</tr>
<tr>
<td>7</td>
<td>8</td>
</tr>
</tbody>
</table></div>
</div>
</div>
</div>
    </div>
</div></center>

<style type="text/css">
.tabs { width: 100%; padding: 0px; margin: 0 auto; }
.tabs>input { display:none; }
.tabs>div { display: none;
    padding: 12px;
    border: 1px solid #C0C0C0;
    background: #FFFFFF;
background-image: url(http://forumfiles.ru/files/0019/51/e9/79874.jpg);
width: 570px;
height: 390px;
}
.tabs>label {
    display: inline-block;
    padding: 7px;
    margin: 0 -5px -1px 0;
    font-family: Gorgia;
    text-align: center;
    color: #7b6692;
    border: 1px solid #d7cad7;
    background: #decfde;
    cursor: pointer;
}
.tabs>input:checked + label {
    color: #000000;
    border: 1px solid #C0C0C0;
    border-bottom: 1px solid #FFFFFF;
    background: #cac7c7;
}
#tab_1:checked ~ #txt_1,
#tab_2:checked ~ #txt_2,
#tab_3:checked ~ #txt_3,
#tab_4:checked ~ #txt_4 { display: block; }
.r1, .r2, .r3 {
    display: block; height: 1px; background: #7da7d9; overflow: hidden;
   }
   .r1 { margin: 0 4px; }
   .r2 { margin: 0 2px; }
   .r3 { margin: 0 1px; height: 2px; }
   .block-round-content  {
    background: #7da7d9; /* Цвет фона */
    color: #fff;
    padding: 10px; /*  Поля вокруг текста */
   }
#txt_1{ 
background-image: url(http://forumfiles.ru/files/0019/51/e9/64056.jpg);
   }
#txt_2{ 
background-image: url(http://forumfiles.ru/files/0019/51/e9/53071.png);
  overflow: scroll; /* Добавляем полосы прокрутки */ }
#txt_3{ 
background-image: url(http://forumfiles.ru/files/0019/51/e9/72121.jpg);
  overflow: scroll; /* Добавляем полосы прокрутки */ }
 #txt_4{ 
background-image: url(http://forumfiles.ru/files/0019/51/e9/92792.jpg);
  overflow: scroll; /* Добавляем полосы прокрутки */ }
.d11 h3 {
    display: table;
    width: 300px;
    margin: 0 auto;
    padding: 15px;
    letter-spacing: 2px;
    font-family: Lobster;
    text-align: center;
    background: #d9cbd9;
    border: 2px dashed #7b6692;
    color: #7b6692;
    box-shadow: 0 0 0 4px #e2d3e2;
float: right;
}

.d12 {
margin-left: 10px;
font-family: Lobster;
    text-align: center;
color: #808080;
}

.d13 {
    display: table;
    width: 325px;
    height: 200px;
    margin: 0 auto;
    letter-spacing: 2px;
    font-family: Lobster;
    text-align: center;
    background: #d9cbd9;
    border: 2px dashed #7b6692;
    color: #7b6692;
    box-shadow: 0 0 0 4px #e2d3e2;
    float: right;
}


.d16 {
margin-left: 10px;
font-family: Lobster;
    text-align: center;
font-size: 16px;
color: #808080;
}

/* DivTable.com */
.divTable{
	display: table;
	width: 100%;
}
.divTableRow {
	display: table-row;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
}
.divTableCell, .divTableHead {
	border: 0px solid #999999;
	display: table-cell;
	padding: 3px 10px;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
	font-weight: bold;
}
.divTableFoot {
	background-color: #EEE;
	display: table-footer-group;
	font-weight: bold;
}
.divTableBody {
	display: table-row-group;
}



.tooltip {
	position: relative;
	background: #eaeaea00;
	cursor: help;
	display: inline-block;
	text-decoration: none;
	color: #222;
	outline: none;
}

.tooltip span {
    visibility: hidden;
    position: absolute;
    bottom: 30px;
    left: 20%;
    z-index: 999;
    width: auto;
    margin-left: -20px;
    padding: 10px;
    border: 2px solid #d9cbd9;
    opacity: .9;
    background-color: #d9cbd9;
	background-image: -webkit-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
	background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
	background-image: -ms-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
	background-image: -o-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
	background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
	-moz-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
	box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
	text-shadow: 0 1px 0 rgba(255,255,255,.4);
}

.tooltip:hover {
	border: 0; /* IE6 fix */
}

.tooltip:hover span {
	visibility: visible;
}

.tooltip span:before,
.tooltip span:after	{
	content: "";
	position: absolute;
	z-index: 1000;
	bottom: -7px;
	left: 50%;
	margin-left: -8px;
	border-top: 8px solid #ddd;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 0;
}

.tooltip span:before {
	border-top-color: #ccc;
	bottom: -8px;
}

 a.rollover {
    background: url(http://forumfiles.ru/files/0019/51/e9/35122.png); /* Путь к файлу с исходным рисунком  */
    width: 50px; /* Ширина рисунка */
    height: 50px; /*  Высота рисунка */
   }
   a.rollover:hover {
    background: url(http://forumfiles.ru/files/0019/51/e9/36662.png); /* Путь к файлу с заменяемым рисунком  */
   }

a.rollovers {
    background: url(http://forumfiles.ru/files/0019/51/e9/42860.png); /* Путь к файлу с исходным рисунком  */
    width: 50px; /* Ширина рисунка */
    height: 50px; /*  Высота рисунка */
   }
   a.rollovers:hover {
    background: url(http://forumfiles.ru/files/0019/51/e9/56450.png); /* Путь к файлу с заменяемым рисунком  */
   }

a.rolloverse {
    background: url(http://forumfiles.ru/files/0019/51/e9/56414.png); /* Путь к файлу с исходным рисунком  */
    width: 50px; /* Ширина рисунка */
    height: 50px; /*  Высота рисунка */
   }
   a.rolloverse:hover {
    background: url(http://forumfiles.ru/files/0019/51/e9/36611.png); /* Путь к файлу с заменяемым рисунком  */
   }

.list6b {
    padding:0;
    list-style: none;
}
.list6b li{
    padding:6px;
}
.list6b li:before {
    padding-right:10px;
    font-weight: bold;
    color: #C0C0C0;
    content: "\2714";
    transition-duration: 0.5s;
}
.list6b li:hover:before {
    color: #337AB7;
    content: "\2714";
}    




#p158298 td {border-width: 0px !important;}
</style>


Второе и последующие сообщения оформляют вы. Во-втором сообщении вы оформляете таблицу эпизодов, в которых участвуете. Вам не нужно расписывать их, как было в «событиях минувших дней», просто укажите адрес эпизода и заполните прочие необходимые поля, чтобы облегчить жизнь и себе, и игрокам, которые будут с вами взаимодействовать в будущем.

Любая цитата

Эпизод

Когда

Кто

Статус

название эпизода

дата эпизода

имена участников

статус эпизода

название эпизода

дата эпизода

имена участников

статус эпизода

название эпизода

дата эпизода

имена участников

статус эпизода

название эпизода

дата эпизода

имена участников

статус эпизода

название эпизода

дата эпизода

имена участников

статус эпизода

название эпизода

дата эпизода

имена участников

статус эпизода

название эпизода

дата эпизода

имена участников

статус эпизода

название эпизода

дата эпизода

имена участников

статус эпизода

название эпизода

дата эпизода

имена участников

статус эпизода

название эпизода

дата эпизода

имена участников

статус эпизода

название эпизода

дата эпизода

имена участников

статус эпизода

название эпизода

дата эпизода

имена участников

статус эпизода

название эпизода

дата эпизода

имена участников

статус эпизода

название эпизода

дата эпизода

имена участников

статус эпизода

ШАБЛОН

Код:
[quote][size=12][font=Century Gothic][align=center]Любая цитата[/align][/font][/size][/quote]
[table layout=fixed width=100%]
[tr]
[td bgcolor=#c3b6c1][color=white][align=center]Эпизод[/align][/color][/td]
[td bgcolor=#c3b6c1 width=15%][color=white][align=center]Когда[/align][/color][/td]
[td bgcolor=#c3b6c1][color=white][align=center]Кто[/align][/color][/td]
[td bgcolor=#c3b6c1 width=15%][color=white][align=center]Статус[/align][/color][/td]
[/tr]
[tr]
[td][align=center][url=ссылка на эпизод]название эпизода[/url][/align][/td]
[td][align=center]дата эпизода[/align][/td]
[td][align=center]имена участников[/align][/td]
[td][color=gray][align=center]статус эпизода[/align][/color][/td]
[/tr]
[tr]
[td][align=center][url=ссылка на эпизод]название эпизода[/url][/align][/td]
[td][align=center]дата эпизода[/align][/td]
[td][align=center]имена участников[/align][/td]
[td][color=gray][align=center]статус эпизода[/align][/color][/td]

[/tr]
[tr]
[td][align=center][url=ссылка на эпизод]название эпизода[/url][/align][/td]
[td][align=center]дата эпизода[/align][/td]
[td][align=center]имена участников[/align][/td]
[td][color=gray][align=center]статус эпизода[/align][/color][/td]

[/tr]
[tr]
[td][align=center][url=ссылка на эпизод]название эпизода[/url][/align][/td]
[td][align=center]дата эпизода[/align][/td]
[td][align=center]имена участников[/align][/td]
[td][color=gray][align=center]статус эпизода[/align][/color][/td]

[/tr]
[tr]
[td][align=center][url=ссылка на эпизод]название эпизода[/url][/align][/td]
[td][align=center]дата эпизода[/align][/td]
[td][align=center]имена участников[/align][/td]
[td][color=gray][align=center]статус эпизода[/align][/color][/td]

[/tr]
[tr]
[td][align=center][url=ссылка на эпизод]название эпизода[/url][/align][/td]
[td][align=center]дата эпизода[/align][/td]
[td][align=center]имена участников[/align][/td]
[td][color=gray][align=center]статус эпизода[/align][/color][/td]

[/tr]
[tr]
[td][align=center][url=ссылка на эпизод]название эпизода[/url][/align][/td]
[td][align=center]дата эпизода[/align][/td]
[td][align=center]имена участников[/align][/td]
[td][color=gray][align=center]статус эпизода[/align][/color][/td]

[/tr]
[tr]
[td][align=center][url=ссылка на эпизод]название эпизода[/url][/align][/td]
[td][align=center]дата эпизода[/align][/td]
[td][align=center]имена участников[/align][/td]
[td][color=gray][align=center]статус эпизода[/align][/color][/td]

[/tr]
[tr]
[td][align=center][url=ссылка на эпизод]название эпизода[/url][/align][/td]
[td][align=center]дата эпизода[/align][/td]
[td][align=center]имена участников[/align][/td]
[td][color=gray][align=center]статус эпизода[/align][/color][/td]

[/tr]
[tr]
[td][align=center][url=ссылка на эпизод]название эпизода[/url][/align][/td]
[td][align=center]дата эпизода[/align][/td]
[td][align=center]имена участников[/align][/td]
[td][color=gray][align=center]статус эпизода[/align][/color][/td]

[/tr]
[tr]
[td][align=center][url=ссылка на эпизод]название эпизода[/url][/align][/td]
[td][align=center]дата эпизода[/align][/td]
[td][align=center]имена участников[/align][/td]
[td][color=gray][align=center]статус эпизода[/align][/color][/td]

[/tr]
[tr]
[td][align=center][url=ссылка на эпизод]название эпизода[/url][/align][/td]
[td][align=center]дата эпизода[/align][/td]
[td][align=center]имена участников[/align][/td]
[td][color=gray][align=center]статус эпизода[/align][/color][/td]

[/tr]
[tr]
[td][align=center][url=ссылка на эпизод]название эпизода[/url][/align][/td]
[td][align=center]дата эпизода[/align][/td]
[td][align=center]имена участников[/align][/td]
[td][color=gray][align=center]статус эпизода[/align][/color][/td]

[/tr]
[tr]
[td][align=center][url=ссылка на эпизод]название эпизода[/url][/align][/td]
[td][align=center]дата эпизода[/align][/td]
[td][align=center]имена участников[/align][/td]
[td][color=gray][align=center]статус эпизода[/align][/color][/td]

[/tr]
[/table]

0

2

Шаблон отношений

Шаблон отношений состоит из html кода. Чуть ниже вы найдете также psd-шаблон картинки и дополнительную информацию. Если у вас будут возникать трудности, вы можете обратиться в эту тему, чтобы вам помогли разобраться.
Размер картинок, шрифт и детали psd-шаблона редактировать нельзя. Вы можете редактировать цитату, а также вставлять свои три картинки сверху, подгоняя их под размер шаблона. Размер миниатюр: ширина – 200 px, длинна – 180 px.
https://image.ibb.co/kuhUsy/1.jpg
Скачать psd-шаблон

Код:
[html]
<div class="holder">
<div class="block">
<p align="center">Отец - <a href="ссылка">текст ссылки</a></p>
<p align="center">Мать - <a href="ссылка">текст ссылки</a></p>
<p align="center">Муж - <a href="ссылка">текст ссылки</a></p>
<p align="center">Друг - <a href="ссылка">текст ссылки</a></p>
<p align="center">Подруга - <a href="ссылка">текст ссылки</a></p>
</div>
</div>


<style>
.holder{
    position:relative;   
    width:600px;
    height:390px;
       background-image: url(http://forumfiles.ru/files/0019/51/e9/49912.jpg);
     margin:100px auto;
}
.block{
    position:absolute;
    left:0;
    bottom:0;
    right:0;
    top:0;
    background:rgba(255, 255, 255, 0.77);
    padding:5px;
    display:none;
    overflow: scroll; /* Добавляем полосы прокрутки */
}
.holder:hover .block{
    display:block;
}
</style>

[/html]

В html – коде вы можете редактировать следующий блок:

Код:
<div class="block">
<p align="center">Отец - <a href="ссылка">текст ссылки</a></p>
<p align="center">Мать - <a href="ссылка">текст ссылки</a></p>
<p align="center">Муж - <a href="ссылка">текст ссылки</a></p>
<p align="center">Друг - <a href="ссылка">текст ссылки</a></p>
<p align="center">Подруга - <a href="ссылка">текст ссылки</a></p>
</div>

Ссылка на картинку находится в стиле:

Код:
 .holder{
       background-image: url(http://forumfiles.ru/files/0019/51/e9/90557.jpg);
}

[html]
<div class="holder">
<div class="block">
<p align="center">Отец - <a href="ссылка">текст ссылки</a></p>
<p align="center">Мать - <a href="ссылка">текст ссылки</a></p>
<p align="center">Муж - <a href="ссылка">текст ссылки</a></p>
<p align="center">Друг - <a href="ссылка">текст ссылки</a></p>
<p align="center">Подруга - <a href="ссылка">текст ссылки</a></p>
</div>
</div>

<style>
.holder{
    position:relative;   
    width:600px;
    height:390px;
       background-image: url(http://forumfiles.ru/files/0019/51/e9/49912.jpg);
     margin:100px auto;
}
.block{
    position:absolute;
    left:0;
    bottom:0;
    right:0;
    top:0;
    background:rgba(255, 255, 255, 0.77);
    padding:5px;
    display:none;
    overflow: scroll; /* Добавляем полосы прокрутки */
}
.holder:hover .block{
    display:block;
}
</style>

[/html]

+1


Вы здесь » Любовники Смерти: Эпоха Перемен » Карточки » Инструкция


Рейтинг форумов | Создать форум бесплатно © 2007–2017 «QuadroSystems» LLC