Форум поддержки пользователей ZeroParking

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

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



Заказ таблиц №9

Сообщений 241 страница 270 из 660

241

Ulian,

В html-верх:

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

#menu {margin: 0px;}

#menu span {
padding: 2px 15px 2px 15px;
margin: 0px 35px;
width: 100px;
font-size: 18px;
text-decoration: underline;}

#menu .tabactive {
color: #fff;}

#submenu {padding: 0px;}

.submenutext {
display: none;
text-align: center;
height: 400px;}

#mytblstl h3 {font-size: 14px; font-weight: bold;}

.mybrd {
border: 1px solid;
    border-radius:10px;
    -webkit-border-radius:10px;
    -khtml-border-radius:10px;
    -moz-border-radius:10px;
    -o-border-radius:10px;
padding: 5px;}

.nav {width: 150px;}
.nav a{display: block; background-color: #8B4513; text-align: center; width:150px; padding: 2px 0 2px 0; margin-top: 1px;}
.nav a:hover{background-color: transparent;}
</style>

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

Код:
<center><table id="mytblstl" style="width: 100%; font-family: 'Franklin Gothic Medium';" border="0" cellpadding="0" cellspacing="0">
 <tbody>
  <tr height="30">
   <td align="center">
    <div id="menu">
<span alt="#sm1" style="cursor: pointer;">Основное</span>
<span alt="#sm2" style="cursor: pointer;">По игре</span>
<span alt="#sm3" style="cursor: pointer;">Реклама и партнёры</span>
    </div>
   </td>
  </tr>
  <tr>
   <td id="MenuTxT" align="center" valign="top">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;">
<table style="width: 100%; height: 100%;">
<tr>
<td style="width: 40%;" align="center" valign="top">

<h3>Администраторы:</h3>

<a href="ссылка на профиль"><img style="width: 90px; height: 90px;" src="пикча" title="ник"></a>
<a href="ссылка на профиль"><img style="width: 90px; height: 90px;" src="пикча" title="ник"></a>
<a href="ссылка на профиль"><img style="width: 90px; height: 90px;" src="пикча" title="ник"></a>

<br/>
<h3>Модераторы:</h3>

<a href="ссылка на профиль"><img style="width: 70px; height: 70px;" src="пикча" title="ник"></a>
<a href="ссылка на профиль"><img style="width: 70px; height: 70px;" src="пикча" title="ник"></a>
<a href="ссылка на профиль"><img style="width: 70px; height: 70px;" src="пикча" title="ник"></a>

<br/>
<h3>Полезные ссылки:</h3>

<div class="nav">
<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>
</div>

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

<h3>Новости форума:</h3>
<div class="mybrd">
<div style="width: 100%; height: 350px; overflow-y: auto;">

Текст текст текст текст

</div>
</div>

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

     <div id="sm2" class="submenutext">
<table style="width: 100%; height: 100%;">
<tr>
<td style="width: 60%;" align="center">

<h3>Погода и время в игре:</h3>
<div class="mybrd">
<div style="width: 100%; height: 350px; overflow-y: auto;">

Текст текст текст текст

</div>
</div>

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

<h3>События в игре:</h3>
<div class="mybrd">
<div style="width: 100%; height: 350px; overflow-y: auto;">

Текст текст текст текст

</div>
</div>

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

</div>

     <div id="sm3" class="submenutext">
<div style="width: 100%; height: 400px; overflow-y: auto;">

Текст текст текст текст

</div>
</div>
   </td>
</tr>
 </tbody>
</table></center>

0

242

Leonheart
Огрооомное Вам спасибо)))

0

243

y.d.,

в объявление наверное:

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

<table style="width: 100%;" cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="width: 50%; border-right: 1px solid;" align="center" valign="top">
<div style="width: 100%; height: 200px; overflow-y: auto; border-bottom: 1px solid;">

текст 1 текст 1 текст 1 текст 1

</div>
<div style="width: 100%; height: 50px;">

текст 2

</div>
</td>
<td style="width: 50%;" align="center" valign="top">
<div style="width: 100%; height: 50px;">

текст 3

</div>
<div style="width: 100%; height: 149px; overflow-y: auto; border-top: 1px solid; border-bottom: 1px solid;">

текст 1 текст 1 текст 1 текст 1

</div>
<marquee style="width: 99%; height: 51px;">

бегущая строка

</marquee>

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

+1

244

Joanna Harvelle, если еще актуально - в объявление (в принципе - резиновая таблица):

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

.mytbl h3 {font-size: 16px; font-family: 'monotype corsiva'; font-weight: bold;}
</style>
<table class="mytbl" style="width: 100%; color: #000;" cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="width: 30%;" align="center" valign="top">

<div style="width: 100%;">
<h3>Игрок недели</h3>

тут что-то
</div>
<div style="width: 100%;">
<h3>Полезно почитать</h3>

тут что-то
</div>
<div style="width: 100%;">
<h3>Объявления</h3>

тут что-то
</div>
<div style="width: 100%;">
<h3>Дорогой гость!</h3>

тут что-то
</div>

</td>
<td style="width: 40%;" align="center" valign="top">

<div style="width: 100%;">
<h3>АМС</h3>

тут что-то
</div>
<marquee style="width: 99%; height: 20px;">

бегущая строка

</marquee>
<br/>

<img src="пикча">

<br/>
<marquee style="width: 99%; height: 31px;">

бегущая строка баннеров

</marquee>
<div style="width: 100%;">
<h3>Новости</h3>

тут что-то
</div>

</td>
<td style="width: 30%;" align="center" valign="top">

<div style="width: 100%;">
<h3>Пост недели</h3>

тут что-то
</div>
<div style="width: 100%;">
<h3>Время года</h3>

тут что-то
</div>
<div style="width: 100%;">
<h3>Погода</h3>

тут что-то
</div>
<div style="width: 100%;">
<h3>Уважаемые рекламщики!</h3>

тут что-то
</div>

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

+1

245

Ри-ри, а картиночки по левому боку какой размер имеют?

0

246

Pivz, актуально?

0

247

Monday, тоже спрошу - актуально?

0

248

Exe,

на эскизе - "горизонтальная полоса прокрутки" - ручная?

0

249

Happy End,

1) если важные ссылки это ссылки и "квест №" тоже ссылки, то картинки 200х100 являются ссылками на профиль игроков?
2) Граница вокруг принципиальна?

0

250

Heavenly Lotus,

1) принцип работы всплывающих окон?
2) "фото" - размеры?
3) выпадающее меню с кнопкой "ОК", чо-то у мну нет скрипта такого - может  форум с примером такого меню приведете?  :question:

0

251

Доуни,

администраторы/модераторы - картинками или ссылками? Если картинками - какие размеры у них?

0

252

укуси меня;,
не хочешь отвечать в асе, буду тут пытать

1) действующие квесты с ссылками - это название квеста, рядом ссылка, или "с" тут лишняя?
2) что есть "полезные ссылки с навигацией" - не понимаю?

0

253

Vergessene, ааа, стрелачки  :canthearyou:

) у Новостей и Навигации одна прокрутка на двоих или отдельные?

0

254

Leonheart написал(а):

ааа, стрелачки   :canthearyou:
) у Новостей и Навигации одна прокрутка на двоих или отдельные?

:D  прокрутка отдельная  :rolleyes:

0

255

:rain:

0

256

Vergessene,

:glasses:  ню попробуйте на такую обновить объявление:

Код:
<table style="width: 100%;" border="0">
<tr>
<td style="width: 33%;" align="center" valign="top" rowspan="2">

<img src="http://upyourpic.org/images/201204/a7t7py4gaa.png">
<br/>
<div style="width: 98%; height: 180px; overflow-y: auto;">

<i>Администрация проекта рада приветствовать Вас! Игра ещё не началась, но на форуме открыта регистрация, так же представлено множество акций. Дорогие гости не сидите на месте и присоединяйтесь, обещаем активную игру, развитие проекта и теплые объятия. С уважением Администрация.</i>

</div>

</td>
<td align="center" colspan="2">

<img src="http://upyourpic.org/images/201204/3bae7c6hvf.png">

</td>
</tr>
<tr>
<td style="width: 33%;" align="center" valign="top">

<a href="ссыль"><img src="http://upyourpic.org/images/201204/x1h39g7fd3.png"></a>
<a href="ссыль"><img src="http://upyourpic.org/images/201204/x1h39g7fd3.png"></a>
<br/>
<a href="ссыль"><img src="http://upyourpic.org/images/201204/x1h39g7fd3.png"></a>
<a href="ссыль"><img src="http://upyourpic.org/images/201204/x1h39g7fd3.png"></a>

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

<a href="ссылка"><img src="http://uploads.ru/t/R/7/Q/R7QLE.png"></a>
<a href="ссылка"><img src="http://uploads.ru/t/2/R/U/2RUNJ.png"></a>
<br/>
<a href="ссылка"><img src="http://uploads.ru/t/O/C/T/OCTop.png"></a>
<a href="ссылка"><img src="http://uploads.ru/t/O/C/T/OCTop.png"></a>

</td>
</tr>
<tr>
<td style="height: 250px;" align="center" valign="top">

<img src="http://upyourpic.org/images/201204/85ws3diwki.png">
<br/>
<div style="width: 98%; height: 140px; overflow-y: auto;">

<a href="http://logosmystery.rolka.su/viewtopic.php?id=3#p3">Гостевая книга</a>
<br/>
<a href="http://logosmystery.rolka.su/viewtopic.php?id=4#p4">Правила</a>
<br/>
<a href="ссылка">Сюжет</a>
<br/>
<a href="ссылка">Занятые внешности</a>
<br/>
<a href="ссылка">Организация</a>
<br/>
<a href="ссылка">Реклама</a>
<br/><br/><br/>
<b>АКЦИИ</b>
<br/>
<a href="ссылка">название</a>

</div>
</td>
<td align="center" valign="top">

<img src="http://upyourpic.org/images/201204/wqnh4ld88y.png">
<br/>
<div style="width: 98%; height: 140px; overflow-y: auto;">
<b><u>ДАТА И ПОГОДА</u></b>
<br/>
<img src=http://i005.radikal.ru/1105/5c/ca0fcaa64d1c.png>
Сейчас на улице -18°С, но солнце всё же немного греет. Ночью ожидается мороз. В ближайшие дни синоптики обещают потепление.
<br/>
<b><u>ОСНОВНЫЕ СОБЫТИЯ</u></b>
<br/><br/>
<i>1.05. Ролевая игра только только основалась. Идет написание квестов и заполнение форума. Хочется сказать, что для гостей открыт гостевой раздел. Там Вы сможете придержать роль и задать интересующий Вас вопрос.</i>
</div>

</td>
<td align="center" valign="top">

<img src="http://upyourpic.org/images/201204/92za6xc35y.png">
<br/>
<marquee scrollAmount="3" style="width: 240px; height: 31px;" onMouseOver="this.scrollAmount=0" onMouseOut="this.scrollAmount=3"> 

Здесь баннеры

</marquee>

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

+1

257

А вот и снова я :)
Сразу говорю: закруглённые края - не принципиальны. Просто у меня уже привычка такая, а отвыкнуть не могу >.<
1. Ссылка на форум
http://reborn34.rolka.su/
2. Эскиз таблицы
1. http://uploads.ru/t/D/A/j/DAjgO.jpg
2.http://uploads.ru/t/x/N/K/xNKnR.png
3.http://uploads.ru/t/G/0/4/G04Ok.jpg
4.http://uploads.ru/t/V/0/u/V0u9L.jpg
3. Скрипты и всевозможные декорации. Чат, плеер, часы, календари, прокрутка, бегущая строка и пр.
Сами вставим :)
4. Форматирование текста
-
5. Картинки для вставки.
Картинка 1 http://uploads.ru/t/H/e/8/He8yM.png
Картинка 2 http://uploads.ru/t/7/T/t/7Ttz0.png
Картинка 3 http://uploads.ru/t/I/Y/x/IYxv6.png
Картинка 4 http://uploads.ru/t/m/D/H/mDHdR.png

Во втором эскизе в квадратики вставить в именно таком порядке

Код:
<img style="height: 100px; width: 100px;" src="http://uploads.ru/i/F/S/s/FSspi.jpg">
<img style="height: 100px; width: 100px;" src="http://uploads.ru/i/x/P/8/xP8IN.jpg">
<img style="height: 100px; width: 100px;" src="http://uploads.ru/i/8/c/M/8cMUX.png">
<img style="height: 100px; width: 100px;" src="http://uploads.ru/i/V/L/k/VLklu.jpg">

Отредактировано Miura Haru (2012-05-04 21:00:03)

0

258

Leonheart
Спасибо большущее) Очень красиво, прямо как задумывала))) Мне бы так научиться   :rolleyes:  +

0

259

Leonheart написал(а):

1) если важные ссылки это ссылки и "квест №" тоже ссылки

ссылки и квест - это тоже идет ссылками, а сама очередность будет выделяться жирным текстом

Leonheart написал(а):

то картинки 200х100 являются ссылками на профиль игроков?

Ааа, я лоханулась (простите пожалуйста) за место 200х100 (в активисты недели) в два ряда будут стоять фото персонажей в размер 50х50 ссылками на профиль, а в посте неделе просто картинка, а внизу имя и текст в одно-два слово.

Leonheart написал(а):

2) Граница вокруг принципиальна?

без границ

И еще:

Happy End написал(а):

5. Картинки для вставки.
под команду форума

Код:
<a href="http://newyorkcity123.rolka.su/profile.php?id=2"
 target="_blank"><img
 src="http://uploads.ru/i/g/s/b/gsbIC.jpg"
 alt="Admin" border="0"></a><a
 href="http://newyorkcity123.rolka.su/profile.php?id=5"
 target="_blank"><img
 src="http://funkyimg.com/u2/1632/387/552145blair.png" alt="Blair Waldorf"
 border="0"></a><a
 href="http://newyorkcity123.rolka.su/profile.php?id=7"
 target="_blank"><img
 src="http://funkyimg.com/u2/1632/388/426379CHUK.png" alt="Chuck Bass"
 border="0"></a>

И модеры просто через пробел:

Код:
<a
 href="http://newyorkcity123.rolka.su/profile.php?id=20">Rina
Tasssova</a>, <a
 href="http://newyorkcity123.rolka.su/profile.php?id=70">Milana Cortez</a>, <a
 href="http://newyorkcity123.rolka.su/profile.php?section=essentials&id=64">Vanessa Abrams</a>

Отредактировано Happy End (2012-05-05 13:08:33)

0

260

Leonheart
200*200

0

261

Leonheart
да-да)

0

262

Ри-ри, что-то мне подсказывает, что 200х200, это раза в 2 больше экрана монитора  :D поэтому 60х60

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

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

.mytblst h3 {font-size: 16px; font-weight: bold; font-family: 'Book Antiqua'; font-style: italic;}
</style>

<table class="mytblst" style="width: 100%;" cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="width: 20%;" align="center" rowspan="3">

<h3>Гл. Админ</h3>
<br/>
<a href="ссылка на профиль"><img style="width: 60px; height: 60px;" src="ссылка на пикчу"></a>
<br/><br/>
<h3>Админ</h3>
<br/>
<a href="ссылка на профиль"><img style="width: 60px; height: 60px;" src="ссылка на пикчу"></a>
<br/><br/>
<h3>Модератор</h3>
<br/>
<a href="ссылка на профиль"><img style="width: 60px; height: 60px;" src="ссылка на пикчу"></a>
<br/><br/>
<h3>Модератор</h3>
<br/>
<a href="ссылка на профиль"><img style="width: 60px; height: 60px;" src="ссылка на пикчу"></a>

</td>
<td style="width: 80%;">

<style>
#menu {margin: 0px;}

#menu span {
padding: 5px 0 5px 0;
margin: 0px;
width: 80%;
display: block;}

#menu .tabactive {
color: #fff;}

#submenu {padding: 5px;}

.submenutext {
display: none;
text-align: center;
height: 200px;
width: 98%;
overflow-y: auto;
direction: rtl;}

#menu span, #submenu {
border: 1px solid #000;
border-radius:10px;
    -webkit-border-radius:10px;
    -khtml-border-radius:10px;
    -moz-border-radius:10px;
    -o-border-radius:10px;}
</style>

<center><table style="width: 100%;" border="0" cellpadding="0" cellspacing="0">
 <tbody>
  <tr height="40">
   <td align="center">
    <div id="menu">
<table style="width: 100%;">
<tr>
<td style="width: 33%;" align="center">
<span alt="#sm1" style="cursor: pointer;">Погода</span>
</td>
<td style="width: 33%;" align="center">
<span alt="#sm2" style="cursor: pointer;">Новичкам</span>
</td>
<td style="width: 33%;" align="center">
<span alt="#sm3" style="cursor: pointer;">Партнеры</span>
</td>
</tr>
</table>
    </div>
   </td>
  </tr>
  <tr>
   <td id="MenuTxT" align="center" valign="top">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;">

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

</div>

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

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

</div>

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

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

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

</td>
</tr>
<tr>
<td style="font-size: 9px; color: #8C7B63;" align="left">

Сделано специально для http://magicforyou.rolka.su/

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

текст текст текст текст

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

0

263

Pivz,
ай не хорошо чужие коды брать  :D

1. Обновляем html-верх:

Код:
<!--cc-->
<style type="text/css">
.punbb A:link, .punbb A:visited {text-shadow: #ff7e00 2px 2px 4px }
.punbb A:hover 
</style>
<script type="text/javascript">
  LinkEndColor = 'ffffff';
</script>
<script type="text/javascript" src="http://szenprogs.ru/scripts/JSFX.js"></script>



<meta name='yandex-verification' content='77db1fce1df0ec10' />
<style type="text/css">
    .post-author ul li.pa-avatar img{opacity:0.4; filter:alpha(opacity=40);}
    .post-author ul li.pa-avatar img:hover {opacity:1; filter:alpha(opacity=100);}
    </style>

<div style="position:relative">  
  <a href="javascript://" title="Поднять страницу" style="position: fixed; bottom: 0px; right: 4px; display: block; " id="toTop"> 
  <img src="http://uploads.ru/i/c/Q/G/cQGv0.png" border="0" title=""></a>  
  </div> 
  <script src="http://programm-new.ucoz.ru/js/scrol.js" type="text/javascript"></script> 
  <div style="position:relative">  

  <div id="scrolling-img" style="position: fixed; top: 48%; left: 45%; z-index: 9999; ">  
   
  </div>  
  </div>

<style type="text/css">
#pun-announcement .container {padding-top: 0em}

.mytabula h3 {font-weight: bold; font-size: 16px; margin: 12px 0 8px 0;}

#menu {margin: 7px 0 0 80px;}

#menu span {
padding: 0px;
margin: 0px 3px;
width: 100px;}

#menu .tabactive {color: #ff0000;}

#submenu {
padding: 0px;
margin-left: 14px; 
margin-top: 71px;}

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

2. Обновляем html-низ:

Код:
<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>

<a target="_blank" href="http://qant.spybb.ru/"><img src="http://uploads.ru/i/G/W/a/GWaM2.gif" ></a>


<script>
var ImgStat = new Array(
/* Название  | Cсылка на картинку */
'Администратор','http://uploads.ru/i/g/D/S/gDSlQ.png',
'Модератор','http://uploads.ru/i/9/C/A/9CAjU.png',
'Участник','http://uploads.ru/i/e/b/1/eb1KE.png',
'Реклама','http://uploads.ru/i/0/D/P/0DPVA.png',
'Мастер','http://uploads.ru/i/v/O/C/vOCBI.png',
'Гость','http://uploads.ru/i/g/Q/x/gQxXy.png',
'Новичок','http://uploads.ru/i/m/x/Z/mxZAC.png' //Последний элемент без запятой
)
$(".post .post-author").each(function () {for(i=0; i<ImgStat.length; i+=2){
$(this).find("li.pa-title:contains('"+ImgStat[i]+"')").each(function () {
$(this).html('<img src="'+ImgStat[i+1]+'" alt="'+ImgStat[i]+'">');});};});
</script>

<script type="text/javascript">
    var DefAvtr="http://uploads.ru/i/L/j/a/Ljagh.png";

    var s='<li class="pa-avatar item2"><img class="defavtr" src="'+DefAvtr+'" alt="Аватар"/></li>';$("li.pa-title").each(function(){if (($(this).parent("ul").find("li.pa-avatar").html())==null){$(this).after(s);};});
    </script>


<script type="text/javascript">
var we=document.getElementsByTagName("ul")
var x=0
for (x=0; x<=(we.length-1); x++)
{if (we[x].innerHTML.indexOf("pa-online")!=-1)
{we[x].innerHTML=we[x].innerHTML.substring(0, (we[x].innerHTML.indexOf("pa-online")-11))+"<img src='http://uploads.ru/i/Z/D/H/ZDHmj.png' />"}
else if ((we[x].innerHTML.indexOf("pa-online")==-1)&&(we[x].innerHTML.indexOf("pa-author")!=-1))
{we[x].innerHTML=we[x].innerHTML+"<img src='http://uploads.ru/i/b/N/r/bNrE7.png' />"}
}
</script>


<script> var tTim=20;function ContentTopicAlert(){if($("#main-reply").val()==""){tTim=2;TimeUwedomlenie=setTimeout("ContentTopicAlert()",tTim*1000)}else { alert("Внимание!!! \n Время Вашей сессии скорее всего закончилось: \n\n Cкопируйте на всякий случай данные из поля ответа,\nСделайте перезагрузку страницы, и вставьте Ваш контент в поле ответа по правой кнопке мыши!");}};if($("#main-reply").html()!=null ){
TimeUwedomlenie=setTimeout("ContentTopicAlert()",tTim*60*1000);}</script>



<script type="text/javascript">
function select_text(elem) {
	if(window.getSelection) {   
var s=window.getSelection();   
if(s.setBaseAndExtent){   
	s.setBaseAndExtent(elem,0,elem,elem.innerText.length-1);   
}
else {   
	var r=document.createRange();   
	r.selectNodeContents(elem);   
	s.removeAllRanges();   
	s.addRange(r);
}   
	}
	else if(document.getSelection){   
var s=document.getSelection();   
var r=document.createRange();   
r.selectNodeContents(elem);   
s.removeAllRanges();   
s.addRange(r);   
	}
	else if(document.selection){   
var r=document.body.createTextRange();   
r.moveToElementText(elem);   
r.select();
	}   
}
</script>
<script type="text/javascript">
var div = document.getElementById('pun-main').getElementsByTagName('div');
for(x in div){
	if(div[x].className=='code-box'){
div[x].getElementsByTagName('strong')[0].innerHTML = '<a href="#" onclick="select_text(this.parentNode.parentNode.childNodes[1].getElementsByTagName(\'pre\')[0]); return false;">Выделить код</a>';
	}
}
</script>

<script type="text/javascript">
    PiarNik="PR";
    PiarPas="1111";

    var L="<div id=\"PR_loginDiv\" style=\"display:none;\">\
    <form id=\"form_login\" name=\"login\" method=\"post\" action=\"login.php?action=in\" onsubmit=\"return check_form()\">\
    <fieldset>\
    <input type=\"hidden\" name=\"form_sent\" value=\"1\"/>\
    <input type=\"text\" id=\"fld1\" name=\"req_username\" size=\"21\" maxlength=\"25\"/>\
    <input type=\"text\" id=\"fld2\" name=\"req_password\" size=\"7\" maxlength=\"16\"/>\
    <input type=\"submit\" class=\"button\" name=\"login\"/>\
    </fieldset>\
    </form>\
    </div>\
    <li id=\"navpiar\"><span id=spMyimg><a onclick=\"PiarIn()\">Пиар-Вход</a></span></li>";
    if($("#navlogin").html()!=null){

    $("#navlogin").after(L) //navlogin
    $("#PR_loginDiv #fld1").val(PiarNik)
    $("#PR_loginDiv #fld2").val(PiarPas)
    function PiarIn () {$("#PR_loginDiv input[type='submit']").click();}
    }
    </script>

3. В объявление:

Код:
<center><table class="mytabula" style="width: 640px; height: 473px; background: url(http://uploads.ru/i/Z/G/w/ZGwDE.png) center top no-repeat; color: #dadada; font-family: 'Century Gothic';" cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="width: 260px; height: 383px;" align="left" valign="top">

<div style="width: 192px; height: 125px; margin-left: 68px; margin-top: 73px; text-align: center;">

<h3>Администрация</h3>

<a href="http://qant.spybb.ru/profile.php?id=2"><img style="width: 80px; height: 80px;" src="https://forumavatars.ru/img/avatars/000d/00/7b/2-1336244102.png"></a>

</div>
<div style="width: 182px; height: 180px; margin-left: 74px; margin-top: 2px; text-align: center; overflow-y: auto;">

тут что-то (авто-появление бегунка прокрутки)

</div>

</td>
<td id="MenuTxT" style="width: 380px; height: 383px;" align="left" valign="top">
<div id="submenu">
<div id="sm1" class="submenutext" style="display:block;">

Главная

<br/>
<div style="width: 99%; height: 280px; overflow-y: auto; margin-top: 13px;">

текст текст текст текст

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

Партнеры

<br/>
<div style="width: 99%; height: 280px; overflow-y: auto; margin-top: 13px;">

текст текст текст текст

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

Легенда

<br/>
<div style="width: 99%; height: 280px; overflow-y: auto; margin-top: 13px;">

текст текст текст текст

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

Сигнал

<br/>
<div style="width: 99%; height: 280px; overflow-y: auto; margin-top: 13px;">

текст текст текст текст

</div>
</div>
</td>
</tr>
<tr>
<td style="width: 640px; height: 90px;" align="left" valign="top" colspan="2">

<div id="menu">
<span alt="#sm1" style="cursor: pointer;">Главная</span> |
<span alt="#sm2" style="cursor: pointer;">Партнеры</span> |
<span alt="#sm3" style="cursor: pointer;">Легенда</span> |
<span alt="#sm4" style="cursor: pointer;">Сигнал</span>
</div>

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

0

264

Happy End,

такую попробуйте в объявление:

Код:
<style>
.mytblstyle h3 {font-weight: bold; font-size: 16px; font-family: 'times new roman'; margin: 5px 0 5px 0;}
</style>

<table class="mytblstyle" style="width: 100%;" cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="width: 40%;" align="center" valign="top" rowspan="3">

<h3>Команда форума:</h3>

<a href="http://newyorkcity123.rolka.su/profile.php?id=2" target="_blank"><img src="http://uploads.ru/i/g/s/b/gsbIC.jpg" alt="Admin" border="0"></a>
<a href="http://newyorkcity123.rolka.su/profile.php?id=5" target="_blank"><img src="http://funkyimg.com/u2/1632/387/552145blair.png" alt="Blair Waldorf" border="0"></a>
<a href="http://newyorkcity123.rolka.su/profile.php?id=7" target="_blank"><img src="http://funkyimg.com/u2/1632/388/426379CHUK.png" alt="Chuck Bass" border="0"></a>

<br/><br/><b>Модераторы:</b><br/>

<a href="http://newyorkcity123.rolka.su/profile.php?id=20">Rina Tasssova</a>, 
<a href="http://newyorkcity123.rolka.su/profile.php?id=70">Milana Cortez</a>, 
<a href="http://newyorkcity123.rolka.su/profile.php?section=essentials&id=64">Vanessa Abrams</a>

<h3>Важные ссылки:</h3>

<a href="ссылка на тему">Ссылка 1</a> |
<a href="ссылка на тему">Ссылка 2</a> |
<a href="ссылка на тему">Ссылка 3</a> |
<a href="ссылка на тему">Ссылка 4</a> |
<br/>
<a href="ссылка на тему">Ссылка 5</a> |
<a href="ссылка на тему">Ссылка 6</a> |
<a href="ссылка на тему">Ссылка 7</a> |
<a href="ссылка на тему">Ссылка 8</a> |

<h3>Очередность постов:</h3>

<a href="http://newyorkcity123.rolka.su/viewtopic.php?id=103">Бар</a> - <b>Vanessa Abrams</b>
<br/>
<a href="http://newyorkcity123.rolka.su/viewtopic.php?id=102#p1232">VIP зал</a> - <b>Jenny Humphrey</b>
<br/>
<a href="http://newyorkcity123.rolka.su/viewtopic.php?id=108#p1320">Vip - Комната</a> - <b>Georgina Sparks</b>

<h3>Live Your Life and RPG TOP:</h3>

<a href="http://top.roleplay.ru/16480" title="Рейтинг Ролевых Ресурсов - RPG TOP" target="top_"><img src="http://img.rpgtop.su/top90x60x2.gif" alt="Рейтинг Ролевых Ресурсов - RPG TOP" border="0" width="90" height="60"></a>
<br/>
<a href="http://urchoice.ru/" target="_blank"><img src="http://s005.radikal.ru/i212/1001/b3/a2328b18a862.gif"></a>
<a href="http://forum-top.ru/vote/472" title="Поддержать форум на Forum-top.ru" target="_blank"><img src="http://forum-top.ru/uploads/buttons/forum-top_88x31_3.gif" alt="Поддержать форум на Forum-top.ru"></a>

</td>
<td style="width: 60%;" align="center" valign="top" colspan="2">

Здравствуйте дорогие гости и жители Манхэттена. Мы рады приветствовать Вас на нашей маленькой, скромной ролевой. Тут вы быстро найдете себе подходящую роль и легко впишитесь в коллектив. Так что, не сидим на главной странице, а ГОУ в нашу команду. Возможно, вы именно тот, кого мы искали!

<br/><br/>

А теперь перейдем непосредственно к самой игре. На носу зреет скандал. Да и какая вечеринка обходится без скандалов? Вы хотите знать больше? Тогда присоединяйтесь к нам и почувствуйте, как быстро накалится атмосфера, когда в одном зале встретятся сразу несколько врагов. Ох, говорят, эта вечеринка станет сенсацией.

<br/><br/>

</td>
</tr>
<tr>
<td align="center" colspan="2">

<h3>Победители конкурсов:</h3>

</td>
</tr>
<tr>
<td style="width: 30%;" align="center">

<h3>Актив недели:</h3>

<a href="http://newyorkcity123.rolka.su/profile.php?id=67" target="_blank"><img src="http://uploads.ru/i/y/C/V/yCVui.jpg" alt="Serena van der Woodsen" border="0"></a>
<a href="http://newyorkcity123.rolka.su/profile.php?id=71" target="_blank"><img src="http://uploads.ru/i/b/f/2/bf2kz.jpg" alt="Aksel Andresen" border="0"></a>
<a href="http://newyorkcity123.rolka.su/profile.php?id=68" target="_blank"><img src="http://uploads.ru/i/1/D/g/1DgEO.jpg" alt="Andrea Taylor" border="0"></a>
<br/>
<a href="http://newyorkcity123.rolka.su/profile.php?id=67" target="_blank"><img src="http://uploads.ru/i/y/C/V/yCVui.jpg" alt="Serena van der Woodsen" border="0"></a>
<a href="http://newyorkcity123.rolka.su/profile.php?id=71" target="_blank"><img src="http://uploads.ru/i/b/f/2/bf2kz.jpg" alt="Aksel Andresen" border="0"></a>
<a href="http://newyorkcity123.rolka.su/profile.php?id=68" target="_blank"><img src="http://uploads.ru/i/1/D/g/1DgEO.jpg" alt="Andrea Taylor" border="0"></a>

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

<h3>Пост недели:</h3>

<a href="http://newyorkcity123.rolka.su/viewtopic.php?id=102#p15060" target="_blank"><img style="width: 200px; height: 100px;" src="http://uploads.ru/i/x/e/R/xeRSA.gif" alt="Nathaniel Archibald" border="0"></a>
<br/>

<b>Имя</b>

<br/>

текст

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

0

265

Miura Haru,

в объявление:

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

#menu {margin: 0px;}

#menu span {
width: 170px;
height: 53px;
display: block;
margin-bottom: 5px;
padding: 0;}

#submenu {padding: 0px;}

.submenutext {
display: none;
text-align: center;
height: 230px;
width: 98%;}

.mytblst h3 {font-family: 'arial black'; font-size: 16px; margin: 5px 0 5px 0;}

#menu span, #submenu {border: 1px solid;
    border-radius:10px;
    -webkit-border-radius:10px;
    -khtml-border-radius:10px;
    -moz-border-radius:10px;
    -o-border-radius:10px;}
</style>

<center><table class="mytblst" style="width: 100%;" border="0" cellpadding="0" cellspacing="0">
 <tbody>
  <tr>
   <td align="center" style="width: 25%;">
    <div id="menu">
<span alt="#sm1" style="cursor: pointer;"><img src="http://uploads.ru/i/H/e/8/He8yM.png"></span>
<span alt="#sm2" style="cursor: pointer;"><img src="http://uploads.ru/i/7/T/t/7Ttz0.png"></span>
<span alt="#sm3" style="cursor: pointer;"><img src="http://uploads.ru/i/I/Y/x/IYxv6.png"></span>
<span alt="#sm4" style="cursor: pointer;"><img src="http://uploads.ru/i/m/D/H/mDHdR.png"></span>
    </div>
   </td>
   <td id="MenuTxT" align="center" valign="top">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;">

<h3>Объявление и Новости.</h3>

текст текст текст текст

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

<table style="width: 100%; height: 100%;">
<tr>
<td style="width: 50%;" align="center" colspan="2"><h3>Администраторы</h3></td>
<td style="width: 50%;" align="center" colspan="2"><h3>Модераторы</h3></td>
</tr>
<tr>
<td style="width: 25%;" align="center" valign="top">

<img style="height: 100px; width: 100px;" src="http://uploads.ru/i/F/S/s/FSspi.jpg">
<br/>

текст текст текст текст

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

<img style="height: 100px; width: 100px;" src="http://uploads.ru/i/x/P/8/xP8IN.jpg">
<br/>

текст текст текст текст

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

<img style="height: 100px; width: 100px;" src="http://uploads.ru/i/8/c/M/8cMUX.png">
<br/>

текст текст текст текст

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

<img style="height: 100px; width: 100px;" src="http://uploads.ru/i/V/L/k/VLklu.jpg">
<br/>

текст текст текст текст

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

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

<h3>Навигация.</h3>

текст текст текст текст

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

<h3>Партнёры.</h3>

текст текст текст текст

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

+2

266

1. Ссылка на форум
wwwkpopstory.rolka.su

2. Скрин таблицы
http://uk-all-inclusive.ru/   Вот понравившаяся таблица. На этом сайте.
3. Скрипты и всевозможные примочки. Чат, плеер, часы, календарь, прокрутка, бегущая строка и пр.
Как в предыдущей ссылке на сайт.
4. Форматирование текста
...
5. Картинки для вставки.
...

0

267

cdl*tm l Savaris, я сдалсо  :insane:

в html-верх:

Код:
<!-- Меню -->
<DIV style="position: fixed; z-index: 10000; top: 230px; left: 50%; margin-left: -650px; width: 271px;">

<div align="center"><a href="#" onclick=" obj=this.parentNode.childNodes[1].style; 
tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;">
<img src="ссылка на пикчу"></a><div style="display: none; width: 271px;"> 

<style>
#nav {padding:0; margin: 0px; list-style:none; height:35px; background-image: none; position: relative; z-index:500; font-family: 'Book Antiqua';}

#nav li.top {display:block; float:left; height:38px;}
#nav li a.top_link {display:block; float:left; height:35px; line-height:33px; color:#999;  font-size: 12px; text-decoration:none; font-weight:bold; padding:0 2px 0 2px; cursor:pointer;}
#nav li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:35px; right top no-repeat;}
#nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:35px;}

#nav li:hover a.top_link, 
#nav li.iehover a.top_link {color:#000; background: url(http://s41.radikal.ru/i091/0908/a5/1cb24dbd5f68.gif) no-repeat; cursor:pointer;}
#nav li:hover a.top_link span,
#nav li.iehover a.top_link span {background:url(http://s41.radikal.ru/i091/0908/a5/1cb24dbd5f68.gif) no-repeat right top; cursor:pointer;}
#nav li:hover a.top_link span.down,
#nav li.iehover a.top_link span.down {background:url(http://i067.radikal.ru/0908/b6/84b259b72477.gif) no-repeat right top; cursor:pointer;}

/* Default list styling */

#nav li:hover {position:relative; z-index:200; cursor:pointer;}

#nav li:hover ul.sub
{left:1px; top:38px; background: #181818; padding:3px; white-space:nowrap; width:160px; height:auto; z-index:300; cursor:pointer;}
#nav li:hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:150px; font-weight:normal; cursor:pointer;}

#nav li:hover ul.sub li a
{display:block; font-size:11px; height:18px; width:160px; line-height:18px; text-indent:5px; color:#999; text-decoration:none; cursor:pointer;}

#nav li ul.sub li a.fly
{background:#181818; cursor:pointer;}
#nav li:hover ul.sub li a:hover
{color:#999; cursor:pointer;}

#nav li:hover ul.sub li a.fly:hover
{background: #05364F; color:#fff; cursor:pointer;}

#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:155px; top:-4px; background: #181818; padding:3px; white-space:nowrap; width:160px; z-index:400; height:auto;}

#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover li:hover a.fly,
#nav li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover li:hover a.fly
{background: #c0c0c0; color:#999;} 

#nav li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li:hover li a.fly
{background: #181818; color:#999;} 
</style>

<style>
.splLink {width: 160px; height: 20px; text-align: center; color: #fff; border: 1px solid #000;}
.splLink:hover {background: #05364F;}
.splCont {height: auto; width: 200px; background: #181818; padding: 5px; z-index: 1000; margin: -24px 0 0 170px; border: 1px solid #000; text-align: center;
text-shadow: #1C6F8B 1px 1px 4px; color: #fff;}
</style>

<ul id="nav">

	<li class="top"><a href="" id="" class="top_link"><span class="down">Меню 1</span></a>

<ul class="sub">
	<li><a href="" class="fly">Кнопка 1-1</a>
                                        <ul>
<li>
<DIV><div class=splLink>Заголовок 1-1</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Контент 1-1

</DIV></DIV>
                                                </li>
	</ul>
                        </li>
	<li><a href="" class="fly">Кнопка 1-2</a>
	<ul>
<li>
<DIV><div class=splLink>Заголовок 1-2</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Контент 1-2

</DIV></DIV>
                                                </li>
	</ul>
                        </li>
	<li><a href="" class="fly">Кнопка 1-3</a>
	<ul>
<li>
<DIV><div class=splLink>Заголовок 1-3</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Контент 1-3

</DIV></DIV>
                                                </li>
	</ul>
                        </li>
	<li><a href="" class="fly">Кнопка 1-4</a>
	<ul>
<li>
<DIV><div class=splLink>Заголовок 1-4</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Контент 1-4

</DIV></DIV>
                                                </li>
	</ul>
                        </li>
	<li><a href="" class="fly">Кнопка 1-5</a>
	<ul>
<li>
<DIV><div class=splLink>Заголовок 1-5</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Контент 1-5

</DIV></DIV>
                                                </li>
	</ul>
                        </li>
	<li><a href="" class="fly">Кнопка 1-6</a>
	<ul>
<li>
<DIV><div class=splLink>Заголовок 1-6</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Контент 1-6

</DIV></DIV>
                                                </li>
	</ul>
                        </li>
	<li><a href="" class="fly">Кнопка 1-7</a>
	<ul>
<li>
<DIV><div class=splLink>Заголовок 1-7</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Контент 1-7

</DIV></DIV>
                                                </li>
	</ul>
                        </li>
	<li><a href="" class="fly">Кнопка 1-8</a>
	<ul>
<li>
<DIV><div class=splLink>Заголовок 1-8</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Контент 1-8

</DIV></DIV>
                                                </li>
	</ul>
                        </li>
	<li><a href="" class="fly">Кнопка 1-9</a>
	<ul>
<li>
<DIV><div class=splLink>Заголовок 1-9</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Контент 1-9

</DIV></DIV>
                                                </li>
	</ul>
                        </li>
	<li><a href="" class="fly">Кнопка 1-10</a>
	<ul>
<li>
<DIV><div class=splLink>Заголовок 1-10</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Контент 1-10

</DIV></DIV>
                                                </li>
	</ul>
	</li>
</ul>
	</li>
	<li class="top"><a href="" id="" class="top_link"><span class="down">Меню 2</span></a>
<ul class="sub">
	<li><a href="" class="fly">Кнопка 2-1</a>
                                        <ul>
<li>
<DIV><div class=splLink>Заголовок 2-1</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Контент 2-1

</DIV></DIV>
                                                </li>
	</ul>
                        </li>
	<li><a href="" class="fly">Кнопка 2-2</a>
	<ul>
<li>
<DIV><div class=splLink>Заголовок 2-2</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Контент 2-2

</DIV></DIV>
                                                </li>
	</ul>
                        </li>
	<li><a href="" class="fly">Кнопка 2-3</a>
	<ul>
<li>
<DIV><div class=splLink>Заголовок 2-3</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Контент 2-3

</DIV></DIV>
                                                </li>
	</ul>
                        </li>
	<li><a href="" class="fly">Кнопка 2-4</a>
	<ul>
<li>
<DIV><div class=splLink>Заголовок 2-4</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Контент 2-4

</DIV></DIV>
                                                </li>
	</ul>
                        </li>
	<li><a href="" class="fly">Кнопка 2-5</a>
	<ul>
<li>
<DIV><div class=splLink>Заголовок 2-5</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Контент 2-5

</DIV></DIV>
                                                </li>
	</ul>
                        </li>
	<li><a href="" class="fly">Кнопка 2-6</a>
	<ul>
<li>
<DIV><div class=splLink>Заголовок 2-6</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Контент 2-6

</DIV></DIV>
                                                </li>
	</ul>
                        </li>
	<li><a href="" class="fly">Кнопка 2-7</a>
	<ul>
<li>
<DIV><div class=splLink>Заголовок 2-7</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Контент 2-7

</DIV></DIV>
                                                </li>
	</ul>
                        </li>
	<li><a href="" class="fly">Кнопка 2-8</a>
	<ul>
<li>
<DIV><div class=splLink>Заголовок 2-8</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Контент 2-8

</DIV></DIV>
                                                </li>
	</ul>
                        </li>
	<li><a href="" class="fly">Кнопка 2-9</a>
	<ul>
<li>
<DIV><div class=splLink>Заголовок 2-9</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Контент 2-9

</DIV></DIV>
                                                </li>
	</ul>
                        </li>
	<li><a href="" class="fly">Кнопка 2-10</a>
	<ul>
<li>
<DIV><div class=splLink>Заголовок 2-10</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Контент 2-10

</DIV></DIV>
                                                </li>
	</ul>
	</li>
</ul>
	</li>
	<li class="top"><a href="" id="" class="top_link"><span class="down">Меню 3</span></a>
<ul class="sub">

	<li><a href="" class="fly">Кнопка 3-1</a>
                                        <ul>
<li>
<DIV><div class=splLink>Заголовок 3-1</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Контент 3-1

</DIV></DIV>
                                                </li>
	</ul>
                        </li>
	<li><a href="" class="fly">Кнопка 3-2</a>
	<ul>
<li>
<DIV><div class=splLink>Заголовок 3-2</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Контент 3-2

</DIV></DIV>
                                                </li>
	</ul>
                        </li>
	<li><a href="" class="fly">Кнопка 3-3</a>
	<ul>
<li>
<DIV><div class=splLink>Заголовок 3-3</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Контент 3-3

</DIV></DIV>
                                                </li>
	</ul>
                        </li>
	<li><a href="" class="fly">Кнопка 3-4</a>
	<ul>
<li>
<DIV><div class=splLink>Заголовок 3-4</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Контент 3-4

</DIV></DIV>
                                                </li>
	</ul>
                        </li>
	<li><a href="" class="fly">Кнопка 3-5</a>
	<ul>
<li>
<DIV><div class=splLink>Заголовок 3-5</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Контент 3-5

</DIV></DIV>
                                                </li>
	</ul>
                        </li>
	<li><a href="" class="fly">Кнопка 3-6</a>
	<ul>
<li>
<DIV><div class=splLink>Заголовок 3-6</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Контент 3-6

</DIV></DIV>
                                                </li>
	</ul>
                        </li>
	<li><a href="" class="fly">Кнопка 3-7</a>
	<ul>
<li>
<DIV><div class=splLink>Заголовок 3-7</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Контент 3-7

</DIV></DIV>
                                                </li>
	</ul>
                        </li>
	<li><a href="" class="fly">Кнопка 3-8</a>
	<ul>
<li>
<DIV><div class=splLink>Заголовок 3-8</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Контент 3-8

</DIV></DIV>
                                                </li>
	</ul>
                        </li>
	<li><a href="" class="fly">Кнопка 3-9</a>
	<ul>
<li>
<DIV><div class=splLink>Заголовок 3-9</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Контент 3-9

</DIV></DIV>
                                                </li>
	</ul>
                        </li>
	<li><a href="" class="fly">Кнопка 3-10</a>
	<ul>
<li>
<DIV><div class=splLink>Заголовок 3-10</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Контент 3-10

</DIV></DIV>
                                                </li>
	</ul>
	</li>

</ul>
	</li>
</ul>


</div></div>

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

</DIV>
<!-- End Менюхи -->

0

268

Sauleka, плагиатом не занимаемся.

0

269

Leonheart
Спасибо. а можно, как нибудь "Активистов недели" и "Пост Недели" Сравнять? Что бы они на одном уровне были?
http://uploads.ru/t/8/I/5/8I5Fx.png

0

270

Happy End написал(а):

а можно, как нибудь "Активистов недели" и "Пост Недели" Сравнять?

Обновите объявление:

Код:
<style>
.mytblstyle h3 {font-weight: bold; font-size: 16px; font-family: 'times new roman'; margin: 5px 0 5px 0;}
</style>

<table class="mytblstyle" style="width: 100%;" cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="width: 40%;" align="center" valign="top" rowspan="2">

<h3><b>А</b>дминистраторы:</h3>

<a href="http://newyorkcity123.rolka.su/profile.php?id=2" target="_blank"><img src="http://uploads.ru/i/g/s/b/gsbIC.jpg" alt="Admin" border="0"></a>
<a href="http://newyorkcity123.rolka.su/profile.php?id=5" target="_blank"><img src="http://funkyimg.com/u2/1632/387/552145blair.png" alt="Blair Waldorf" border="0"></a>
<a href="http://newyorkcity123.rolka.su/profile.php?id=7" target="_blank"><img src="http://funkyimg.com/u2/1632/388/426379CHUK.png" alt="Chuck Bass" border="0"></a>

<br/><br/><b>Модераторы:</b><br/>

<a href="http://newyorkcity123.rolka.su/profile.php?id=20">Rina Tasssova</a>, 
<a href="http://newyorkcity123.rolka.su/profile.php?id=70">Milana Cortez</a>, 
<a href="http://newyorkcity123.rolka.su/profile.php?section=essentials&id=64">Vanessa Abrams</a>

<h3>Важные ссылки:</h3>

<a href=" http://newyorkcity123.rolka.su/viewtopic.php?id=8 ">Объявления</a> | <a href=" http://newyorkcity123.rolka.su/viewtopic.php?id=4 ">Правила</a> | <a href=" http://newyorkcity123.rolka.su/viewtopic.php?id=109#p5572 ">Сюжет</a><br>
<a href=" http://newyorkcity123.rolka.su/viewtopic.php?id=10 ">Занятые внешности</a> | <a href=" http://newyorkcity123.rolka.su/viewtopic.php?id=188#p4971 ">Gossip Girl</a> | <a href=" http://newyorkcity123.rolka.su/viewtopic.php?id=209">National Bank of New-York "</a>

<h3>Очередность постов:</h3>

<a href="http://newyorkcity123.rolka.su/viewtopic.php?id=103">Бар</a> - <b>Vanessa Abrams</b>
<br/>
<a href="http://newyorkcity123.rolka.su/viewtopic.php?id=102#p1232">VIP зал</a> - <b>Jenny Humphrey</b>
<br/>
<a href="http://newyorkcity123.rolka.su/viewtopic.php?id=108#p1320">Vip - Комната</a> - <b>Georgina Sparks</b>

<h3>Live Your Life and RPG TOP:</h3>

<a href="http://top.roleplay.ru/16480" title="Рейтинг Ролевых Ресурсов - RPG TOP" target="top_">
<img src="http://img.rpgtop.su/rpgtop3.gif" alt="Рейтинг Ролевых Ресурсов - RPG TOP" border="0" width="88" height="31"></a> <a href=http://urchoice.ru/ target="_blank">
<img src="http://s005.radikal.ru/i212/1001/b3/a2328b18a862.gif" ></a>
<a href="http://forum-top.ru/vote/472" title="Поддержать форум на Forum-top.ru" target="_blank"><img src="http://forum-top.ru/uploads/buttons/forum-top_88x31_3.gif" alt="Поддержать форум на Forum-top.ru"></a>

</td>
<td style="width: 60%;" align="center" valign="top" colspan="2">

Здравствуйте дорогие гости и жители Манхэттена. Мы рады приветствовать Вас на нашей маленькой, скромной ролевой. Тут вы быстро найдете себе подходящую роль и легко впишитесь в коллектив. Так что, не сидим на главной странице, а ГОУ в нашу команду. Возможно, вы именно тот, кого мы искали!

<br/><br/>

А теперь перейдем непосредственно к самой игре. На носу зреет скандал. Да и какая вечеринка обходится без скандалов? Вы хотите знать больше? Тогда присоединяйтесь к нам и почувствуйте, как быстро накалится атмосфера, когда в одном зале встретятся сразу несколько врагов. Ох, говорят, эта вечеринка станет сенсацией.

<br/><br/>

</td>
</tr>
<tr>
<td style="width: 30%;" align="center" valign="top">

<h3>Актив недели:</h3>

<a href="http://newyorkcity123.rolka.su/profile.php?id=67" target="_blank"><img src="http://uploads.ru/i/T/U/5/TU5CH.jpg" alt="Serena van der Woodsen" border="0"></a>
<a href="http://newyorkcity123.rolka.su/profile.php?id=71" target="_blank"><img src="http://uploads.ru/i/x/2/G/x2G64.jpg" alt="Aksel Andresen" border="0"></a>
<a href="http://newyorkcity123.rolka.su/profile.php?id=68" target="_blank"><img src="http://uploads.ru/i/E/J/P/EJPIm.jpg" alt="Andrea Taylor" border="0"></a>
<br/>
<a href="http://newyorkcity123.rolka.su/profile.php?id=56" target="_blank"><img src="http://uploads.ru/t/q/p/t/qptYo.jpg" alt="Juliette Wenstead" border="0"></a>
<a href="http://newyorkcity123.rolka.su/profile.php?id=5" target="_blank"><img src="http://uploads.ru/t/A/l/4/Al45Q.jpg" alt="Blair Waldorf" border="0"></a>
<a href="http://newyorkcity123.rolka.su/profile.php?id=70" target="_blank"><img src="http://uploads.ru/t/o/Q/R/oQRjC.jpg" alt="Milana Cortez" border="0"></a>

</td>
<td style="width: 30%;" align="center" valign="top">

<h3>Пост недели:</h3>

<a href="http://newyorkcity123.rolka.su/viewtopic.php?id=102#p15060" target="_blank"><img style="width: 200px; height: 100px;" src="http://uploads.ru/i/x/e/R/xeRSA.gif" alt="Nathaniel Archibald" border="0"></a>
<br/>

<b>Nathaniel Archibald</b>

<br/>

<a href="http://newyorkcity123.rolka.su/viewtopic.php?id=102#p15060">Читать пост...</a>

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

+1



Рейтинг форумов | Создать форум бесплатно