Владимир Шадрин

Поделиться12023-04-23 23:17:24

Автор: Владимир Шадрин
Администратор
ОСЕНЬ - рыжая кошка
Сообщений: 19
Уважение: +0
Последний визит:
2025-09-18 20:31:47

Код:

<!--HTML--><ul class="s-tabs">
<span>Я в Казани</span><span>Близкие и не очень</span><span>Подарки и награды</span><span>Достижения</span>
<li class="stab">
<!-- Ваш контент 1-->
<table>
<tr>
<td>Обо мне</td>
<td>Эпизоды</td>
</tr>
<tr>
<td><div class="charabout">
            <img class="charpic" src="https://forumstatic.ru/files/001b/26/b3/70706.jpg">
            <div>Информация</div>
            <div>Имя</div>
            <div>Статус</div>
            <div>Как давно в Казани</div>
            <div>Коротко о себе<br>Девиз или цитата</div>
        </div></td>
<td><p class="finep" title="завершён"><i>дд.мм.гггг</i> <a href="ссылка">Название эпизода</a> — Игрок 1 & Игрок 2</p>
        <p class="actep" title="активен"><i>дд.мм.гггг</i> <a href="ссылка">Название эпизода</a> — Игрок 1 & Игрок 2</p>
        <p class="froep" title="заморожен"><i>дд.мм.гггг</i> <a href="ссылка">Название эпизода</a> — Игрок 1 & Игрок 2</p></td>
</tr>
</table>
    
</li>
<li class="stab">
<!-- Ваш контент 2-->
<table>
<tr>
<td><img class="charpic" src="https://forumstatic.ru/files/001b/26/b3/70706.jpg">
<div>Имя</div>
</td>
<td>ваш текст об отношениях</td>
</tr>
</table>
</li>
<li class="stab">
<!-- Ваш контент 3-->
<img src="https://forumstatic.ru/files/0017/ac/82/95286.png" title="подарок">
</li>
<li class="stab">
<!-- Ваш контент 4-->
<a href="https://kazantest3.rusff.me/viewtopic.php?id=2"><img src="https://forumstatic.ru/files/001b/cd/fb/63131.jpg"></a>
</li>
</ul>

Взять код. Тему для страницы создаем отдельно, назвав ее именем и фамилией персонажа.

Код:

[*code]<*!--HTML--><ul class="s-tabs">
<span>Я в Казани</span><span>Близкие и не очень</span><span>Подарки и награды</span><span>Достижения</span>
<li class="stab">
<!-- Ваш контент 1-->
<table>
<tr>
<td>Обо мне</td>
<td>Эпизоды</td>
</tr>
<tr>
<td><div class="charabout">
            <img class="charpic" src="image png">
            <div>Информация</div>
            <div>Имя</div>
            <div>Статус</div>
            <div>Как давно в Казани</div>
            <div>Коротко о себе<br>Девиз или цитата</div>
        </div></td>
<td><p class="finep" title="завершён"><i>дд.мм.гггг</i> <a href="ссылка">Название эпизода</a> — Игрок 1 & Игрок 2</p>
        <p class="actep" title="активен"><i>дд.мм.гггг</i> <a href="ссылка">Название эпизода</a> — Игрок 1 & Игрок 2</p>
        <p class="froep" title="заморожен"><i>дд.мм.гггг</i> <a href="ссылка">Название эпизода</a> — Игрок 1 & Игрок 2</p></td>
</tr>
</table>
    
</li>
<li class="stab">
<!-- Ваш контент 2-->
<table>
<tr>
<td><img class="charpic" src="image png">
<div>Имя</div>
</td>
<td>ваш текст об отношениях</td>
</tr>
</table>
</li>
<li class="stab">
<!-- Ваш контент 3-->
<img src="https://forumstatic.ru/files/0017/ac/82/95286.png" title="подарок">
</li>
<li class="stab">
<!-- Ваш контент 4-->

</li>
</ul>[*/code]

0

Поделиться22023-04-23 23:46:04

Автор: Владимир Шадрин
Администратор
ОСЕНЬ - рыжая кошка
Сообщений: 19
Уважение: +0
Последний визит:
2025-09-18 20:31:47

ПЛАШКИ

0

Поделиться32023-04-23 23:47:21

Автор: Владимир Шадрин
Администратор
ОСЕНЬ - рыжая кошка
Сообщений: 19
Уважение: +0
Последний визит:
2025-09-18 20:31:47

ПОДАРКИ

0

Поделиться42023-09-22 06:09:49

Автор: Владимир Шадрин
Администратор
ОСЕНЬ - рыжая кошка
Сообщений: 19
Уважение: +0
Последний визит:
2025-09-18 20:31:47

плашки криво имхо

0

Поделиться52023-09-23 20:18:41

Автор: Владимир Шадрин
Администратор
ОСЕНЬ - рыжая кошка
Сообщений: 19
Уважение: +0
Последний визит:
2025-09-18 20:31:47

Код:

<img src="https://forumstatic.ru/files/001b/cd/fb/63131.jpg">

0

Поделиться62023-10-02 00:17:43

Автор: Владимир Шадрин
Администратор
ОСЕНЬ - рыжая кошка
Сообщений: 19
Уважение: +0
Последний визит:
2025-09-18 20:31:47

Код:

<ici><img src="ссылка на картинку в формате пнж"></ici><kt>текст коротко</kt>

0

Поделиться72023-10-02 00:21:32

Автор: Владимир Шадрин
Администратор
ОСЕНЬ - рыжая кошка
Сообщений: 19
Уважение: +0
Последний визит:
2025-09-18 20:31:47

<ici><img src="http://gungsters.ucoz.ru/bogota/plashka.png"></ici><kt>ВРАЧУЮ<hr>души</kt>

0

Поделиться82023-10-02 00:25:44

Автор: Владимир Шадрин
Администратор
ОСЕНЬ - рыжая кошка
Сообщений: 19
Уважение: +0
Последний визит:
2025-09-18 20:31:47

<ici><img src="http://gungsters.ucoz.ru/bogota/plashka.png"></ici><kt>ВРАЧУЮ<br>души</kt>

0

Поделиться92023-10-02 08:39:01

Автор: Владимир Шадрин
Администратор
ОСЕНЬ - рыжая кошка
Сообщений: 19
Уважение: +0
Последний визит:
2025-09-18 20:31:47

Код:

<ici><img src="https://i.imgur.com/6sWQnJy.png"></ici><kt>ОСЕННИЙ КОТ<br>гуляет среди листьев</kt>

0

Поделиться102023-10-02 08:41:22

Автор: Владимир Шадрин
Администратор
ОСЕНЬ - рыжая кошка
Сообщений: 19
Уважение: +0
Последний визит:
2025-09-18 20:31:47

Код:

<ici><img src="https://i.imgur.com/6sWQnJy.png"></ici><kt>ОСЕННИЙ КОТ гуляет среди листьев</kt>

0

Поделиться112023-10-02 08:53:56

Автор: Владимир Шадрин
Администратор
ОСЕНЬ - рыжая кошка
Сообщений: 19
Уважение: +0
Последний визит:
2025-09-18 20:31:47

<ici><img src="https://i.imgur.com/6sWQnJy.png"></ici><kt>ОСЕННИЙ КОТ<br>гуляет среди листьев</kt>

0

Поделиться122023-10-02 09:36:17

Автор: Владимир Шадрин
Администратор
ОСЕНЬ - рыжая кошка
Сообщений: 19
Уважение: +0
Последний визит:
2025-09-18 20:31:47

Код:

<ici><img src="https://forumstatic.ru/files/001b/be/ad/93032.png"></ici><kt>ОСЕННИЙ КОТ<br>гуляет среди листьев</kt>

0

Поделиться132023-10-02 22:01:44

Автор: Владимир Шадрин
Администратор
ОСЕНЬ - рыжая кошка
Сообщений: 19
Уважение: +0
Последний визит:
2025-09-18 20:31:47

Код:

<ici><img src="https://forumstatic.ru/files/001b/be/ad/93032.png"></ici><kt>ОСЕННИЙ КОТ гуляет среди листьев</kt>

0

Поделиться142023-10-02 22:02:49

Автор: Владимир Шадрин
Администратор
ОСЕНЬ - рыжая кошка
Сообщений: 19
Уважение: +0
Последний визит:
2025-09-18 20:31:47

Код:

<ici><img src="https://forumstatic.ru/files/001b/be/ad/93032.png"></ici><kt>ОСЕНЬ - рыжая кошка</kt>

0

Поделиться152023-10-05 05:43:44

Автор: Владимир Шадрин
Администратор
ОСЕНЬ - рыжая кошка
Сообщений: 19
Уважение: +0
Последний визит:
2025-09-18 20:31:47

<div class="needed">
<a href="http://eltropicano.ru/profile.php?id=278" target="_blank" title="Октябрь! Месяц твоего рождения! Поздравляем!"><div><img src="https://i.imgur.com/rqk4tfp.jpg"></div></a>
<a href="http://eltropicano.ru/profile.php?id=1206" target="_blank" title="703 ОД"><div><img src="https://i.imgur.com/Gj7fmcY.jpg"></div></a>
<a href="https://eltropicano.ru/profile.php?id=1025" target="_blank" title="650 ОД"><div><img src="https://i.imgur.com/ODvCJMH.jpg"></div></a>
<a href="https://eltropicano.ru/profile.php?id=681" target="_blank" title="572 ОД"><div><img src="https://i.imgur.com/jOqJMRm.jpg"></div></a>

</div>

0

Поделиться162023-11-06 23:03:10

Автор: Владимир Шадрин
Администратор
ОСЕНЬ - рыжая кошка
Сообщений: 19
Уважение: +0
Последний визит:
2025-09-18 20:31:47

Полный исходный код

хтмл верх:

/*Правки для Цвета фона и бордюров таблицы*/
.s-tabs>.stab,.s-tabs>span{
background:#d5ebeb;
border-color: #c0e0e0!important;
}
.s-tabs{
width:500px; /*ширина таблицы*/
display:block;
}
.s-tabs>.stab{
height:300px; /*высота вкладки*/
}
/* Стиль "Ушка" вкладок */
.s-tabs>span{
position:relative;
z-index:100;
color:#294d95;
cursor:pointer;
border: 1px solid;
display:inline-block;
padding:4px;
height: 17px;
margin:0;
margin-right:-1px;
text-align:left;
padding-right:6px;
text-shadow: 1px 1px 2px rgba(0,0,0,.4);
font: italic normal 400 13px/16.5px "Segoe print";
}
/* Активное "Ушко" */
.s-tabs>span.selected{
color:#294d95;
background:#c0e0e0;
border-bottom-color:transparent!important;
}
/* Стиль вкладки(LI)*/
.s-tabs>.stab{
width:100%;
margin:0;
display:none;
overflow-y:auto;
overflow-x:hidden;
text-align:center;
vertical-align:middle;
border: 4px solid;
padding:4px 12px!important;
}
</style>

начало хтмл низ

В начало HTML низ
<script type="text/javascript">
$('.s-tabs').each(function(){
$(this).children('span:first').addClass('selected');
$(this).children('.stab').eq(0).show();
});
$('.s-tabs>span').live('click', function(){
var a = $(this).parent('.s-tabs');
var arr = a.children('span');
var index = arr.index(this);
arr.removeClass('selected');
$(this).addClass('selected');
a.children('.stab').hide();
a.children('.stab').eq(index).show();
});
</script>

сама таблица куда надо в тегах хтмл

<ul class="s-tabs">
<span>Вкладка 1</span><span>Вкладка 2</span><span>Вкладка 3</span>
<li class="stab">
<!-— Ваш контент 1-->
</li>
<li class="stab">
<!-— Ваш контент 2-->
</li>
<li class="stab">
<!-— Ваш контент 3-->
</li>
</ul>

0