Делай сам |
|
|||||||||||
|
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Делай сам » Новый форум » iii
Думаю, интересно вспомнить, каким был Брайтон пару месяцев назад или пару лет назад. (Нажимайте на картинку. чтобы открыть большое изображение)
2010, начало
2011, зима
2011, весна
2011, лето
2011, осень
2011-12, зима
2012, весна
2012, лето
2012, осень
2012-13, зима
2013, весна
2013, лето
2013, осень
2013-14, зима
2014, весна
2014, лето
2014, осень
Ты просила код для таблицы, как на омерте
Если бесит обводка, убрать:
border-top:3px double #ffffff; border-bottom:3px double #ffffff;
из .canonlayer
и
border:3px double #000000;
Если высота нужна больше, то редачь все hight
Чтобы при большой высоте картинка полностью вверх уплывала, а не как на омерте до середины хд, то редачь:
top: -170px; в #canons:hover .how
Код не их.
Дарси Питерсон
Дэмиен Бренстон
Бэнджамин Грэм
Вэнди Хэммонд
Уоррен Краузе
Триш Даркхолм
Райан Бэнфорд
Амелия Смит
<style type="text/css">
<link href='http://fonts.googleapis.com/css?family=Fjalla+One' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Monda' rel='stylesheet' type='text/css'>
.canonspace { height: 240px; }
.canonlayer {background-color: #0b2721; font-size: 12px; padding-top: 6px; font-family: 'Monda', sans-serif; padding-bottom: 5px; color: #FFFFFF; text-align: center; text-decoration: uppercase; white-space:normal; border-top:3px double #ffffff; border-bottom:3px double #ffffff; line-height: 13px; letter-spacing: -1px; background-image: url(http://i.imgur.com/lA3sX4q.png); }
.canonmain { letter-spacing: -1px; padding: 4px; text-transform: none; color: #000000; font-family: 'verdana'; line-height: 11px; font-size:10px; text-align: justify; overflow: auto; height: 141px; background-image: url(http://i.imgur.com/ONtflUl.png); }
#canons { width: 200px; height: 150px; white-space:normal; border:3px double #000000; position: relative; overflow: hidden; -webkit-box-shadow: outset 1px 1px 2px 1px #000000; box-shadow: outset 1px 1px 2px 1px #000000;}
#canons .how { -WEBKIT-TRANSITION: 2S ALL EASE-IN-OUT; -MOZ-TRANSITION: 0.8S ALL EASE-IN-OUT; O-TRANSITION: 0.8S ALL EASE-IN-OUT; position: absolute; top: 0px; bottom: 0px; width: 200px; height: 150px; }
#canons:hover .how { -WEBKIT-TRANSITION: 0.8S ALL EASE-IN-OUT; -MOZ-TRANSITION: 1.0S ALL EASE-IN-OUT; O-TRANSITION: 1.0S ALL EASE-IN-OUT; top: -170px; }
#canonspan { color: #000000; font-family: 'Monda', sans-serif; font-weight: bold; }
.canonmain i { color: #000000; }
</style>
<table cellspacing="1" cellpadding="1">
<tr>
<td>
<div id="canons"><div class="how"><div style="background-image: url(http://www.kino-teatr.ru/news/2518/pv_38561.jpg); width: 200px; height: 150px;"><div style="height: 100px;"></div><div class="canonlayer">Damien Brenston
</div></div></div><div class="canonmain">
ОВЛОАЛОВЛО алповлаопл оап олапошег гшапгшг шапгша ОВЛОАЛОВЛО алповлаопл оап олапошег гшапгшг шапгша ОВЛОАЛОВЛО алповлаопл оап олапошег гшапгшг шапгша ОВЛОАЛОВЛО алповлаопл оап олапошег гшапгшг шапгша ОВЛОАЛОВЛО алповлаопл оап олапошег гшапгшг шапгша ОВЛОАЛОВЛО алповлаопл оап олапошег гшапгшг шапгша ОВЛОАЛОВЛО алповлаопл оап олапошег гшапгшг шапгша ОВЛОАЛОВЛО алповлаопл оап олапошег гшапгшг шапгша ОВЛОАЛОВЛО алповлаопл оап олапошег гшапгшг шапгша
</div></div></center></td>
<td>
<div id="canons"><div class="how"><div style="background-image: url(http://spi4uk.itvnet.lv/upload/articles/24/247480/thumbs/200x150Intervija-ar-Chace-1.jpg); width: 200px; height: 150px;"><div style="height: 100px;"></div><div class="canonlayer">Warren Krause
</div></div></div><div class="canonmain">
ОВЛОАЛОВЛО алповлаопл оап олапошег гшапгшг шапгша ОВЛОАЛОВЛО алповлаопл оап олапошег гшапгшг шапгша ОВЛОАЛОВЛО алповлаопл оап олапошег гшапгшг шапгша ОВЛОАЛОВЛО алповлаопл оап олапошег гшапгшг шапгша ОВЛОАЛОВЛО алповлаопл оап олапошег гшапгшг шапгша ОВЛОАЛОВЛО алповлаопл оап олапошег гшапгшг шапгша ОВЛОАЛОВЛО алповлаопл оап олапошег гшапгшг шапгша ОВЛОАЛОВЛО алповлаопл оап олапошег гшапгшг шапгша ОВЛОАЛОВЛО алповлаопл оап олапошег гшапгшг шапгша
</div></div></center></td>
<td>
<div id="canons"><div class="how"><div style="background-image: url(http://cs302111.userapi.com/v302111179/26b4/PtBBHBhrh3c.jpg); width: 200px; height: 150px;"><div style="height: 100px;"></div><div class="canonlayer">Darcy Peterson
</div></div></div><div class="canonmain">
ОВЛОАЛОВЛО алповлаопл оап олапошег гшапгшг шапгша ОВЛОАЛОВЛО алповлаопл оап олапошег гшапгшг шапгша ОВЛОАЛОВЛО алповлаопл оап олапошег гшапгшг шапгша ОВЛОАЛОВЛО алповлаопл оап олапошег гшапгшг шапгша ОВЛОАЛОВЛО алповлаопл оап олапошег гшапгшг шапгша ОВЛОАЛОВЛО алповлаопл оап олапошег гшапгшг шапгша ОВЛОАЛОВЛО алповлаопл оап олапошег гшапгшг шапгша ОВЛОАЛОВЛО алповлаопл оап олапошег гшапгшг шапгша ОВЛОАЛОВЛО алповлаопл оап олапошег гшапгшг шапгша
</div></div></center></td>
</tr>
</table>Хотя, я б наверное лучше 4 поста сделал.
2 сверху и 2 снизу.
Потому что так красивее)))
<br><br><br>
<style>
#pun-announcement {
background: url("https://forumstatic.ru/files/0010/e7/d0/48252.png") 90% 100% no-repeat transparent;
height: 320px;
margin-top: -5px;
position: relative;
z-index: 0;
}
</style>
<style>
#My-tbl {
margin-top:-70px;
}
#menu img {
max-height:29px;
}
#menu span {
padding-top:15px!important;
padding-nottom:0!important;
border-radius:13px;
max-height:30px;
padding: 7px 8px 7px;
margin-right: -15px;
width: 800px;
text-decoration: none;
font-family: bebas neue;
font-size: 1.8em;
color: #790505;
}
#menu .tabactive {
color: #e1a71c;
font-family: bebas neue;
font-size: 1.8em;
margin-top: 5px;
}
#submenu {
margin-left: -3px;
margin-top: -120px;
height: 300px;
text-align: center;
font-size: 1em;
width: 900px;
}
.submenutext {
display: none;
height: 300px;
}
</style>
<center>
<table id=My-tbl>
<tbody>
<tr>
<td valign=top height=100>
<div id="menu"><center>
<span alt=#sm1 "style="cursor: pointer;"><img src="https://forumstatic.ru/files/0014/9c/5c/23579.png" border="0" /></span>
<span alt=#sm2 "style="cursor: pointer;"><img src="https://forumstatic.ru/files/0014/9c/5c/85657.png" border="0" /></span>
</center>
</div>
</td>
</tr>
<tr>
<td id="MenuTxT" align="center" valign="top">
<div id="submenu" align="center">
<div id="sm1" class="submenutext" style="display:block;">
<br>
<!--начало закладки 1-->
<br><br>
<table><tr><td align="justify" width="307px">
<br>
Администрация рада приветствовать Вас на территории нашего города-университета и искренне надеется, что пребывание здесь будет для Вас исключительно приятным и чрезвычайно комфортным! Верим, что в скором времени Вы присоединитесь к дружному коллективу и вольетесь в жизнь ролевой, в чем вам с удовольствием помогут и сами игроки, и мастерский состав. <br><br>
<b><font color = #120800>20 декабря 2011 года, вторник, день.</font></b>
+16º C, к вечеру наметится похолодание до +10º C. На улице пасмурно, ветрено, моросящие осадки по всей территории Луизианы. Словом, ничто не напоминает о приближающемся Рождестве. Выходя на улицу, не забудьте зонтики и резиновые сапоги. <br>
<br>
<center><b><font color = #120800>АДМИНИСТРАЦИЯ ФОРУМА</font></b><br><br>
<center>
<span class="tooltip"><a href="http://brighton.mybb.ru/profile.php?id=379"><b>ДАРСИ</b></a><em><img src="https://forumstatic.ru/files/000f/c2/71/28611.jpg"/>поясняющий текст</em></span> | <span class="tooltip"><a href="http://brighton.mybb.ru/profile.php?id=379"><b>ДЭМИЕН</b></a><em><img src="https://forumstatic.ru/files/000f/c2/71/28611.jpg"/>поясняющий текст</em></span><br>
<span class="tooltip"><a href="http://brighton.mybb.ru/profile.php?id=681"><b>БЭН</b></a><em><img src="https://forumstatic.ru/files/000f/c2/71/28611.jpg"/>поясняющий текст</em></span> | <span class="tooltip"><a href="http://brighton.mybb.ru/profile.php?id=100"><b>ВЭНДИ</b></a><em><img src="https://forumstatic.ru/files/000f/c2/71/28611.jpg"/>поясняющий текст</em></span> | <span class="tooltip"><a href="http://brighton.mybb.ru/profile.php?id=304"><b>ТРИШ</b></a><em><img src="https://forumstatic.ru/files/000f/c2/71/28611.jpg"/>поясняющий текст</em></span> | <span class="tooltip"><a href="http://brighton.mybb.ru/profile.php?id=73"><b>УОРРЕН</b></a><em><img src="https://forumstatic.ru/files/000f/c2/71/28611.jpg"/>поясняющий текст</em></span> | <span class="tooltip"><a href="http://brighton.mybb.ru/profile.php?id=591"><b>РАЙАН</b></a><em><img src="https://forumstatic.ru/files/000f/c2/71/28611.jpg"/>поясняющий текст</em></span> | <span class="tooltip"><a href="http://brighton.mybb.ru/profile.php?id=90"><b>АМЕЛИЯ</b></a><em><img src="https://forumstatic.ru/files/000f/c2/71/28611.jpg"/>поясняющий текст</em></span>
</center>
<br>
</td>
<td align="center" width="230px">
<div style="padding: 3px; background: #; opacity: 0.8; -moz-border-radius: 0px 0px 0em 0em;width: 210px; margin: -1px 0px 0px 1px; border-radius: 10px;text-align: center;">
<br>
<a href="http://brighton.mybb.ru/viewtopic.php?id=23" class="sbla"><font color="#001946">объявления</font></a>
<a href="http://brighton.mybb.ru/viewtopic.php?id=102" class="sbla"><font color="#001946">навигатор</font></a>
<a href="http://brighton.mybb.ru/viewtopic.php?id=13" class="sbla"><font color="#001946">сюжет</font></a>
<a href="http://brighton.mybb.ru/viewtopic.php?id=74" class="sbla"><font color="#001946">правила</font></a>
<a href="http://brighton.mybb.ru/viewtopic.php?id=4236&p=12#p364540" class="sbla"><font color="#001946">гостевая</font></a>
<a href="http://brighton.mybb.ru/viewforum.php?id=3" class="sbla"><font color="#001946">акции</font></a>
<a href="http://brighton.mybb.ru/viewtopic.php?id=78" class="sbla"><font color="#001946">имена/фамилии</font></a>
<a href="http://brighton.mybb.ru/viewtopic.php?id=77" class="sbla"><font color="#001946">внешности</font></a>
<a href="http://brighton.mybb.ru/viewtopic.php?id=151#p295592" class="sbla"><font color="#001946">квесты</font></a>
<a href="http://brighton.mybb.ru/viewforum.php?id=36" class="sbla"><font color="#001946">блог</font></a>
<a href="http://brighton.mybb.ru/viewtopic.php?id=2700" class="sbla"><font color="#001946">кайлушина лавка</font></a>
<a href="http://brighton.mybb.ru/viewtopic.php?id=18" class="sbla"><font color="#001946">нужные персонажи</font></a>
<a href="http://brighton.mybb.ru/viewforum.php?id=4" class="sbla"><font color="#001946">шаблон анкеты</font></a>
</div></td>
<td align="justify" width="305px">
<b>30.09.14</b> Рады представить Вашему внимаю новый массовый флешбэк, а именно <b><font color = #120800>BRIGHTON NEWS - BAD NEWS!!!</font></b> Специально для журналистов: не упустить бросить свой камень в огород университетской газеты! Все подробности <a href="http://brighton.mybb.ru/viewtopic.php?id=4674"><b>ТУТ.</b></a> <br><br>
<b>20.09.14</b> <b><font color = #120800>ОБНОВЛЕНИЯ!</font></b> Администрация форума сообщить о ставшем уже неотъемлемой традицией нашего форума конкурсе <b><font color = #120800>THE BEST OF AUGUST & SEPTEMBER 2014</font></b>! Оставить свой голос можно по <a href="http://brighton.mybb.ru/viewtopic.php?id=4651#p396382"><b> ЭТОЙ ССЫЛКЕ</b></a>.<br><br>
<b>19.09.14</b> На форумном <b><font color = #120800>INSTAGRAM</font></b>(е) стартовал его первый <b><font color = #120800>CHALLENGE</font></b>!!!. Все подробности в соответствующей <a href="http://brighton.mybb.ru/viewtopic.php?id=4564"><b>ТЕМЕ</b></a>. <br><br>
Все незаконченные отыгрыши и истории, имевшие место во время предыдущего квеста, вы можете доиграть свободным флешбэком в <a href="http://brighton.mybb.ru/viewforum.php?id=73"><b>СООТВЕТСТВУЮЩЕМ ФОРУМЕ.</b></a>
</center>
</td></tr></table>
<!--конец закладки 1-->
</div>
<div id="sm2" class="submenutext"><br><br>
<br><br>
<!--начало закладки 2-->
<br><br>
<table>
<tr>
<td align="center" rowspan="3" colspan="2">
<font color = #6c4200>ИГРОКИ НЕДЕЛИ</font> <br>
<a href="http://brighton.mybb.ru/profile.php?id=681"><img src="https://forumstatic.ru/files/0010/e7/d0/56551.jpg"></a> <a href="http://brighton.mybb.ru/profile.php?id=681"><img src="https://forumstatic.ru/files/0010/e7/d0/56551.jpg"></a> <a href="http://brighton.mybb.ru/profile.php?id=681"><img src="https://forumstatic.ru/files/0010/e7/d0/56551.jpg"></a>
<br><br>
<font color = #6c4200>ФЛУДЕРЫ НЕДЕЛИ</font> <br>
<a href="http://brighton.mybb.ru/profile.php?id=681"><img src="https://forumstatic.ru/files/0010/e7/d0/56551.jpg"></a> <a href="http://brighton.mybb.ru/profile.php?id=681"><img src="https://forumstatic.ru/files/0010/e7/d0/56551.jpg"></a> <a href="http://brighton.mybb.ru/profile.php?id=681"><img src="https://forumstatic.ru/files/0010/e7/d0/56551.jpg"></a>
<br><br>
<font color = #6c4200>ПАРА НЕДЕЛИ</font> <br>
<a href="http://brighton.mybb.ru/profile.php?id=681"><img src="https://forumstatic.ru/files/0010/e7/d0/56551.jpg"></a> <a href="http://brighton.mybb.ru/profile.php?id=681"><img src="https://forumstatic.ru/files/0010/e7/d0/56551.jpg"></a>
</td>
<td width="225px" hight="80" align="center">
<a href="http://brighton.mybb.ru/profile.php?id=681"><img src="https://forumstatic.ru/files/0010/e7/d0/56551.jpg"></a>
</td>
<td align="justify">
<div style="height: 60px; width: 255px; overflow: auto">
<div class="calendarsimple" />
Администрация рада приветствовать Вас на территории нашего города-университета и искренне надеется, что пребывание здесь будет для Вас исключительно приятным и чрезвычайно комфортным! Верим, что в скором времени Вы присоединитесь к дружному коллективу и вольетесь в жизнь ролевой, в чем вам с удовольствием помогут и сами игроки, и мастерский состав. Если у Вас появились какие-то вопросы, Вы можете в любое время обратится к администрации и они приложат все, зависящие от них усилия, чтобы помочь Вам в решении той или иной проблемы</div></div>
</td>
</tr><tr>
<td width="225px">
<br><a href="http://brighton.mybb.ru/profile.php?id=681"><img src="https://forumstatic.ru/files/0010/e7/d0/56551.jpg"></a>
</td><td align="justify">
<br>
<div style="height: 60px; width: 255px; overflow: auto">
<div class="calendarsimple" />
Администрация рада приветствовать Вас на территории нашего города-университета и искренне надеется, что пребывание здесь будет для Вас исключительно приятным и чрезвычайно комфортным! Верим, что в скором времени Вы присоединитесь к дружному коллективу и вольетесь в жизнь ролевой, в чем вам с удовольствием помогут и сами игроки, и мастерский состав. Если у Вас появились какие-то вопросы, Вы можете в любое время обратится к администрации и они приложат все, зависящие от них усилия, чтобы помочь Вам в решении той или иной проблемы</div></div></td>
</tr><tr><td width="225px"> <a href="http://brighton.mybb.ru/profile.php?id=681"><img src="https://forumstatic.ru/files/0010/e7/d0/56551.jpg"></a>
</td><td align="justify">
<div style="height: 60px; width: 255px; overflow: auto">
<div class="calendarsimple" />
Администрация рада приветствовать Вас на территории нашего города-университета и искренне надеется, что пребывание здесь будет для Вас исключительно приятным и чрезвычайно комфортным! Верим, что в скором времени Вы присоединитесь к дружному коллективу и вольетесь в жизнь ролевой, в чем вам с удовольствием помогут и сами игроки, и мастерский состав. Если у Вас появились какие-то вопросы, Вы можете в любое время обратится к администрации и они приложат все, зависящие от них усилия, чтобы помочь Вам в решении той или иной проблемы</div></div></td></tr>
</table>
<!--конец закладки 2-->
</div>
</td>
</tr>
</tbody>
</table></center>
<script type="text/javascript">
$(document).ready(function() {
$("td.#MenuTxT div.submenutext").hide();
<!--$(".tabs span:first").addClass("active").show(); -->
$("td.#MenuTxT div.submenutext:first").show();
$("div.#menu span").click(function() {
$("div.#menu span").removeClass("tabactive");
$(this).addClass("tabactive");
$("td.#MenuTxT div.submenutext").hide();
var activeDiv = $(this).attr("alt");
$("div."+activeDiv).fadeIn();
return false; });
});
</script>
Вы здесь » Делай сам » Новый форум » iii
