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

Любовники Смерти: Эра Возрождения

Объявление

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

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

Активисты

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


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

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

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


Вы здесь » Любовники Смерти: Эра Возрождения » Карточки » Ребекка Смоллвуд


Ребекка Смоллвуд

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

1

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


<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>2804 балла <br>2360 монет</span></a>
<a href="http://lepidus.ru/viewtopic.php?id=2368" 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>Возраст: 60 лет</li>
    <li>Фракция: <a href="#" class="tooltip" >пневматик<span>путь Света</span></a></li>
    <li>Социальный статус: домохозяйка </li>
    <li>Способности: <a href="#" class="tooltip" >маг Жизни<span>Мастер II</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(https://image.ibb.co/didiwT/1.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";
}    




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

0

2

Происходит только то, что должно происходить. Все начинается вовремя. И заканчивается тоже.

Эпизод

Когда

Кто

Статус

Валенштайн. Начало

25 декабря 2005 года

Ребекка Смоллвуд, Данте Инститорис

завершён

Мистицизм. Сын зажигает...

28 декабря 2005 года

Ребекка Смоллвуд, Джастин Смоллвуд, Анна Мария Де Клер, Лекс Хонорман

завершён

Мистицизм. Беседа с рыцарем

поздний вечер 28 декабря - утро 29 декабря 2005 года

Ребекка Смоллвуд, Лекс Хонорман

завершён

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

дата эпизода

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

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

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

дата эпизода

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

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

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

дата эпизода

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

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

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

дата эпизода

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

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

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

дата эпизода

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

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

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

дата эпизода

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

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

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

дата эпизода

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

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

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

дата эпизода

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

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

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

дата эпизода

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

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

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

дата эпизода

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

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

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

дата эпизода

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

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

Отредактировано Ребекка Смоллвуд (21.01.2019 22:36)

0

3

[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]

Отредактировано Ребекка Смоллвуд (21.01.2019 21:33)

0


Вы здесь » Любовники Смерти: Эра Возрождения » Карточки » Ребекка Смоллвуд


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