warriors. wild at heart

Объявление

новости
    Форум на автономном существовании на неопределенный срок
 
 
 
 
 
 
 
 

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

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


Вы здесь » warriors. wild at heart » Техническая часть » Игровые шаблоны


Игровые шаблоны

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

1

ОГЛАВЛЕНИЕ

0

2

[html]
<style>
table { width: 100%; table-layout: fixed; }
td { vertical-align: top; }

</style>
<center>
<div id="loc-container">
<div class="cathead"></div>
<img src="https://forumstatic.ru/files/001a/f6/9c/89611.png" class="loc-img">
<div class="ep-quote">
<table>
<tr>
<td align="center" class="catfield">участники</td> <td align="center" class="catfield">сезон юных листьев/голых деревьев/пр</td>
</tr>
</table>
здесь сюжет эпизода</div>
<img src="https://forumstatic.ru/files/001a/f6/9c/60236.png" class="ep-end">
</div>
</center>
[/html]

Код шаблона
Код:
[html]
<style>
table { width: 100%; table-layout: fixed; }
td { vertical-align: top; }

</style>
<center>
<div id="loc-container">
<div class="cathead"></div>
<img src="https://forumstatic.ru/files/001a/f6/9c/89611.png" class="loc-img">
<div class="ep-quote">
<table>
<tr>
<td align="center" class="catfield">участники</td> <td align="center" class="catfield">сезон юных листьев/голых деревьев/пр</td>
</tr>
</table>
здесь сюжет эпизода</div>
<img src="https://forumstatic.ru/files/001a/f6/9c/60236.png" class="ep-end">
</div>
</center>
[/html]
Инструкции-пояснения

Все выделенные красным части заменяются вашим текстом. Картинку, которую нужно заменить на выбранное вами изображение локации, я отметил красным. Ту, которую не нужно трогать, потому что она составляет часть шаблона - желтым.
Для переноса строки ставьте <br>. Жирный, курсив, подчеркнутый — <b></b>, <i></i>, <u></u>.
Внутри хтмл-шаблонов не действует скрипт, который заменяет знаки дефисов на тире, поэтому по надобности проставьте их сами.
https://forumstatic.ru/files/001a/f6/9c/27781.png

0

3

[html]
<style>
td { vertical-align: top; display: inline;}
.locSpoiler { width: 650px; margin-top: -15px !important;}
.locPanel { width: 645px; background: #00000008; text-align:justify; padding: 0 5px 0 5px;}
</style>
<script src="https://forumstatic.ru/files/001a/ae/99/66536.js"></script>
<center>
<div class="epcathead">«ваша строка текста, например, название флеша»</div>
<div class="epContainer">
<table layout="100%">
<tr>
<td class="left"><div class="epName">имя</div><br>
<div class="epRole">племя, роль</div><br>
<img src="https://forumstatic.ru/files/001a/f6/9c/35700.png" width="200" height="200" class="leftImage"></td>
<td class="right"><img src="https://forumstatic.ru/files/001a/f6/9c/35700.png" width="200" height="200" class="rightImage"><br>
<div class="epName2">имя</div><br>
<div class="epRole2">племя, роль</div><br></td>
</tr>
</table>
</div><br>
<button class="locSpoiler"><center><span class="eventName">история</span></center></button>
<div class="locPanel">
  текст вашей истории
</div></div>
</center>
[/html]

Код шаблона
Код:
[html]
<style>
td { vertical-align: top; display: inline;}
.locSpoiler { width: 650px; margin-top: -15px !important;}
.locPanel { width: 645px; background: #00000008; text-align:justify; padding: 0 5px 0 5px;}
</style>
<script src="https://forumstatic.ru/files/001a/ae/99/66536.js"></script>
<center>
<div class="epcathead">«ваша строка текста, например, название флеша»</div>
<div class="epContainer">
<table layout="100%">
<tr>
<td class="left"><div class="epName">имя</div><br>
<div class="epRole">племя, роль</div><br>
<img src="https://forumstatic.ru/files/001a/f6/9c/35700.png" width="200" height="200" class="leftImage"></td>
<td class="right"><img src="https://forumstatic.ru/files/001a/f6/9c/35700.png" width="200" height="200" class="rightImage"><br>
<div class="epName2">имя</div><br>
<div class="epRole2">племя, роль</div><br></td>
</tr>
</table>
</div><br>
<button class="locSpoiler"><center><span class="eventName">история</span></center></button>
<div class="locPanel">
  текст вашей истории
</div></div>
</center>
[/html]

0

4

[html]
<style>
TD.leftcol {
width: 250px;
vertical-align: top;
padding: 0 !important;
background-color: #2f2a283d;
}

TD.rightcol {
padding: 0 !important;
}
</style>
<center>
<div class="act-start">ищу название роли</div>
<div class="actcontainer">
<table width="100%">
<tr>
<td class="leftcol"><div class="actimg"><img src="https://forumstatic.ru/files/001a/f6/9c/35700.png" width="200" height="200"></div>
<div class="act-text">
<span class="act-name"> имя</span><br>
<span class="act-chain">котёнок — оруженосец — воин</span><br>
<i> пол, <b>возраст</b> лун</i> <br>
<span class="act-rank">племя, должность</span><br></div></td>

<td valign="top" class="rightcol">
<div class="acttext">
<b><center>инфо</center></b><br>
информация о персонаже<br>

<br><b><center>планы на игру</center></b><br>
какие идеи/отношения заготовлены для персонажа<br>

<br><b><center>дополнительно</center></b><br>
здесь можно оставить связь, ссылки, любую дополнительную информацию <br> </div></td>
</tr>
</table>
</div>
</center>
[/html]

Код шаблона
Код:
[html]
<style>
TD.leftcol { width: 250px; vertical-align: top; padding: 0 !important; background-color: #2f2a283d;}
TD.rightcol { padding: 0 !important;}
</style>
<center>
<div class="act-start">ищу название роли</div>
<div class="actcontainer">
<table width="100%">
<tr>
<td class="leftcol"><div class="actimg"><img src="https://forumstatic.ru/files/001a/f6/9c/35700.png" width="200" height="200"></div>
<div class="act-text">
<span class="act-name"> имя</span><br>
<span class="act-chain">котёнок — оруженосец — воин</span><br>
<i> пол, <b>возраст</b> лун</i> <br>
<span class="act-rank">племя, должность</span><br></div></td>

<td valign="top" class="rightcol">
<div class="acttext">
<b><center>инфо</center></b><br>
информация о персонаже<br>

<br><b><center>планы на игру</center></b><br>
какие идеи/отношения заготовлены для персонажа<br>

<br><b><center>дополнительно</center></b><br>
здесь можно оставить связь, ссылки, любую дополнительную информацию <br> </div></td>
</tr>
</table>
</div>
</center>
[/html]
Инструкции-пояснения

Все выделенные красным части заменяются вашим текстом. Для переноса строки ставьте <br>. Жирный, курсив, подчеркнутый - <b></b>, <i></i>, <u></u>.
Внутри хтмл-шаблонов не действует скрипт, который заменяет знаки дефисов на тире, поэтому по надобности проставьте их сами.
Чтобы оставлять ссылки, вставьте код

Код:
<a href="ваша ссылка">название</a>

https://forumstatic.ru/files/001a/f6/9c/36709.png

0

5

[html]
<style>
TD.leftcol { width: 250px;  padding: 0 !important; background-color: #2f2a283d;}
TD.rightcol { padding: 0 !important;}
</style>
<center>
<div class="act-start">ищу название роли</div>
<div class="actcontainer">
<table width="100%">
<tr>
<td class="leftcol">
<div class="act-text">
<span class="act-name"> имя</span><br>
<span class="act-chain">котёнок — оруженосец — воин</span><br>
<i> пол, <b>возраст</b> лун</i> <br>
<span class="act-rank">племя, должность</span><br>

<span class="act-name"> имя</span><br>
<span class="act-chain">котёнок — оруженосец — воин</span><br>
<i> пол, <b>возраст</b> лун</i> <br>
<span class="act-rank">племя, должность</span><br>

<span class="act-name"> имя</span><br>
<span class="act-chain">котёнок — оруженосец — воин</span><br>
<i> пол, <b>возраст</b> лун</i> <br>
<span class="act-rank">племя, должность</span><br>

</div></td>
<td valign="top" class="rightcol">
<div class="act-plank">
<img src="https://forumstatic.ru/files/001a/f6/9c/79663.png" class="act-img1"> <img src="https://forumstatic.ru/files/001a/f6/9c/79663.png" class="act-img1"> <img src="https://forumstatic.ru/files/001a/f6/9c/79663.png" class="act-img1">
</div>
<div class="acttext">
<b><center>инфо</center></b><br>
информация о персонаже<br>

<br><b><center>планы на игру</center></b><br>
какие идеи/отношения заготовлены для персонажа<br>

<br><b><center>дополнительно</center></b><br>
здесь можно оставить связь, ссылки, любую дополнительную информацию <br> </div></td>
</tr>
</table>
</div>
</center>
[/html]

Код шаблона
Код:
[html]
<style>
TD.leftcol {
width: 250px; 
padding: 0 !important;
background-color: #2f2a283d;
}

TD.rightcol {
padding: 0 !important;
}

</style>
<center>
<div class="act-start">ищу название роли</div>
<div class="actcontainer">
<table width="100%">
<tr>
<td class="leftcol">
<div class="act-text">
<span class="act-name"> имя</span><br>
<span class="act-chain">котёнок — оруженосец — воин</span><br>
<i> пол, <b>возраст</b> лун</i> <br>
<span class="act-rank">племя, должность</span><br>

<span class="act-name"> имя</span><br>
<span class="act-chain">котёнок — оруженосец — воин</span><br>
<i> пол, <b>возраст</b> лун</i> <br>
<span class="act-rank">племя, должность</span><br>

<span class="act-name"> имя</span><br>
<span class="act-chain">котёнок — оруженосец — воин</span><br>
<i> пол, <b>возраст</b> лун</i> <br>
<span class="act-rank">племя, должность</span><br>
</div></td>

<td valign="top" class="rightcol">
<div class="act-plank">
<img src="https://forumstatic.ru/files/001a/f6/9c/79663.png" class="act-img1"> <img src="https://forumstatic.ru/files/001a/f6/9c/79663.png" class="act-img1"> <img src="https://forumstatic.ru/files/001a/f6/9c/79663.png" class="act-img1">
</div>
<div class="acttext">
<b><center>инфо</center></b><br>
информация о персонаже<br>

<br><b><center>планы на игру</center></b><br>
какие идеи/отношения заготовлены для персонажа<br>

<br><b><center>дополнительно</center></b><br>
здесь можно оставить связь, ссылки, любую дополнительную информацию <br> </div></td>
</tr>
</table>

</div>
</center>
[/html]
Инструкции-пояснения

От предыдущего шаблона отличается тем, что здесь изначально вставлено три мини-блока с информацией о персонаже (имя-племя-возраст-остальное) и три картинки (выделены на изображении ниже). Количество картинок фиксированное, каждая из них - 100х100px. А вот количество мини-блоков можно изменять. Их можно удалять (один блок выделен на картинке, под ним два таких же) или копировать и добавлять новые, если нужно указать больше персонажей. В остальном, всё идентично предыдущему шаблону, см. пояснения к нему.
https://forumstatic.ru/files/001a/f6/9c/44439.png

0


Вы здесь » warriors. wild at heart » Техническая часть » Игровые шаблоны


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