Для идей

Объявление

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

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


Вы здесь » Для идей » Тестовый форум » Объявления


Объявления

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

1

по бокам сайта

Все в объявление

Код:
<style>
.sidebar {position: absolute;
      width: 200px;
      top: 50px;
      height: 400px;
      padding: 5px;
      padding-top: 10px;
      text-align: center;}

#Rightbar {margin-left: 30px;}
#Leftbar {margin-left: -252px;}

#Rightbar .container, #Leftbar .container {
color: #3d3225;
padding: 5px;
padding-top: 5px;
margin-bottom: 15px;
width: 170px;
border: 1px red solid;}

#Leftbar .container.a1, #Leftbar .container.a2, #Leftbar .container.a3, #Rightbar .container.a1, #Rightbar .container.a2, #Rightbar .container.a3 {
height: 250px;
overflow-y: auto;
background: transparent url(http://savepic.net/2297193.png) repeat;
border: 16px solid #321A02;}

.nav {margin: 0 -5px 0 0px;}
.nav a {display: block; color:#fff!important; background-color: #492F22; text-align: center; width:150px; padding: 2px; margin: 1px; text-decoration: none; border-left: 6px solid #fff;}
.nav a:hover {background-color: transparent; color: #492F22!important; border-left-color: #3E2419;}
</style>

<span style="float:left;">
<div id="Leftbar" class="sidebar">
<div class="container a1">

Приветствие для гостей!

</div>

<div class="container a2">

<img src="http://savepic.net/2252401.png"><br/><br/>

<img src="http://savepic.net/2295290.png">
<img src="http://savepic.net/2295290.png">
<img src="http://savepic.net/2295290.png">

<br/><br/><img src="http://savepic.net/2239089.png"><br/><br/>

<img src="http://savepic.net/2295290.png">
<img src="http://savepic.net/2295290.png">
<img src="http://savepic.net/2295290.png">

</div>

<div class="container a3">
<div class="nav" align="center">
<a href="ссылка">Тема 1</a>
<a href="ссылка">Тема 2</a>
<a href="ссылка">Тема 3</a>
<a href="ссылка">Тема 4</a>
<a href="ссылка">Тема 5</a>
<a href="ссылка">Тема 6</a>
<a href="ссылка">Тема 7</a>
<a href="ссылка">Тема 8</a>
<a href="ссылка">Тема 9</a>
<a href="ссылка">Тема 10</a>
</div>
</div>
</div>
</span>

<span style="float:right;">
<div id="Rightbar" class="sidebar">
<div class="container a1">

Погода

</div>
<div class="container a2">

Новости

</div>
<div class="container a3">

<img src="http://savepic.net/2230897.png"><br/><br/>

<a href=http://urchoice.ru/ target="_blank"><img src="http://s005.radikal.ru/i212/1001/b3/a2328b18a862.gif"></a>

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

0

2

*

Все в объявление

картинка

http://s019.radikal.ru/i637/1203/f2/d42f54584251.png

Код:
<style type="text/css">
#pun-announcement .container {padding-top: 3.5em; border: none;}
</style>

<style>	
#menu {
margin-top: 10px;}

#menu span {
width: 214px;
height: 42px;
display: block;
margin: 0;
padding: 0;}

#submenu {
padding: 0px;
width: 617px;}

.submenutext {
display: none;
text-align: center;
height: 271px;}
</style>

<center><table style="width: 841px; height: 271px; background: transparent url(http://s019.radikal.ru/i606/1203/80/11da07a0f116.jpg) center no-repeat;" border="0" cellpadding="0" cellspacing="0">
 <tbody>
  <tr>
   <td valign="top" align="center" style="width: 224px;">
    <div id="menu">
<span alt="#sm1" style="cursor: pointer;"><img src="http://s019.radikal.ru/i600/1203/6a/f59b566067ad.png"></span>
<span alt="#sm2" style="cursor: pointer;"><img src="http://i032.radikal.ru/1203/b2/ea967b538c03.png"></span>
<span alt="#sm3" style="cursor: pointer;"><img src="http://s019.radikal.ru/i619/1203/ad/70029cb0aa5c.png"></span>
<span alt="#sm4" style="cursor: pointer;"><img src="http://i067.radikal.ru/1203/7a/c310f46ed643.png"></span>
<span alt="#sm5" style="cursor: pointer;"><img src="http://s005.radikal.ru/i209/1203/4a/cf45bd43bd42.png"></span>
<span alt="#sm6" style="cursor: pointer;"><img src="http://s019.radikal.ru/i621/1203/27/b56c2d7d6f5b.png"></span>
    </div>
   </td>
   <td id="MenuTxT" align="center" valign="top">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;"><br/>

Контент первой кнопки

</div>
     <div id="sm2" class="submenutext"><br/>

Контент второй кнопки

</div>
     <div id="sm3" class="submenutext"><br/>

Контент третьей кнопки

</div>
     <div id="sm4" class="submenutext"><br/>

Контент четвертой кнопки

</div>
     <div id="sm5" class="submenutext"><br/>

Контент пятой кнопки

</div>
     <div id="sm6" class="submenutext"><br/>

Контент шестой кнопки

</div>
</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>

0

3

*

Вверх

Код:
<span style="float:left;">
<div id="Leftbar" class="sidebar">
<div class="container">

<h3>Заголовок 1</h3>

тут что-то 

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

<span style="float:right;">
  <div id="Rightbar" class="sidebar">
<div class="container">

<h3>Лучший игрок недели</h3>

<img style="width: 150px; height: 150px;" src="link"/>

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

В объявление

Код:
<style>
.my_tab_st h3 {
  font-size: 14px;
  font-family: 'Century Gothic';
  font-style: italic;
  margin: 5px 0 8px 0;
  color: #fff;}

.splLink {width: 170px; height: 14px; text-align: center; font-size: 14px; padding: 5px 0 8px 0; margin-bottom: 12px; font-family: 'Century Gothic'; font-style: italic; color: #fff;}
.splCont {height: auto; width: 200px; background: #74997F; padding: 5px; z-index: 1000; margin: 5px 0 0 -10px; border: 1px solid #000; text-align: center;
    border-radius:10px;
    -webkit-border-radius:10px;
    -khtml-border-radius:10px;
    -moz-border-radius:10px;
    -o-border-radius:10px;}
</style>

<table class="my_tab_st" style="width: 100%;" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 25%;" align="center" valign="top">
<div style="width: 100%; height: 200px; overflow-y: auto;">

<h3>Партнеры</h3>

<b>Может, ты?..</b>

<br/><br/>

<h3>Реклама</h3>
<b>Ник:</b> Странник
<br/>
<b>Пароль:</b> 12345
<br/>
Рекламим взаимно - невзаимная реклама проверяется и удаляется. В случае неполадок с чем-либо обращайтесь в Гостевую или к администраторам.

</div>
</td>
<td style="width: 50%;" align="center">
<div style="width: 100%; height: 200px; overflow-y: auto;">

<h3>Гостям</h3>

<b>Добро пожаловать на Сказания КВ!</b>
Наш форум еще совсем новый, неокрепший, но постепенно укореняющийся на незнакомой почве ролевых игр по Котам-Воителям и привлекающий все больше и больше участников. У нас еще действуют старые территории времен Огнезвезда (Скала собраний и т.п.), и все события, происходящие в сюжете, остались в памяти воителей книг многоуважаемой Э.Хантер лишь темными, непонятными легендами...

</div>
</td>
<td style="width: 25%;" align="center">

<table style="width: 100%;" cellpadding="0" cellspacing="0">
<tr>
<td align="center"><DIV><div class=splLink>Администрация</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

<b>Администраторы</b>
<br/>
<a href="http://legendsofwarriors.spybb.ru/profile.php?id=2">Главный администратор|Шатти</a>
<br/>
<a href="ссылка на профиль">Правая лапа|поиск</a>
<br/>
<a href="http://legendsofwarriors.spybb.ru/profile.php?id=5">Левая лапа|Лантан</a>

<br/><br/>

<b>Модераторы</b>
<br/>
<a href="http://legendsofwarriors.spybb.ru/profile.php?id=3">Следящий|Чернолап</a>
<br/>
<a href="http://legendsofwarriors.spybb.ru/profile.php?id=7">Пиарщик|Пылинка</a>
<br/>
<a href="ссылка на профиль">Квестоплет|поиск</a>
<br/>
<a href="ссылка на профиль">Фотошопер|поиск</a>

</DIV></DIV></td>
</tr><tr>
<td align="center"><DIV><div class=splLink>Новости форума</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

<div style="width: 98%; height: 160px; overflow-y: auto;">

<b>22.05.</b>
<br/>
Ура-ура-ура! Бросайте в воздух шапки, ибо нашему молодому, но перспективному форуму исполняется неделя! Несомненно, ему требуется маленький подарочек) А именно: форуму с 10 активными участниками можно заказать собственный дизайн на ПКВ. А почему бы и нет?..Как раз тебя не хватает))
<br/>
<b>21.05.</b>
<br/>
У нас опять новые участники - Коршуноглазка и Sarafina. Добро пожаловать) Порядком удивило то, что в статистике были зарегистрированы 33 гостя/пользователя одновременно. И это на нашем юном форуме...) Надеюсь, мы прорвемся. А вы ведь тоже на это надеетесь, и очень-очень хотите помочь нашему замурчательному дружелюбному проекту, и для этого обязательно зарегистрируетесь, не правда ли?..^^
<br/>
<b>19.05.</b>
<br/>
Приветствуем нашего нового участника и пиарщика - Пылинку) И еще одно чудесное известие: кричите "Ура!", ибо у нашего юного форума наконец-то  появилась таблица! Не ахти какая, конечно, но явно учше первоначального варианта, "стыренного" Шатей с ее старого форума. P.S. Мы доработали записи за прошедшие дни - надо же вести хоть какую-то хронику форума!..
<br/>
<b>18.05.</b>
<br/>
По-прежнему ждем пост от Крика. К нам присоединилась Светлогривка - и тоже в Речное племя, причем снова воительницей) Интересно, у КВшников началась антипатия в предводителям, целителям и глашатаям?..Если нет - мы ждем вас, вы нам очень нужны...
<br/>
<b>17.05.</b>
<br/>
Отлично, теперь с нами Лантан и Крик. Приятного времяпровождения на нашем гостеприимном форуме)) А Шатти тем временем почти закончила текстовую работу и принимается за рекламу форума...
<br/>
<b>16.05.</b>
<br/>
Появился первый участник) Добро пожаловать, Чернолап!
<br/>
<b>15.05.</b>
<br/>
Итак, наш форум наконец создан - после стольких подготовлений на тестовике, часов, проведенных перед компьютером. Жаль только, что дизайнер не сдержал свое обещание и теперь придется заказывать у кого-нибудь другого...Кстати, как вам описания подфорумов? Стоитли добавлять к ним еще текста или так сойдет? Отзывы просьба писать в Техническом разделе, то бишь в Механизме) ~Шатти

</div>
</DIV></DIV></td>
</tr><tr>
<td align="center"><DIV><div class=splLink>В игре</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>
<div style="width: 98%; height: 160px; overflow-y: auto;">

<b>Игровые дни:</b>
<br/>
<b>пн</b> - рассвет
<br/>
<b>вт</b> - утро
<br/>
<b>ср</b> - первая половина дня
<br/>
<b>чт</b> - полдень
<br/>
<b>пт</b> - вторая половина дня
<br/>
<b>сб</b> - закат, сумерки
<br/>
<b>вс</b> - ночь
<br/>
<b>Погода:</b> Довольно ясная, приятная погода. Часто сквозь полоски облаков проглядывает солнышко, легкий ветерок больше не холодит, а приносит приятное тепло. Все в искрящемся изумрудным светом листьев лесу сразу стали дружелюбнее, и даже самые черные души не слишком настроены на пакости) Точно так же чувствуют себя и животные, поэтому не пропустите очень благоприятное время для охоты.

</div>
</DIV></DIV></td>
</tr><tr>
<td align="center"><DIV><div class=splLink>Навигация</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>
<div style="width: 98%; height: 160px; overflow-y: auto;">

<a href="link">Тема 1</a>
<br/><br/>
<a href="link">Тема 2</a>
<br/><br/>
<a href="link">Тема 3</a>
<br/><br/>
<a href="link">Тема 4</a>
<br/><br/>
<a href="link">Тема 5</a>
<br/><br/>
<a href="link">Тема 6</a>
<br/><br/>
<a href="link">Тема 7</a>

</div>
</DIV></DIV></td>
</tr>
</table>

</td>
</tr>
</table>

<script type="text/javascript"> 
  $(document).ready(function(){
    $('.splLink').click(function(){
      $(this).parent().children('div.splCont').toggle('normal');
      return false;
    });
  });
</script>

0

4

свповпоао

0

5

[dice=5808-1936-5808-36]

0

6

...

0

7

:flag:

0


Вы здесь » Для идей » Тестовый форум » Объявления