Заявка от Бартоломео Джеймса

[html]

<table style="width: 630px; vertical-align: top;background: black;color: #666699" >
<tbody>
<tr>
<td><a href="http://lepidus.ru/"><img src="https://i.ibb.co/1dxYyGk/image.png"></a>
<p align="center"><i>Симулятор реальной жизни в альтернативной реальности</i> <br>
ЖАНР: городское фентези, мистика, криминал, хоррор, саспенс <br>
NC - 21 <br>
<a href="http://lepidus.ru/viewtopic.php?id=3162">Сюжет</a>|<a href="http://lepidus.ru/viewtopic.php?id=3044">Об обитателях мира</a>|<a href="http://lepidus.ru/viewtopic.php?id=2937">Упрощенный прием</a>
</p>
</td>
</tr>
</tbody>
</table>
<table style="width: 630px; background: black;  color: #666699" >
<tbody>
<tr>
<td style="width: 300px; background: black; height: 450px;  vertical-align: top; "><a href="http://lepidus.ru/viewtopic.php?id=3711"><img src="https://i.ibb.co/Y7r2H2H/image.jpg"></a>
<p align="justify">Валенштайн – город возможностей! Жизнь здесь бьет ключом, в основном, правда, гаечным и преимущественно по голове. Однако события в этом городе развиваются стремительно, влияют на всю огромную вселенную «Любовников смерти» и её обитателей. <br>
Валенштайн называют также городом туманов, городом вечной осени, поскольку даже в летнее время года здесь льют дожди.
<br>Настали мрачные времена, и город погрузился в траур после дня <a href="http://lepidus.ru/viewtopic.php?id=2288#p179730">осеннего равноденствия</a>, которое унесло тысячи жизней и разрушил тайну о существование «иных». Именно в этом городе-титане по иронии руками охотника на нежить, обманутого ведьмой, сломалась первая священная печать, и протрубили начало Апокалипсиса.
</p></td>
<td style="width: 300px; background: black; height: 450px;  vertical-align: top;"><a href="http://lepidus.ru/viewtopic.php?id=3724"><img src="https://i.ibb.co/B43mNsB/image.jpg"></a>
<p align="justify">Смоук – небольшой городок на юго-востоке Дюссельфолда, основанный как место проживания золотодобытчиков в начале 1772 года. У него своя необычная и неповторимая история, высеченная в сердцах и памяти его жителей, пронизывающая маленькие извилистые улочки, и запечатленная в городские книги историй и легенд.<br>
Жизнь в Смоуке течет спокойно и размеренно, но это не значит, что здесь ничего не происходит. Это необычный мистический городок со своими загадками и событиями, будоражащими кровь. Ему нет дела до того, что происходит в мире. Он живет по своим законам. 

</p></td>
</tr>
</tbody>
</table>

<table style="width: 630px; vertical-align: top;background: black;" >
<tbody>
<tr>
<td><a href="http://lepidus.ru/viewforum.php?id=227"><img src="https://i.ibb.co/mSXkNZM/2.png"></a></td>
</tr>
</tbody>
</table>
<div class="osn">
<div class="telo">
<div class="Row">
<div class="dell"><div class="photo" data-title="ПРОТЕКТОР СОЮЗА"><a href="http://lepidus.ru/viewtopic.php?id=2756#p108182" class="van"></a></div>
<div class="photo" data-title="ПОДРУГА ДНЕЙ СУРОВЫХ"><a href="http://lepidus.ru/viewtopic.php?id=2756#p181307" class="vol "></a></div>
<div class="photo" data-title="БРАТ"><a href="http://lepidus.ru/viewtopic.php?id=2756#p180057" class="xar"></a></div>

<div class="photo" data-title="I'm a criminal"><a href="http://lepidus.ru/viewtopic.php?id=3155#p138271" class="blu"></a></div>
<div class="photo" data-title="ПРАВАЯ РУКА, А ИНОГДА И ЛЕВАЯ НОГА"><a href="http://lepidus.ru/viewtopic.php?id=3155#p143057" class="tub"></a></div>
<div class="photo" data-title="БЕЗУМИЕ"><a href="http://lepidus.ru/viewtopic.php?id=3155#p144499" class="vin"></a></div>
</div>
</div>

</div>
</div>
</div>

<style>

/* Вандерберг*/
.van {
background: url(https://i.ibb.co/wJdMqLX/2.jpg) no-repeat 50% 50%; 
display: block;
width: 200px;
height: 200px;
margin: auto;
}

.van:hover {
background: url(https://i.ibb.co/L8G41B2/22.jpg) no-repeat 50% 50%;
margin: auto;
}

/* Волчица */
.vol {
background: url(https://i.ibb.co/KwF6WP1/1.jpg) no-repeat 50% 50%; 
display: block;
width: 200px;
height: 200px;
margin: auto;
}

.vol:hover {
background: url(https://i.ibb.co/VJSvTbk/11.jpg) no-repeat 50% 50%;
margin: auto;
}

/* Харпер */
.xar {
background: url(https://i.ibb.co/zHmSwNT/3.jpg) no-repeat 50% 50%; 
display: block;
width: 200px;
height: 200px;
margin: auto;
}

.xar:hover {
background: url(https://i.ibb.co/KDDtT1R/33.jpg) no-repeat 50% 50%;
margin: auto;
}

/* Блю*/
.blu {
background: url(https://i.ibb.co/gjf3J7J/4.jpg) no-repeat 50% 50%; 
display: block;
width: 200px;
height: 200px;
margin: auto;
}

.blu:hover {
background: url(https://i.ibb.co/HYdyXpM/44.jpg) no-repeat 50% 50%;
margin: auto;
}

/* Табита */
.tub {
background: url(https://i.ibb.co/Vpy1q8b/5.jpg) no-repeat 50% 50%; 
display: block;
width: 200px;
height: 200px;
margin: auto;
}

.tub:hover {
background: url(https://i.ibb.co/6gy5wwb/55.jpg) no-repeat 50% 50%;
margin: auto;
}

/* Винслоу */
.vin {
background: url(https://i.ibb.co/h8jSqKg/6.jpg) no-repeat 50% 50%; 
display: block;
width: 200px;
height: 200px;
margin: auto;
}

.vin:hover {
background: url(https://i.ibb.co/p29YkTN/66.jpg) no-repeat 50% 50%;
margin: auto;
}

.photo {
    display: inline-block; /* Строчно-блочный элемент */
    position: relative; /* Относительное позиционирование */
   }
   .photo:hover::after {
    content: attr(data-title); /* Выводим текст */
    position: absolute; /* Абсолютное позиционирование */
    left: 0; right: 0; bottom: 5px; /* Положение подсказки */
    z-index: 1; /* Отображаем подсказку поверх других элементов */
    background: rgba(172, 118, 190, 0.6); /* Полупрозрачный цвет фона */
    color: #fff; /* Цвет текста */
    text-align: center; /* Выравнивание текста по центру */
    font-family: Arial, sans-serif; /* Гарнитура шрифта */
    font-size: 11px; /* Размер текста подсказки */
    padding: 5px 10px; /* Поля */
    border: 1px solid #333; /* Параметры рамки */
   }

/* Таблица */
.osn{
display: table;
width: 630px; background: black; color: #666699"
}
.Row {
display: table-row;
}
.divTableHeading {
background-color: #EEE;
display: table-header-group;
}
.dell, .divTableHead {

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;
}
.telo {
display: table-row-group;
}</style>
<link href='https://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
<link href="https://fonts.googleapis.com/css?family=Tinos" rel="stylesheet">
[/html]

Отредактировано Owl (2019-08-11 17:09:43)

×××
Детективы и воры одинаковы. Хоть они и разные, как небо и земля, но, присмотревшись внимательно, заметишь, что оба — наглые товарищи, у которых любопытство — ключ, с помощью которого они открывают, что другие желают спрятать от чужих глаз. © Детектив Конан (Detective Conan)
×××

LOVERS OF DEATH