* * *
Важная тема
Сообщений 1 страница 8 из 8
Поделиться22015-07-12 12:01:40
Я хотел написать тебе историю о магии. Я хотел, чтобы кролики появлялись из шляп. Я хотел, чтобы воздушные шары поднимали тебя в небо. А обернулось все грустью, войной, разбитым сердцем. Ты этого так и не увидела, но внутри меня сад.
Поделиться32015-07-12 13:56:41
* * *
проба.
Поделиться42015-07-12 14:07:06
/* C3 Topics
-------------------------------------------------------------*//* C3.1 */
.punbb .post .container {
border-style: none solid solid solid;
border-width: 1px;
margin-top: -1px;
padding-bottom: 1px;
}/* C3.2 */
.punbb .post h3 {
border-style: solid solid none solid;
border-width: 1px;
}/* C3.3 */
.punbb .post h3 span {
padding: 0.5em 1em;
display: block;
margin-left: 19em;
border-left-style: solid;
border-left-width: 1px
}/* C3.4 */
.punbb .post h3 strong {
float: right;
width: 5em;
text-align: right;
font-weight: normal;
}/* C3.5 */
.punbb .post .post-author {
float: left;
width: 19em;
margin-top: -1.5em;
overflow: hidden;
}/* C3.6 */
.punbb .post .post-author ul, .punbb .post .post-author p {
padding: 0 1em 1em 1em;
line-height: 140%;
}/* C3.7 */
.pa-author {
font-size: 1.1em;
font-weight: bold;
}/* C3.8 */
.pa-author a {
text-decoration: none
}/* C3.9 */
li.pa-title {
padding-bottom: 0.4em;
font-weight: bold;
}li.pa-online {
line-height: 0.8em;
border-left-style: solid;
border-left-width: 0.7em;
padding-left: 0.4em;
margin-top: 0.7em;
}/* C3.11 */
.punbb .post-body {
margin-left: 19em;
border-left-style: solid;
border-left-width: 1px;
padding: 0 0 1px 0;
}/* C3.12 */
.punbb .post-box {
padding: 1em;
}/*C3.13 */
.punbb fieldset .post-box {
margin-bottom: 0.8em
}/* C3.14 */
.punbb .post-links {
margin-left: 19em;
border-left-style: solid;
border-left-width: 1px;
}/* C3.15 */
.punbb .post-links ul {
padding: 0 1em 0 0;
height: 2em;
line-height: 2em;
margin-left: -19em;
border-top-style: dashed;
border-top-width: 1px;
background: transparent;
text-align: right;
}/* C3.16 */
.punbb .post-links li {
display: inline;
padding-left: 1em;
}/* C3.17 */
.pl-email, .pl-website {
float: left;
}/* C3.18 */
.punbb .clearer {
clear: both;
height: 0;
font-size: 0;
}
Поделиться52015-07-12 14:41:42
-moz-background-clip: padding-box;
border-width: 10px;
-moz-border-image: url(http://forumstatic.ru/files/0015/fd/a8/15424.jpg) 10 repeat; /* Firefox 4 */
-webkit-border-image: url(http://forumstatic.ru/files/0015/fd/a8/15424.jpg) 10 repeat; /* Safari 5 и Chrome */
-o-border-image: url(http://forumstatic.ru/files/0015/fd/a8/15424.jpg) 10 repeat; /* Opera 10.5 */
Поделиться62015-07-12 16:39:06
background-color: #998160;
margin: 0.4em 1.8em 1.4em 1.8em;
padding: 1em;
border-radius: 30px;
border-top: 5px outset #1f191b;
border-bottom: 5px outset #1f191b;
Поделиться72015-07-12 22:21:34
<table layout=fixed width=100%>
<tr>
<td width="33%" height="180px">
<div style="height: 100%;" align="center"><table cellspacing="0">
<img alt="" height="18" src="http://firepic.org/images/2014-04/15/bya6kpit82ln.png" align="center">
<br>
<br>
<tr>
<td> <a class="menu" href="http://perekrestok.rusff.me/viewtopic.php?id=7#p7" style="color: #000000"><b>Правила</b></a></td> </tr>
<tr>
<td> <a class="menu" href="http://perekrestok.rusff.me/viewtopic.php?id=3#p3" style="color: #000000"><b>Вопросы к администрации</b></a></td> </tr>
<tr>
<td> <a class="menu" href="http://perekrestok.rusff.me/viewtopic.php?id=2#p2" style="color: #000000"><b>Гид по форуму</b></a></td> </tr>
<tr>
<td> <a class="menu" href="http://perekrestok.rusff.me/viewtopic.php?id=4#p4" style="color: #000000"><b>Поиск партнера для игры</b></a></td> </tr>
<tr>
<td> <a class="menu" href="http://perekrestok.rusff.me/viewtopic.php?id=5#p5" style="color: #000000"><b>Оформление заявки на отыгрыш</b></a></td>
</tr>
<td> <a class="menu" href="http://perekrestok.rusff.me/viewtopic.php?id=12#p12" style="color: #000000"><b>Шаблон оформления отыгрыша</b></a></td>
</tr>
<td> <a class="menu" href="http://perekrestok.rusff.me/viewtopic.php?id=21#p33" style="color: #000000"><b>Список игр</b></a></td>
</tr>
</table></div>
</td>
<td><img alt="" height="18" src="http://firepic.org/images/2014-04/15/xf3bptkbhfsg.png"align="center">
<br>
<br>
<div style="overflow: scroll; overflow-x: hidden; width="34%"; height: 180px;" align="center">
<br>
Тут текст.
</div></td>
<td width="33%" height="180px" align="center">
<div style="height: 100%;">
<img alt="" height="18" src="http://firepic.org/images/2014-04/15/13p76pewc27w.png" width="239" align="center">
<br>
И тут тоже.
</div>
</td>
</tr>
</table>
Поделиться82015-07-12 22:54:29
<style>
#menu span {
padding: 7px 15px 7px;
margin-right: 5px;
margin: 10px 0;
width: 100px;
text-decoration: none;
}
#menu .tabactive {
color: #2662DF;
background:#F9F1DD;
}
#submenu {
padding: 5px;
height: 200px;
text-align: left;
font-size: 12px;
width: 720px;
}
.submenutext {
text-align: center;
background:#F9F1DD;
position:absolute;
width:100%;
max-width: 720px;
display: none;
height: 260px!important;
}
</style>
<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").css({"z-index":"-1;"})
var activeDiv = $(this).attr("alt");
$("div."+activeDiv).css({"z-index":"1"})
$("td.#MenuTxT div.submenutext").hide(1200);
$("div."+activeDiv).show(2200);
return false; });
});
</script>
<center><table style="width: 615px;">
<tbody>
<tr>
<td align="center">
<div id="menu"> <b>
<span alt=#sm1 "style="cursor: pointer;">Кнопка 1</span>
<span alt=#sm2 "style="cursor: pointer;">Кнопка 2</span>
<span alt=#sm3 "style="cursor: pointer;">Кнопка 3</span>
<span alt=#sm4 "style="cursor: pointer;">Кнопка 4</span>
<span alt=#sm5 "style="cursor: pointer;">Кнопка 5</span>
</b>
</div>
</td>
</tr>
<tr align="left">
<td id="MenuTxT" valign="top" style="height: 260px;">
<div id="submenu" width="100%">
<div id="sm1" class="submenutext" style="display:block;">
<br/><br/>
Контент 1-й кнопки
</div>
<div id="sm2" class="submenutext"><br /><br />
Контент 2-й кнопки
</div>
<div id="sm3" class="submenutext"><br /><br />
Контент 3-й кнопки
</div>
<div id="sm4" class="submenutext"><br /><br />
Контент 4-й кнопки
</div>
<div id="sm5" class="submenutext"><br /><br />
Контент 5-й кнопки
</div>
</div>
</td>
</tr>
</tbody>
</table></center>