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

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

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



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

Сообщений 31 страница 60 из 660

31

.Kukis написал(а):

а также обойтись, как сказать, без этих прямоугольников в которых они находятся в данный момент

И на что вы предлагаете заменить эти прямоугольники? Вообще убрать все различия, что это кнопки? Можно конкретизировать этот момент?)  :)

0

32

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

Какого рода "менюшка"? Эт понятие растяжимое... у мну минимум 3 ассоциации в голове на эту фразу.

ну так воплотите одну из этих ассоциаций...лишь бы аккуратно смотрелось)

0

33

Leonheart
Воть! Я что-то нашла :-) Вот такое мне хочется)
Горизонтальный ротатор слайдов
А это так просто, вдруг вам пригодится)
http://www.rudebox.org.ua/menu-form-acc … y-rudebox/
http://www.rudebox.org.ua/akkordeon-galereya-rudebox/

0

34

J.E.V.T. написал(а):

А это так просто, вдруг вам пригодится)

О, жуть какая  :) шуть позже сделаю.

0

35

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

ну так воплотите одну из этих ассоциаций...лишь бы аккуратно смотрелось)

а потом начнецо, что вы несколько иначе релиз себе представляли  :rolleyes:

Код:
<style>
.kotA {width: 160px;}
.kotA a{display: block; background-color: #79411F; text-align: center; width:150px; padding: 2px 0 2px 0; margin-top: 1px; text-decoration: none; border: 1px dashed #7C5640;}
.kotA a:hover{background-color: transparent; text-decoration: underline; border: none;}
</style>

<table style="width: 100%;" cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="width: 60%;" align="center" colspan="2">

<img src="картинка">

</td>
<td style="width: 40%;" align="center"><div style="width: 100%; height: 250px; overflow-y: auto; direction: rtl;">

Текст новостей

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

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

администрация

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

навигация

<div class="kotA">
<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>
</div>
</td>
<td style="width: 33%;" align="center"><div style="width: 100%; height: 200px; overflow-y: auto; direction: rtl;">

Текст погоды

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

</table>

0

36

1. Ссылка на форум
http://nng15.anihub.ru/
2. Эскиз таблицы
http://uploads.ru/t/O/z/R/OzR6C.png
3. Скрипты и всевозможные декорации. Чат, плеер, часы, календари, прокрутка, бегущая строка и пр.
Плавающие, ну типо при нажатие что бы переплывала к примеру в администраци)
что бы была прокрутка)))
да и еще где информация там сделайте плиз что бы было 3 колонки
администрация тоже 3 колонки
партнеры 2 колонки
и если можно что бы перетекало))) не просто переключалось а перетекало)
4. Форматирование текста
просто везде напишите текст)
5. Картинки для вставки.
я на всякий случай сразу скину вам все по отдельности)))
http://uploads.ru/t/D/4/d/D4dpq.png
http://uploads.ru/t/c/k/a/ckaBW.png
http://uploads.ru/t/B/E/N/BENfT.png
http://uploads.ru/t/j/C/O/jCOxN.png
http://uploads.ru/t/1/p/3/1p3Kc.png

0

37

Leonheart
вот если будет понятно
как хотелось бы:
ссылка на картинку *тык
как сейчас и что убрать:
ссылка на картинку *тык
(Не нравится то что кнопки так располагаются(ну сжаты друг к другу и так вот выделяются... это некрасиво смотрится. и полоска снизу некрасиво граничит с телом форума)

0

38

Leonheart
вообще огонь :З спасибо)

0

39

был когда-то такой заказ, извиняюсь за повтор, но та табличка запаралось при попытки изменить ширину)

1. Ссылка на форум
http://investigator.mybb.ru/
2. Эскиз таблицы
общий вид - http://s017.radikal.ru/i432/1202/d4/5e46111b7f49.jpg (ширина 400 пикселей (!!!))
1. - http://s017.radikal.ru/i412/1202/18/19a3a39992eb.jpg
2. - http://s16.radikal.ru/i191/1202/62/0e39ca6aaf5a.jpg
3. - http://s53.radikal.ru/i139/1202/b2/875ff7968df3.jpg
4. - http://s45.radikal.ru/i107/1202/81/7317055ea4e5.jpg
5. - http://i080.radikal.ru/1202/93/8ed1ba6b2bd9.jpg
6. - http://s05.radikal.ru/i178/1202/18/ee39df160d93.jpg
7. - http://s018.radikal.ru/i508/1202/83/b2fd5582c671.jpg
3. Скрипты и всевозможные декорации. Чат, плеер, часы, календари, прокрутка, бегущая строка и пр.
бегущая строка на последней (там обозначено)
4. Форматирование текста
Times new roman 16
5. Картинки для вставки.
для 1. - http://s017.radikal.ru/i424/1202/d2/0f6509421498.jpg
для 2. - http://s017.radikal.ru/i428/1202/c4/5d06f8ec01d2.jpg
для 3. - 100х100 - http://i082.radikal.ru/1202/37/643a8ec67a90.png
80х80 - http://s004.radikal.ru/i206/1202/4c/a14826aec215.png и http://s017.radikal.ru/i408/1202/0e/4cb47d7888d3.png
70х70 - http://s51.radikal.ru/i132/1202/61/138b3cf2e848.png
http://s60.radikal.ru/i170/1202/9e/3dcab9ef700e.png
http://s47.radikal.ru/i117/1202/70/1194c64caccf.png
http://s48.radikal.ru/i122/1202/f0/c2fd3da0b447.png
http://s017.radikal.ru/i410/1202/23/d755f794eb35.png
http://s018.radikal.ru/i528/1202/fc/370bd9c9e48a.png
для 6. - http://s53.radikal.ru/i142/1202/05/f00836a91888.jpg

ну вроде всё...
извиняюсьза беспокойство и заранее спасибо))

0

40

Рил Мэйер, здравствуйте.

Рил Мэйер написал(а):

был когда-то такой заказ, извиняюсь за повтор

Помню.

Рил Мэйер написал(а):

но та табличка запаралось при попытки изменить ширину)

Кем? Вами? И какой смысл собирать ее заново, если можно откорректировать ширину прошлой? Зачем вы заставляете меня изобретать велосипед...

0

41

J.E.V.T., чой-то мну теряцо в догадках...  :unsure: шо ваша таблица слишком перемудреная))
поставьте пока таке код, гляну на кроссбраузерность  :glasses: :

Код:
<table style="width: 100%;" cellpadding="0" cellspacing="0" border="0">
<tr><td style="width: 50%; height: 200px;" align="center" valign="top">

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

#menu span {
padding: 3px 13px 3px 13px;
margin: 0px -1px;
width: 100px;
font-weight: bold;}

#menu .tabactive {
font-weight: normal;
border-bottom: 1px dashed;}

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

.submenutext {
display: none;
text-align: left;
padding: 5px;
width: 355px;
height: 170px;}
</style>

<center><table style="width: 100%;" border="0" cellpadding="0" cellspacing="0">
 <tbody>
  <tr height="22">
   <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;">

Контент приветствия

</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><td style="width: 50%;" align="center" valign="top">

<style>

.accordion{
	width:365px;
	overflow:hidden;
	list-style:none;
	margin-bottom:10px;
	background: transparent;}

.accordion li{
	float:right;
	width: 20%;
	overflow: hidden;
	height:200px;
	-moz-transition:all 0.4s ease-out;
	-webkit-transition:all 0.4s ease-out;
	-o-transition:all 0.4s ease-out;
	transition:all 0.4s ease-out;

	-moz-transition-delay:0.25s;
	-webkit-transition-delay:0.25s;
	-o-transition-delay:0.25s;
	transition-delay:0.25s;}

.accordion div{padding:10px;}

.accordion:hover li{width:7%;}

.accordion li:hover{width:72%;}

.slide-01, .slide-02, .slide-03, .slide-04, .slide-05 {background-color: transparent;}
</style>

<ul class="accordion"> 
<li class="slide-01"> 
<div>

<p><b>Особенности игры</b>
<br/><br/>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse id lobortis massa. Nunc viverra velit leo, sit amet elementum mi. Fusce posuere nunc a mi tempus malesuada. Curabitur facilisis rhoncus eros eget placerat. Aliquam semper mauris sit amet justo tempor nec lacinia magna molestie. Etiam placerat congue dolor vitae adipiscing. Aliquam ac erat lorem, ut iaculis justo. Etiam mattis dignissim gravida. Aliquam nec justo ante, non semper mi. Nulla consectetur interdum massa, vel porta enim vulputate sed.

</p>
</div>
</li><li class="slide-02">
<div>

<p><b>Сводка игровых событий</b>
<br/><br/>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse id lobortis massa. Nunc viverra velit leo, sit amet elementum mi. Fusce posuere nunc a mi tempus malesuada. Curabitur facilisis rhoncus eros eget placerat. Aliquam semper mauris sit amet justo tempor nec lacinia magna molestie. Etiam placerat congue dolor vitae adipiscing. Aliquam ac erat lorem, ut iaculis justo. Etiam mattis dignissim gravida. Aliquam nec justo ante, non semper mi. Nulla consectetur interdum massa, vel porta enim vulputate sed.

</p>
</div>
</li><li class="slide-03">
<div> 
	              
<p><b>Основной сюжет</b>
<br/><br/>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse id lobortis massa. Nunc viverra velit leo, sit amet elementum mi. Fusce posuere nunc a mi tempus malesuada. Curabitur facilisis rhoncus eros eget placerat. Aliquam semper mauris sit amet justo tempor nec lacinia magna molestie. Etiam placerat congue dolor vitae adipiscing. Aliquam ac erat lorem, ut iaculis justo. Etiam mattis dignissim gravida. Aliquam nec justo ante, non semper mi. Nulla consectetur interdum massa, vel porta enim vulputate sed.

</p>
</div>
</li><li class="slide-04">
<div>

<p><b>Акции и квесты</b>
<br/><br/>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse id lobortis massa. Nunc viverra velit leo, sit amet elementum mi. Fusce posuere nunc a mi tempus malesuada. Curabitur facilisis rhoncus eros eget placerat. Aliquam semper mauris sit amet justo tempor nec lacinia magna molestie. Etiam placerat congue dolor vitae adipiscing. Aliquam ac erat lorem, ut iaculis justo. Etiam mattis dignissim gravida. Aliquam nec justo ante, non semper mi. Nulla consectetur interdum massa, vel porta enim vulputate sed.

</p>
</div>
</li><li class="slide-05">
<div>

<p><b>Список занятых ролей</b>
<br/><br/>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse id lobortis massa. Nunc viverra velit leo, sit amet elementum mi. Fusce posuere nunc a mi tempus malesuada. Curabitur facilisis rhoncus eros eget placerat. Aliquam semper mauris sit amet justo tempor nec lacinia magna molestie. Etiam placerat congue dolor vitae adipiscing. Aliquam ac erat lorem, ut iaculis justo. Etiam mattis dignissim gravida. Aliquam nec justo ante, non semper mi. Nulla consectetur interdum massa, vel porta enim vulputate sed.

</p>
</div>
</li></ul>

</td></tr>
<tr><td align="center" valign="top">
<table style="width: 100%;" cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="width: 50%; height: 50%;" align="center" valign="top">

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

список

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

<b>Игротех:</b><br/><br/>

список

</td>
</tr>
<tr>
<td style="height: 50%;" align="center" valign="top">

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

список

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

<br/><b>Пиарщики:</b><br/><br/>

список

</td>
</tr>
</table>
</td><td align="center">

<b>Партнеры:</b>
<br/><br/>

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

код баннера код баннера код баннера

</div>

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

0

42

.Kukis,

замените полностью html-верх на такой:

Код:
<style type="text/css">
#pun-title td.title-logo-tdr {
  display:block!important;
  position:absolute!important; 
  z-index:1000!important; 
  left: 400px!important; 
  top: 510px!important;
  }
</style>

И ваше новое объявление:

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

#menu {
margin-bottom: 0px;
margin-top: 0px;}

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

#menu .tabactive {
font-weight: bold;
background-color: #B4A2D8;}

.submenutext {
display: none;
text-align: center;
height: 300px;
width: 90%;}
</style>

<center><table style="width: 100%;" border="0" cellpadding="0" cellspacing="0">
 <tbody>
  <tr height="36">
   <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%;" cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="width: 33%; height: 90%;" align="center" valign="top">
<br/>Администрация<br/><br/>

<a href="http://fighting.rusff.ru/profile.php?id=2"><img style="width: 50px; height: 50px; margin: 0 0 -2px 0;" src="http://s1.ipicture.ru/uploads/20120221/XUUgsR4p.png"></a>
<a href="http://fighting.rusff.ru/profile.php?id=4"><img style="width: 50px; height: 50px; margin: 0 0 -2px 0;" src="http://s1.ipicture.ru/uploads/20120221/NgR2TRFU.png"></a>
<a href="http://fighting.rusff.ru/profile.php?id=5"><img style="width: 50px; height: 50px; margin: 0 0 -2px 0;" src="http://s1.ipicture.ru/uploads/20120221/GSR9UCn3.png"></a>
<a href="http://fighting.rusff.ru/"><img style="width: 50px; height: 50px; margin: 0 0 -2px 0;" src="http://s1.ipicture.ru/uploads/20120221/WlVkkU0R.png"></a>

<br/><br/>

Модерация<br/><br/>

<a href="http://fighting.rusff.ru/profile.php?id=12"><img style="width: 50px; height: 50px; margin: 0 0 -2px 0;" src="http://s1.ipicture.ru/uploads/20120221/SeSDEMXY.jpg"></a>
<a href="http://fighting.rusff.ru/"><img style="width: 50px; height: 50px; margin: 0 0 -2px 0;" src="http://s1.ipicture.ru/uploads/20120221/WlVkkU0R.png"></a>
<a href="http://fighting.rusff.ru/"><img style="width: 50px; height: 50px; margin: 0 0 -2px 0;" src="http://s1.ipicture.ru/uploads/20120221/WlVkkU0R.png"></a>
<br/><br/><span style="font-family: 'Century Gothic';">Цитата недели:</span><br/><br/>

"И запомните: у нас длинные руки!" (с)

</td>
<td style="width: 33%;" align="center" valign="top">
<br/>Добро пожаловать!<br/><br/>
<div style="width: 98%; height: 200px; overflow-y: auto; border: 1px solid; border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; font-family: 'Century Gothic';">

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

</div>
</td>
<td style="width: 33%;" align="center" valign="top" rowspan="2">
<br/>Лучший игрок недели<br/><br/>

<a href="http://fighting.rusff.ru/"><img style="width: 100px; height: 100px; margin: 0 0 -2px 0;" src="http://s1.ipicture.ru/uploads/20120221/WyX2UGf1.jpg"></a>

<br/><br/>Главный активист<br/><br/>

<a href="http://fighting.rusff.ru/"><img style="width: 100px; height: 100px; margin: 0 0 -2px 0;" src="http://s1.ipicture.ru/uploads/20120221/WyX2UGf1.jpg"></a>

</td>
</tr>
<tr>
<td style="height: 10%;" align="center" colspan="2"><marquee style="height: 31px;">

Наши партнеры: 
<a href="http://sincitynight.rusff.ru/" title="the host-machine"><img align="middle" src="http://s017.radikal.ru/i422/1111/5f/9593c7d8a885.gif" target="_blank" border="0" width="88" height="31"></a>
<a href="http://himawari.bbok.ru/" target="_blank" title="Himawari Gokuen"><img align="middle" src="http://i820.photobucket.com/albums/zz121/backttfuture/3-1.gif"></a>
<a href="http://talkplaylove.rusff.ru/" target="_blank" title="talk.play.love."><img align="middle" src="http://www.imageup.ru/img134/4072574629224.gif"></a>
<a href="http://bonup.artbb.ru/" target="_blank"><img align="middle" src="http://uploads.ru/i/d/O/X/dOXEz.gif"></a>

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

</div>
     <div id="sm2" class="submenutext">
<table style="width: 100%; height: 100%;" cellpadding="0" cellspacing="0" border="0">
<tr><td colspan="3">

Навигация по игре:

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

<a href="ссылка">название</a>
<br/>
<a href="ссылка">название</a>
<br/>
<a href="ссылка">название</a>

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

<a href="ссылка">название</a>
<br/>
<a href="ссылка">название</a>
<br/>
<a href="ссылка">название</a>

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

<a href="ссылка">название</a>
<br/>
<a href="ссылка">название</a>
<br/>
<a href="ссылка">название</a>

</td>
</tr>
</table>
</div>
     <div id="sm3" class="submenutext">
<table style="width: 100%; height: 100%;" cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="width: 33%;" align="center" valign="top">
<br/><span style="font-family: 'Century Gothic';">В игре:</span><br/><br/>

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

</td>
<td style="width: 33%;" align="center" valign="top">
<br/><span style="font-family: 'Century Gothic';">Обратите внимание:</span><br/><br/>

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

</td>
<td style="width: 33%;" align="center" valign="top">
<br/><span style="font-family: 'Century Gothic';">В квесте:</span><br/><br/>

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

</td>
</tr>
</table>
</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>

+1

43

Leonheart
Вышло вот так! А можно, чтобы названия разделов аккордеона стояли вертикально и контент показывался только при открытии раздела? Желательно, чтобы разделы все время были свернуты и разворачивались только по клику.
http://dozory.rusff.ru/

Отредактировано J.E.V.T. (2012-02-24 12:27:58)

0

44

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

Кем? Вами? И какой смысл собирать ее заново, если можно откорректировать ширину прошлой? Зачем вы заставляете меня изобретать велосипед...

так редактировала и вышла каша ОО
http://obitelzla.rolka.su/
всё сместилось ОО хотя редактировала только ширину -_-"
могу кинуть все скрипты..дабы найти ошибку не могу О.о
да, я тупой олень...

0

45

J.E.V.T. написал(а):

А можно, чтобы названия разделов аккордеона стояли вертикально и контент показывался только при открытии раздела? Желательно, чтобы разделы все время были свернуты и разворачивались только по клику.

Ну я ж вам говорил, чо у мну нет таких шаблонов в наличии... я смотрел вашу ссылку на тот аккордеон...
а) мну не нравицо код - слишком много подключаемых библиотек, + у меня нет места на них, чтобы хранить все исходники модулей,
б) перекладывать на мубб некогда, я не есть скриптер  :confused:
в) можете попросить Deff'а - возможно, он знает место, где есть подобный аккордеон или перепишет код вертикального у Герды на горизонтальный...  :dontknow:

*вариант этого аккордеона хорош тем, что он на чистом CSS - без скриптов  :rolleyes:

+1

46

Рил Мэйер написал(а):

так редактировала и вышла каша ОО

Так редактировали, значит  :rolleyes:

Рил Мэйер написал(а):

могу кинуть все скрипты..дабы найти ошибку не могу О.о

Не надо, мне ссылки на тестовик вполне хватит.

0

47

Nikita380, пробуйте такую:

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

#menu span {
padding: 7px 15px 7px; 
margin-right: 5px;
margin: 10px 0;
width: 100px;
text-decoration: none;}

#submenu {
padding: 0px;
height: 250px;
text-align: left;
font-size: 12px;
width: 764px;
background-color: #F4ECDD;
border: 4px solid #000;}

.submenutext {
text-align: center;
background:#F9F1DD;
width:auto;
margin:0 2px;
max-width: 100%;
display: none;}

span.menuButton {
 cursor:pointer;
 cursor:hand;}
</style>

<center><table style="width: 100%;">
 <tbody>
  <tr>
   <td align="center">
    <div id="menu">
<span alt="#sm1" class="menuButton"><img src="http://uploads.ru/i/B/E/N/BENfT.png"></span>
<span alt="#sm2" class="menuButton"><img src="http://uploads.ru/i/c/k/a/ckaBW.png"></span>
<span alt="#sm3" class="menuButton"><img src="http://uploads.ru/i/D/4/d/D4dpq.png"></span>
    </div>
   </td>
  </tr>
<tr align="left">
   <td id="MenuTxT" valign="top" style="height: 250px;">
     <div id="submenu" width="100%">
<table width=100%><tr>
<td id="sm1" class="submenutext">
<div style="width: 100%; height: 245px; overflow-y: auto;">
<table style="width: 100%; height: 100%;"><tr><td style="width: 33%;" align="center">

левая 1

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

центральная 1

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

правая 1

</td></tr></table>
</div>
</td>
<td id="sm2" class="submenutext">
<div style="width: 100%; height: 245px; overflow-y: auto;">
<table style="width: 100%; height: 100%;"><tr><td style="width: 33%;" align="center">

левая 2

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

центральная 2

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

правая 2

</td></tr></table>
</div>
</td>
<td id="sm3" class="submenutext">
<div style="width: 100%; height: 245px; overflow-y: auto;">
<table style="width: 100%; height: 100%;"><tr><td style="width: 50%;" align="center">

левая 3

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

правая 3

</td></tr></table>
</div>
</td>
</tr></table>
</div>
   </td></tr>
</tbody>
</table></center>
<script type="text/javascript">
$(document).ready(function() {
$("td.submenutext").hide();
$("td.submenutext:first").show();
$(".menuButton").click(function() {
    $(".menuButton").removeClass("tabactive");
    $(this).addClass("tabactive");
    var activeDiv = $(this).attr("alt");

    $("td.submenutext *").hide(1600)
    $("td.submenutext").hide(2200)
    $("td."+activeDiv).show(2200)
    $("td."+activeDiv+" *").show(600)
    return false; });
});
</script>

+1

48

Leonheart
ОК! Спасибо!)

+1

49

Рил Мэйер, исправьте в html-верху в стиле объявления только то, что выделено красным:

<!-- Стиль объявления -->
<style>
#menu {
margin-top: 2px;
width: 160px;}

#menu span {
text-align:center;
display:block;
color:#3f4469;
margin-bottom: 3px;
height: 57px;
padding: 0 4px 0 4px;}

#submenu,#menu span {
border: 1px solid;}

#menu .tabactive {
border: none;}

#submenu {
padding: 0px;
text-align: center;
font-size: 16px;
font-family: 'Times New Roman';
width: 620px;}

.submenutext {
display: none;
height: 403px;}
</style>

И обновите объявление полностью:

Код:
<center><table style="width: 100%;" border="0" cellpadding="0" cellspacing="0">
 <tbody>
  <tr>
   <td width="220" align="center">
    <div id="menu">
<span alt="#sm1" style="cursor: pointer;"><img src="http://s53.radikal.ru/i140/1202/52/bb6d86532fb6.png"></span>
<span alt="#sm2" style="cursor: pointer;"><img src="http://s018.radikal.ru/i522/1202/ea/22321a8bbdd8.png"></span>
<span alt="#sm3" style="cursor: pointer;"><img src="http://s017.radikal.ru/i406/1202/55/794de35531bc.png"></span>
<span alt="#sm4" style="cursor: pointer;"><img src="http://s017.radikal.ru/i427/1202/23/cf5020498933.png"></span>
<span alt="#sm5" style="cursor: pointer;"><img src="http://s018.radikal.ru/i502/1202/d3/9d12771eb772.png"></span>
<span alt="#sm6" style="cursor: pointer;"><img src="http://s48.radikal.ru/i121/1202/5d/a6ed8745e63e.png"></span>
<span alt="#sm7" style="cursor: pointer;"><img src="http://i031.radikal.ru/1202/a4/88cb50e78b4c.png"></span>
    </div>
   </td>
   <td id="MenuTxT"  align="center">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;">
<!-- Контент первой кнопки -->
<table style="width:100%;" border="0" cellpadding="2" cellspacing="0"><td width="62%" valign="top" align="left">
<div><i><u><b><size=20>Добро пожаловать,  дорогой гость! </size > </b> </i></u></div>
<div>Просим долго не задерживаться на этой должности. Скорее регистрируйся. Нам нужны  Пётр Ромашин, Руслан Султанов, Роман Аристов,  дедушка Тихонова, Софья Котова и другие. </div>
<div>Полный список ролей: </div>
<div>•<a style="font-size:12pt;" href="http://investigator.mybb.ru/viewtopic.php?id=454" rel="nofollow" class="eTag eTagGr8">|Список|</a></div>
<div>Полезные ссылки:</div>
<div>•<a style="font-size:12pt;" href="http://investigator.mybb.ru/viewtopic.php?id=508" rel="nofollow" class="eTag eTagGr8">|Образец анкеты|</a></</div>
<div>•<a style="font-size:12pt;" href="http://investigator.mybb.ru/viewtopic.php?id=153" rel="nofollow" class="eTag eTagGr8">|равила (обязательны для прочтения)|</a></</div>
<div>•<a style="font-size:12pt;" href="http://investigator.mybb.ru/viewtopic.php?id=545" rel="nofollow" class="eTag eTagGr8">|Сетевой этикет|</a></div>
<div>•<a style="font-size:12pt;" href="http://investigator.mybb.ru/viewforum.php?id=39" rel="nofollow" class="eTag eTagGr8">|Тех. Раздел форума «Чаво»|</a></div>
Все вопросы, пожелания, предложения и жалобы можете оставить в нашей  <a style="font-size:12pt;" href=" http://investigator.mybb.ru/viewforum.php?id=50" rel="nofollow" class="eTag eTagGr8">гостевой</a>.
</td>
<td widht="100%"><img style="margin-bottom: -4px;" src=" http://s018.radikal.ru/i520/1202/76/2245851336e0.jpg"></td></table>
<!-- End -->
</div>
     <div id="sm2" class="submenutext">
<!-- Контент второй кнопки -->
<table style="width:100%;" border="0" cellpadding="2" cellspacing="0"><td width="50%" valign="top" align="left">

<div><u><b>Сериал "СЛЕД"</b></u></div>
<div>Идеальных преступлений не бывает. После каждого остаются следы. Иногда эти следы бросаются в глаза. Иногда их можно найти только с помощью специальных приборов. Созданная в качестве эксперимента Федеральная Экспертная Служба не только обкатывает новую технику, обучает молодых специалистов, повышает квалификацию опытных сотрудников. ФЭС оказывают уникальную помощь в раскрытии реальных преступлений... </div>
</td>
<td widht="50%"><img style="margin-bottom: -3px;" src=" http://s018.radikal.ru/i519/1202/7e/9497b7eafb1b.jpg"></td></table>
<!-- End -->
</div>
     <div id="sm3" class="submenutext">
<!-- Контент третьей кнопки -->
<style>#ruzaki {margin: 10px;}</style>
<table style="width:100%; padding-top: 50px;" border="0" cellpadding="0" cellspacing="10"><td width="50%" align="center" style="border: 1px solid;">
<p align="center"><img id="5" src="http://s018.radikal.ru/i500/1201/fd/4b14b36ecc53.png"></p>
<br/>
<img id="101" src="http://s018.radikal.ru/i503/1201/ce/fc6dae301c98.png">
<img id="130" src="http://s018.radikal.ru/i512/1201/3a/57485b52a563.png">
<img id="202" src="http://s009.radikal.ru/i309/1201/63/1d40a23a9caf.png">
<br/>
<img id="134" src="http://i009.radikal.ru/1201/8f/548fbbf048c9.png">
<img id="60" src="http://s018.radikal.ru/i511/1201/ca/a874c1dcd470.png">
<img id="54" src="http://s018.radikal.ru/i502/1201/d6/b18c4b192938.png">


</td>
<td widht="50%" style="border: 1px solid;">


<img id="17" src="http://s55.radikal.ru/i150/1201/55/491ca2a59f80.png">
<br/>
<img id="199" src="http://s018.radikal.ru/i517/1201/5b/08c7822b5798.png">


</td></table>
<!-- End -->
</div>
     <div id="sm4" class="submenutext">
<!-- Контент четвертой кнопки -->
<table style="width:100%; height: 100%;" border="1" cellpadding="0" cellspacing="10"><tr height="50%"><td width="50%" align="left" valign="top">
<div align="center"> Сотрудники расследуют новое дело - <a href="http://investigator.mybb.ru/viewtopic.php?id=606"> «Танцы со смертью» </a> Уважаемые игроки, просьба пройти в офис ФЭС для продолжения дела. Ознакомиться с ним можете, пройдя по ссылке выше в этом же окне.</div>

</td><td widht="50%" colspan="2">
<!-- Ссылки облака тегов -->

<div id="yoblako" align="center">
<noindex>
<a style="font-size:12pt;" href="http://investigator.mybb.ru/viewforum.php?id=20" rel="nofollow" class="eTag eTagGr8">|Офис ФЭС|</a> 
<a style="font-size:12pt;" href="http://investigator.mybb.ru/viewforum.php?id=24" rel="nofollow" class="eTag eTagGr8">|Квартиры|</a> 
<a style="font-size:12pt;" href="http://investigator.mybb.ru/viewforum.php?id=32" rel="nofollow" class="eTag eTagGr8">|Город|</a> 
<a style="font-size:12pt;" href="http://investigator.mybb.ru/viewforum.php?id=21" rel="nofollow" class="eTag eTagGr8">|Места преступлений|</a> 
<a style="font-size:12pt;" href="http://investigator.mybb.ru/viewforum.php?id=33" rel="nofollow" class="eTag eTagGr8">|Места ВНЕ города|</a> 
<a style="font-size:12pt;" href="http://investigator.mybb.ru/viewforum.php?id=45" rel="nofollow" class="eTag eTagGr8">|Телефоны|</a>
</noindex>
</div>

<!-- End Ссылок облака тегов -->
</td></tr><tr height="50%" align="center"><td>
<script type="text/javascript" src="http://sled-fes.chatovod.ru/widget/mini.js?width=200px&popup=1"></script>

</td><td width="25%">
<div align="center"> В игре: 
 17-18 - утро/день;
19-20 - вечер/ночь -   35 день игры, 19 января, четверг.  </div>
</td><td width="25%">
<div align="center">Погода:
<div> -15°</div>
<div> ветер С, 
4-5 м/с</div>
 <div><img src=" http://i064.radikal.ru/1202/bd/0d4aaf0f6095.jpg "> </div></div>
</td></tr></table>
<!-- End -->
</div>
     <div id="sm5" class="submenutext">
<!-- Контент пятой кнопки -->
<table style="width:100%; height: 100%;" border="1" cellpadding="0" cellspacing="15"><tr><td width="50%" align="left" valign="top" rowspan="2">
<div>Что же такое флэшбэки? </div>
<div>В кинематографии означает отклонение от повествования в прошлое; сюжетная линия прерывается, и зритель наблюдает действия, которые происходили ранее. Чаще всего обратный кадр объясняет поступки и действия героев повествования, раскрывает их мысли, идеи. Довольно часто для оформления обратного используют тонирование кадра под сепию. Также используется в телефильме или радиопередаче. В литературоведении аналогом обратного кадра считается ретроспектива. </div>
</td><td widht="50%" height="30%">
Важные и полезные ссылочки:
<div><a style="font-size:12pt;" href=" http://investigator.mybb.ru/viewtopic.php?id=525 " rel="nofollow" class="eTag eTagGr8">| Заказ флэшбэка| </a></div>
<div><a style="font-size:12pt;" href=" http://investigator.mybb.ru/viewtopic.php?id=524 " rel="nofollow" class="eTag eTagGr8"> |Поиск: «Ищу партнёра для флэша»|</a></div>
</td></tr>
<tr><td height="70%" valign="top" align="left">
Ну, просим таких товарищей отписаться:
<div> <b>• Огненный Лис</b> - <i><a style="font-size:12pt;" href="http://investigator.mybb.ru/viewtopic.php?id=607" rel="nofollow" class="eTag eTagGr8"> Litium</a></i></div>
<div><b>• Огненный Лис</b> - <i><a style="font-size:12pt;" href=" http://investigator.mybb.ru/viewtopic.php?id=615" rel="nofollow" class="eTag eTagGr8"> Как все начиналось или ЛиСы</a></i></div>
<div><b>• Круглов Николай</b> - <i><a style="font-size:12pt;" href=" http://investigator.mybb.ru/viewtopic.php?id=637" rel="nofollow" class="eTag eTagGr8"> Видишь какая луна</a></i></div>
<div><b>• Светлана Белозёрова</b> - <i><a style="font-size:12pt;" href=" http://investigator.mybb.ru/viewtopic.php?id=628" rel="nofollow" class="eTag eTagGr8"> Сёстры до замужества</a></i></div>

</td></tr></table>
<!-- End -->
</div>
     <div id="sm6" class="submenutext">
<!-- Контент шестой кнопки -->
<table style="width:100%; padding-top: 20px;" border="0" cellpadding="0" cellspacing="5"><tr><td width="60%" valign="top" align="left">
<div>Уважаемый пиарщик! </div>
<div>Реклама взаимная! Мне проверить не трудно. Правила рекламы вы можете прочитать  <a style="font-size:12pt;" href="http://investigator.mybb.ru/viewtopic.php?id=655" rel="nofollow" class="eTag eTagGr8">тут</a>. Повторяю, левых аккаунтов не создавать. Для этого есть специальный ник:</div>
<div>Логин: <b>Реклама</b></div>
</div>Пароль:<b>111111</b></div>
<div>Для ленивых есть кнопка для быстрого входа. </div>
<div>*картинка кликбательна* для вашего же удобства.</div>
<div>С уважением, <a style="font-size:12pt;" href="http://investigator.mybb.ru/profile.php?id=54" rel="nofollow" class="eTag eTagGr8">[Кира]</a>.</div>


</td><td widht="40%">

<a target="_blank" href=" http://investigator.mybb.ru/viewtopic.php?id=296 "><img src=" http://s018.radikal.ru/i517/1201/a5/0a8cf909116c.jpg " ></a>


</td></tr></table>
<!-- End -->
</div>
     <div id="sm7" class="submenutext">
<!-- Контент седьмой кнопки -->
<table style="width:100%; height: 100%;" border="1" cellpadding="0" cellspacing="5"><tr height="20%"><td align="left" colspan="2">
<div align="center"><marquee><a href="http://www.oddiss.ru/" target=_blank><img src="http://i050.radikal.ru/0909/92/f1a7de5e4e1d.gif" border=0 alt="Официальные сайт группы ОддисС" height=60 width=468></a></marquee></div>
</td><tr valign="top" align="left" height="80%"><td widht="60%">
<div><a href="http://gluhar.russ-forum.ru/"><img src="http://s47.radikal.ru/i117/1106/34/f821eaef40ca.jpg"  title="Глухарь и Возвращение Мухтара." </a> </div>
<div>*ролевая временно закрыта*</div>	
<div><a href="http://gluhar02.liverolka.ru/"><img src="http://s60.radikal.ru/i167/1010/da/6c50c6734a5d.gif"  title=""Ролевая игра по сериалу "Глухарь" и "ОВД Пятницкий""Глухарь. Криминальные битвы столицы." </a></div>
</td><td widht="40%">
<div>Друзья на  других ресурсах:</div>
<div><a style="font-size:12pt;" href="http://vk.com/s_l_e_d" rel="nofollow" class="eTag eTagGr8">★ ★ ★ ▪=С_Л_Е_Д=▪ ★ ★ ★</a></div>
<div><a style="font-size:12pt;" href="http://vk.com/forum_of_serial_sled" rel="nofollow" class="eTag eTagGr8">Ролевая игра «След»</a></div>
<div><a style="font-size:12pt;" href="http://vk.com/fanstory_of_sled" rel="nofollow" class="eTag eTagGr8">Рассказы, посвящённые т/с «След»</a></div>
<div><a style="font-size:12pt;" href="http://sleda-fes.ucoz.ru/" rel="nofollow" class="eTag eTagGr8">Форум поклонников сериала «След»</a></div>
<div>_________________________</div>
<div>Если вы хотите стать нашим другом или партнёром, необходимо пройти кое-какие препятствия. </div>
<div>1. Прочитать небольшие и простые правила.</div>
<div><a style="font-size:12pt;" href="http://investigator.mybb.ru/viewtopic.php?id=656" rel="nofollow" class="eTag eTagGr8">|Правила|</a></div>
<div>2.Написать простенькую анкету.</div>
<div><a style="font-size:12pt;" href="http://investigator.mybb.ru/viewtopic.php?id=657" rel="nofollow" class="eTag eTagGr8">|Анкета|</a></div>
<div>С уважением, <a style="font-size:12pt;" href="http://investigator.mybb.ru/profile.php?id=54" rel="nofollow" class="eTag eTagGr8">[Кира]</a>.</div>

</td></tr></table>
<!-- End -->
</div>
</div>
</td></tr></tbody></table></center>

+1

50

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

0

51

Leonheart
гуд

0

52

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

Так редактировали, значит

всего одно число -_-..и больше ничего...
таблица так супер...а вот то, что съехало всё портит -_-...
тупой олень я xD
---
Leonheart
заработало *__*

Спасибо вам, и извините ещё раз, что побеспокоила по своей тупости

0

53

Рил Мэйер написал(а):

заработало *__*

:D не удивлен (с)

0

54

1. Ссылка на форум
http://kotak.0pk.ru/
2. Эскиз таблицы
http://s53.radikal.ru/i141/1202/ec/c9a8ef7f567et.jpg
http://s018.radikal.ru/i502/1202/a7/a78bfaab7506t.jpg
3. Скрипты и всевозможные декорации. Чат, плеер, часы, календари, прокрутка, бегущая строка и пр.
Навигатор -

Код:
<FORM>
<SELECT size=1 name='navigation'>
  <OPTION value='http://kotak.0pk.ru/viewtopic.php?id=65' selected>Как стать Членом Клуба</OPTION>
  <OPTION value='http://kotak.0pk.ru/viewforum.php?id=33'>Доска почёта</OPTION>
  <OPTION value='http://kotak.0pk.ru/viewforum.php?id=25'>Подскажите, кто я</OPTION>
  <OPTION value='http://kotak.0pk.ru/viewforum.php?id=26'>Знакомство</OPTION>
  <OPTION value='http://kotak.0pk.ru/viewtopic.php?id=61'>Навигатор по темам</OPTION>
</SELECT>
<INPUT class=but onclick="location.href = this.form.navigation.options[this.form.navigation.selectedIndex].value" type=button value="Мяу" name=button>
</FORM>

4. Форматирование текста
Чёрный
5. Картинки для вставки.
http://s017.radikal.ru/i422/1202/4e/7d0f6e0a9eb0t.jpg .
А это для администрация
Гл. администратор - http://s018.radikal.ru/i514/1202/f2/74d91bd35e35t.jpg - http://kotak.0pk.ru/profile.php?id=2
Администратор - http://s017.radikal.ru/i403/1202/a9/1dc7248e80f1t.jpg - http://kotak.0pk.ru/profile.php?id=4
Гл.модератор - http://s017.radikal.ru/i411/1202/a3/188d2ada79ddt.jpg - http://kotak.0pk.ru/viewtopic.php?id=88
Модератор - http://s57.radikal.ru/i156/1202/78/4277f7d97abdt.jpg - http://kotak.0pk.ru/viewtopic.php?id=88

Отредактировано Джула (2012-02-25 07:43:43)

0

55

Джула, обновите html-верх:

Код:
<style type="text/css">
.punbb table Div.icon {float: left; display: block; width:110px; height: 110px; border-style: none; background-repeat: no-repeat; position: relative; margin-right: 10px;}
</style>

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

Переставьте этот код:

<script type="text/javascript" src="http://thecatcollection.chatovod.ru/widget.js?height=450" charset="UTF-8"></script><p>Чат предоставлен сервисом <a href="http://www.chatovod.ru/">Chatovod.ru</a>.</p>

- В САМЫЙ НИЗ HTML-низа.

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

Код:
<table style="width: 100%;" cellpadding="0" cellspacing="0" border="0">
<tr><td>
<style>
.splLink {width: 200px; height: 40px; border: 0px solid #FFD700; text-align: center; font-weight: bold;}
.splCont {height: auto; width: 300px; background: #B0DD92; padding: 5px; z-index: 1; margin-top: 5px; border: 2px solid #D5CBB9; text-align: center;}
</style>
<center><table style="width: 96%">
<tr><td><DIV><div class=splLink>Главная</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>


Контент главной кнопки


</DIV></DIV></td>
<td><DIV><div class=splLink>Навигатор</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>
<FORM>
<SELECT size=1 name='navigation'>
  <OPTION value='http://kotak.0pk.ru/viewtopic.php?id=65' selected>Как стать Членом Клуба</OPTION>
  <OPTION value='http://kotak.0pk.ru/viewforum.php?id=33'>Доска почёта</OPTION>
  <OPTION value='http://kotak.0pk.ru/viewforum.php?id=25'>Подскажите, кто я</OPTION>
  <OPTION value='http://kotak.0pk.ru/viewforum.php?id=26'>Знакомство</OPTION>
  <OPTION value='http://kotak.0pk.ru/viewtopic.php?id=61'>Навигатор по темам</OPTION>
</SELECT>
<INPUT class=but onclick="location.href = this.form.navigation.options[this.form.navigation.selectedIndex].value" type=button value="Мяу" name=button>
</FORM>
</DIV></DIV></td>
<td><DIV><div class=splLink>Администрация</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>
<table style="width: 100%;"><tr><td style="width: 50%;" align="center" valign="top">

Гл. администратор<br/>

<a href=" http://kotak.0pk.ru/profile.php?id=2"><img src="http://s018.radikal.ru/i514/1202/f2/74d91bd35e35t.jpg"></a>

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

Гл. модератор<br/>

<a href="http://kotak.0pk.ru/viewtopic.php?id=88"><img src="http://s017.radikal.ru/i411/1202/a3/188d2ada79ddt.jpg"></a>

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

Администратор<br/>

<a href="http://kotak.0pk.ru/profile.php?id=4"><img src="http://s017.radikal.ru/i403/1202/a9/1dc7248e80f1t.jpg"></a>

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

Модератор<br/>

<a href="http://kotak.0pk.ru/viewtopic.php?id=88"><img src="http://s57.radikal.ru/i156/1202/78/4277f7d97abdt.jpg"></a>

</td></tr></table>
</DIV></DIV></td>
</tr>
</table></center>
<script type="text/javascript"> 
  $(document).ready(function(){
    $('.splLink').click(function(){
      $(this).parent().children('div.splCont').toggle('normal');
      return false;
    });
  });
</script>
</td></tr>
<tr><td align="center" valign="top">
<img src="http://s017.radikal.ru/i422/1202/4e/7d0f6e0a9eb0.jpg">
</td></tr>
<tr><td align="center" valign="top">

<b>Объявления:</b><br/><br/>


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


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

0

56

А можно сделать так чтоб, нажимал на навигатор и уже была не картинка а на всю таблицу навигатор?

0

57

Джула написал(а):

А можно сделать так чтоб, нажимал на навигатор и уже была не картинка а на всю таблицу навигатор?

:rolleyes: А когда нажимаешь на администрацию, уже не картинка, а таблица с админами?

Дык давайте определимся для начала - мы хотим выплывающий контент под кнопкой, или зону с переменным контентом при активации кнопок?  :rolleyes:

0

58

Зону с переменным континентом при активации кнопок.

0

59

Джула написал(а):

Зону с переменным континентом при активации кнопок.

Пробуйте обновить объявление:

Код:
<table style="width: 100%;" cellpadding="0" cellspacing="0" border="0">
<tr><td>
<style>
#menu {
margin-bottom: 0px;
margin-top: 0px;}

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

#menu .tabactive {
color: green;}

#submenu {
padding: 0px;
width: 680px;
max-height: 400px;}

.submenutext {
display: none;
text-align: center;
height: auto;}
</style>
<center><table style="width: 100%;" border="0" cellpadding="0" cellspacing="0">
 <tbody>
  <tr height="40">
   <td align="center">
    <div id="menu"> <b>
<span alt="#sm1" style="cursor: pointer;">Главная</span>
<span alt="#sm2" style="cursor: pointer;">Навигатор</span>
<span alt="#sm3" style="cursor: pointer;">Администрация</span>
           </b>
    </div>
   </td>
  </tr>
  <tr>
   <td id="MenuTxT"  align="center" valign="top">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;">

<img style="width: 520px; margin: 0 0 -2px 0;" src="http://s017.radikal.ru/i422/1202/4e/7d0f6e0a9eb0.jpg">

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

<FORM>
<SELECT size=1 name='navigation'>
  <OPTION value='http://kotak.0pk.ru/viewtopic.php?id=65' selected>Как стать Членом Клуба</OPTION>
  <OPTION value='http://kotak.0pk.ru/viewforum.php?id=33'>Доска почёта</OPTION>
  <OPTION value='http://kotak.0pk.ru/viewforum.php?id=25'>Подскажите, кто я</OPTION>
  <OPTION value='http://kotak.0pk.ru/viewforum.php?id=26'>Знакомство</OPTION>
  <OPTION value='http://kotak.0pk.ru/viewtopic.php?id=61'>Навигатор по темам</OPTION>
</SELECT>
<INPUT class=but onclick="location.href = this.form.navigation.options[this.form.navigation.selectedIndex].value" type=button value="Мяу" name=button>
</FORM>

     </div><div id="sm3" class="submenutext">
<table style="width: 100%;"><tr><td style="width: 50%;" align="center" valign="top">

Гл. администратор<br/>

<a href=" http://kotak.0pk.ru/profile.php?id=2"><img src="http://s018.radikal.ru/i514/1202/f2/74d91bd35e35t.jpg"></a>

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

Гл. модератор<br/>

<a href="http://kotak.0pk.ru/viewtopic.php?id=88"><img src="http://s017.radikal.ru/i411/1202/a3/188d2ada79ddt.jpg"></a>

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

Администратор<br/>

<a href="http://kotak.0pk.ru/profile.php?id=4"><img src="http://s017.radikal.ru/i403/1202/a9/1dc7248e80f1t.jpg"></a>

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

Модератор<br/>

<a href="http://kotak.0pk.ru/viewtopic.php?id=88"><img src="http://s57.radikal.ru/i156/1202/78/4277f7d97abdt.jpg"></a>

</td></tr></table>
</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 align="center" valign="top"><div style="width: 100%; height: 100px; overflow-y: auto;">

<b>Объявления:</b><br/><br/>

<br><b>24.02.12</b>
<br>
У нас новый стиль.
<br>
<br><b>23.02.12</b>
<br>
С праздником днём защитника отечества.
<br>
<br><b>23.02.12</b>
<br>
У нас новая таблица.
<br>
<br><b>22.02.12</b>
<br>
У нас новый стиль

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

+1

60

1. Ссылка на форум
http://liichan.anihub.ru/
2. Эскиз таблицы
1 страница. http://savepic.net/2497746.png
2 страница. http://savepic.net/2494674.png
3 страница. http://savepic.net/2495698.png
3. Скрипты и всевозможные декорации.
перелистывание страниц таблицы, таблица без видимых границ, все названия (welcome, administration и прочее) в качестве картинок я потом вставлю..
4. Форматирование текста
стандартный
5. Картинки для вставки.
если возможно все картинки, а также для фона таблицы я поставлю потом.

Отредактировано .marionetkoO (2012-02-27 19:53:46)

0



Рейтинг форумов | Создать форум бесплатно © 2007–2017 «QuadroSystems» LLC