extended boundaries

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

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

Вы здесь » extended boundaries » расширь границы » шаблон

шаблон

Страница: 1

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

1

Код:
<!--HTML-->
<div class="face-main">
<div class="face">
<table>
<tr>
<td style="width: 200px;">
<div class="face-description">
<p class="face-title">
ЗАНЯТЫЕ ВНЕШНОСТИ
</p>
<p class="face-description-2">Нажми на кнопку чтобы занять внешность. 
<br>Не забывай про вставку в код.
<br>n — имя занято, s — фамилия занята, ns — заняты имя и фамилия. 
</p>
</div>
<td>
<div class="boys-table"><table>
<tr>
<td style="vertical-align: top;"><p class="title">A — B — C — D</p>
<p class ="name-style">
chris evans  
<br>✎ <a href=https://extendedboundaries.rusff.me/profile.php?id=2>aidan page</a><sup>n</sup>
</p>
</td>
</tr>
<tr>
<td style="vertical-align: top;"><p class="title">E — F — G — H</p>
<p class ="name-style">
Reese Witherspoon 
<br>✎ <a href=https://extendedboundaries.rusff.me/profile.php?id=2>Addison Bennet</a>
<br>chris evans 
<br>✎ <a href=https://extendedboundaries.rusff.me/profile.php?id=2>aidan page</a>
</p>
</td>
</tr>
<tr>
<td style="vertical-align: top;"><p class="title">I — J — K — L</p>
<p class ="name-style">
chris evans  — <a href=https://extendedboundaries.rusff.me/profile.php?id=2>aidan page</a> <sup>n</sup>
<br>chris evans  — <a href=https://extendedboundaries.rusff.me/profile.php?id=2>aidan page</a>
</p>
</td>
</tr>
<tr>
<td style="vertical-align: top;"><p class="title">M — N — O — P</p>
<p class ="name-style">
chris evans  — <a href=https://extendedboundaries.rusff.me/profile.php?id=2>aidan page</a>
<br>chris evans  — <a href=https://extendedboundaries.rusff.me/profile.php?id=2>aidan page</a>
</p>
</td>
</tr>
<tr>
<td style="vertical-align: top;"><p class="title">Q — R — S — T</p>
<p class ="name-style">
chris evans  — <a href=https://extendedboundaries.rusff.me/profile.php?id=2>aidan page</a>
<br>chris evans  — <a href=https://extendedboundaries.rusff.me/profile.php?id=2>aidan page</a>
</p>
</td>
</tr>
<tr>
<td style="vertical-align: top;"><p class="title">U — V — W</p>
<p class ="name-style">
chris evans  — <a href=https://extendedboundaries.rusff.me/profile.php?id=2>aidan page</a>
<br>chris evans  — <a href=https://extendedboundaries.rusff.me/profile.php?id=2>aidan page</a>
</p>
</td>
</tr>
<tr>
<td style="vertical-align: top;"><p class="title">X — Y — Z</p>
<p class ="name-style">
chris evans  — <a href=https://extendedboundaries.rusff.me/profile.php?id=2>aidan page</a>
<br>chris evans  — <a href=https://extendedboundaries.rusff.me/profile.php?id=2>aidan page</a>
</p>
</td>
</tr>
</table></div>

<div class="girls-table"><table>
<tr>
<td style="vertical-align: top;"><p class="title">A — B — C — D</p>
<p class ="name-style">
chris evans  
<br>✎ <a href=https://extendedboundaries.rusff.me/profile.php?id=2>aidan page</a>
</p>
</td>
</tr>
<tr>
<td style="vertical-align: top;"><p class="title">E — F — G — H</p>
<p class ="name-style">
Reese Witherspoon 
<br>✎ <a href=https://extendedboundaries.rusff.me/profile.php?id=2>Addison Bennet</a>
<br>chris evans 
<br>✎ <a href=https://extendedboundaries.rusff.me/profile.php?id=2>aidan page</a>
</p>
</td>
</tr>
<tr>
<td style="vertical-align: top;"><p class="title">I — J — K — L</p>
<p class ="name-style">
chris evans  — <a href=https://extendedboundaries.rusff.me/profile.php?id=2>aidan page</a>
<br>chris evans  — <a href=https://extendedboundaries.rusff.me/profile.php?id=2>aidan page</a>
</p>
</td>
</tr>
<tr>
<td style="vertical-align: top;"><p class="title">M — N — O — P</p>
<p class ="name-style">
chris evans  — <a href=https://extendedboundaries.rusff.me/profile.php?id=2>aidan page</a>
<br>chris evans  — <a href=https://extendedboundaries.rusff.me/profile.php?id=2>aidan page</a>
</p>
</td>
</tr>
<tr>
<td style="vertical-align: top;"><p class="title">Q — R — S — T</p>
<p class ="name-style">
chris evans  — <a href=https://extendedboundaries.rusff.me/profile.php?id=2>aidan page</a>
<br>chris evans  — <a href=https://extendedboundaries.rusff.me/profile.php?id=2>aidan page</a>
</p>
</td>
</tr>
<tr>
<td style="vertical-align: top;"><p class="title">U — V — W</p>
<p class ="name-style">
chris evans  — <a href=https://extendedboundaries.rusff.me/profile.php?id=2>aidan page</a>
<br>chris evans  — <a href=https://extendedboundaries.rusff.me/profile.php?id=2>aidan page</a>
</p>
</td>
</tr>
<tr>
<td style="vertical-align: top;"><p class="title">X — Y — Z</p>
<p class ="name-style">
chris evans  — <a href=https://extendedboundaries.rusff.me/profile.php?id=2>aidan page</a>
<br>chris evans  — <a href=https://extendedboundaries.rusff.me/profile.php?id=2>aidan page</a>
</p>
</td>
</tr>
</table></div>
</td>
</tr>
</table>

<div class="button-f"><table>
<tr>
<td>
<div class="code-box-2"><strong class="legend"><a href="javascript://" style="color: #717f61" onclick="select_text($(this).parent().next().find('pre').get(0));return!1">ЗАНЯТЬ ВНЕШНОСТЬ</a></strong><div class="blockcode"><div class="scrollbox-2" style="height: 4.5em; color: #717f61;"><pre  style="font-size: 0px;">&lt;br&gt;имя внешности 
&lt;br&gt;✎ &lt;a href=ссылка на профиль&gt;имя персонажа&lt;/a&gt;</pre></div></div></div>
</td>
<td>
<div class="code-box-3"><strong class="legend"><a href="javascript://" style="color: #717f61" onclick="select_text($(this).parent().next().find('pre').get(0));return!1">N</a></strong><div class="blockcode"><div class="scrollbox-2" style="height: 4.5em; color: #717f61;"><pre  style="font-size: 0px;">&lt;br&gt;имя внешности 
&lt;br&gt;✎ &lt;a href=ссылка на профиль&gt;имя персонажа&lt;/a&gt;&lt;sup&gt;n&lt;/sup&gt;</pre></div></div></div>
</td>
<td>
<div class="code-box-3"><strong class="legend"><a href="javascript://" style="color: #717f61" onclick="select_text($(this).parent().next().find('pre').get(0));return!1">S</a></strong><div class="blockcode"><div class="scrollbox-2" style="height: 4.5em; color: #717f61;"><pre  style="font-size: 0px;">&lt;br&gt;имя внешности 
&lt;br&gt;✎ &lt;a href=ссылка на профиль&gt;имя персонажа&lt;/a&gt;&lt;sup&gt;s&lt;/sup&gt;</pre></div></div></div>
</td>
<td>
<div class="code-box-4"><strong class="legend"><a href="javascript://" style="color: #717f61" onclick="select_text($(this).parent().next().find('pre').get(0));return!1">N / S</a></strong><div class="blockcode"><div class="scrollbox-2" style="height: 4.5em; color: #717f61;"><pre  style="font-size: 0px;">&lt;br&gt;имя внешности 
&lt;br&gt;✎ &lt;a href=ссылка на профиль&gt;имя персонажа&lt;/a&gt;&lt;sup&gt;n / s&lt;/sup&gt;</pre></div></div></div>
</td>
</tr>
</table>
</div>

</div></div>

<style>
@font-face {
    font-family: Bebas Neue; 
    url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
   }

.face-main {
width: 650px;
height: 417px;
}

.face {
width: 650px;
height: 417px;
position: relative;
left: 0px;
z-index: 10; 
top: 0px;
background-image: url(https://i.imgur.com/4n3tLLa.png); 
background-size: 100%;
}

.title {
font-family: Bebas Neue;
font-size: 14px;
color: #e4e2dc; 
background-color: #717f61;
width: 140px;
height: 5px!important; 
text-align: center;
}

.name-style {
font-family: arial;
font-size: 11px;
color: #4e5843; 
position: relative;
top: 4px;
left: 2px;
width: 135px;
text-align: left;
}

.girls-table::-webkit-scrollbar              { width: 4px; }
.girls-table::-webkit-scrollbar-track        { background-color: #717f61; }
.girls-table::-webkit-scrollbar-thumb        { background-color:  #95a780; }

.boys-table::-webkit-scrollbar              { width: 4px; }
.boys-table::-webkit-scrollbar-track        { background-color: #717f61; }
.boys-table::-webkit-scrollbar-thumb        { background-color:  #95a780; }


.girls-table {
position: relative;
left: 254px;
top: -70px;
width: 156px;
height: 197px;
overflow: auto;
}

.boys-table {
position: relative;
left: 59px;
top: 127px;
width: 157px;
height: 197px;
overflow: auto;
}

.face-description {
font-family: arial;
font-size: 10px;
width: 200px;
height: 150px;
position: relative;
left: 16px;
top: 140px;
color: #e4e2dc;
padding: 0px;
text-align: left;
}

.face-description-2 {
top: -10px;
width: 190px;
height: auto;
position: relative;
text-align: justify;
}

.face-title {
font-family: 'Bebas Neue';
font-size: 14px;
position: relative;
left: 40px;
top: -5px;
color: #717f61;
letter-spacing: 1px;
font-weight: bold;
}

.code-box-2 {
width: 63px;
height: 15px;
outline: 2px solid #f6f5f3;
outline-offset: -2px; 
background-color: #e4e2dc!important;
position: relative;
font-size: 9px;
color: #717f61;
padding: 10px 10px 18px 8px;
text-align: center;
}

.code-box-3 {
width: 40px;
height: 15px;
outline: 2px solid #f6f5f3;
outline-offset: -2px; 
background-color: #e4e2dc!important;
position: relative;
font-size: 9px;
color: #717f61;
padding: 10px;
text-align: center;
left: 12px;
}

.code-box-4 {
width: 50px;
height: 15px;
outline: 2px solid #f6f5f3;
outline-offset: -2px; 
background-color: #e4e2dc!important;
position: relative;
font-size: 9px;
color: #717f61;
padding: 10px;
text-align: center;
left: 10px;
}

.button-f {
position: relative;
left: 258px;
top:  -55px;
width: 380px;
}

.scrollbox-2 {
  width: 100%;
  overflow: auto;
}

.scrollbox-2::-webkit-scrollbar              { width: 0px; }
.scrollbox-2::-webkit-scrollbar-track        { background-color: transparent; }
.scrollbox-2::-webkit-scrollbar-thumb        { background-color: transparent; }
</style>

0

2

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

0

3

Код:
<br>имя внешности 
<br>✎ <a href=ссылка на профиль>имя персонажа</a><sup>n</sup>
Код:
<br>имя внешности 
<br>✎ <a href=ссылка на профиль>имя персонажа</a><sup>s</sup>
Код:
<br>имя внешности 
<br>✎ <a href=ссылка на профиль>имя персонажа</a><sup>n / s</sup>

0

Страница: 1

Вы здесь » extended boundaries » расширь границы » шаблон

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