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

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

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



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

Сообщений 391 страница 420 из 660

391

Vartais,

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

.my_table_st {font-family: 'book antiqua'; font-size: 13px!important;}

.my_table_st td {
  text-align: center;
  vertical-align: top;}

.my_table_st h3 {
  font-size: 16px;
  font-weight: bold;
  margin: 5px 0 8px 0;}
</style>

<table class="my_table_st" style="width: 100%;" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 25%;">
<div style="width: 99%;">

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

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

</div>
<div style="width: 99%;">

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

<a href="ссылка">Тема 1</a>
<br/>
<a href="ссылка">Тема 2</a>
<br/>
<a href="ссылка">Тема 3</a>

</div>
</td>
<td style="width: 50%;">
<div style="width: 99%;">

<h3>Объявления</h3>

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

</div>
<div style="width: 99%;">

<h3>Происходящее в игре</h3>

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

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

<h3>Погода и время</h3>

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

</div>
<div style="width: 99%;">

<h3>Следующий праздник и его традиции</h3>

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

</div>
<div style="width: 99%;">

<h3>Баннеры</h3>

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

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

В высоту абсолютно резиновая.

+1

392

Bonni-o, добрался :D

А чего не поставить списку ссылок прокрутку или прост разделить на 2 части, а то форум и так перегружен скриптами, зачем тву облака тегов? Оо

0

393

1. Ссылка на форум
Как я понял это нужно лишь чтобы подогнать размер?
Если так, то лучше пробник, на котором находится будущий дизайн ->
http://testestt.rolka.su/
2. Эскиз таблицы
Сама таблица должна выглядеть так:

тык

http://uploads.ru/i/Y/s/t/YstuP.jpg
(с размером сложнее, но не шире 600px, а высота где-то 300 (основная картинка) и вспомогательные на "администрация, навигация и т.д." где-то 120 на 40 наверное)

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

тык

http://uploads.ru/t/9/4/M/94MlV.jpg
http://uploads.ru/t/S/b/B/SbBIy.jpg
http://uploads.ru/t/u/y/g/uyg5M.jpg
http://uploads.ru/t/T/V/d/TVd3N.jpg
http://uploads.ru/t/N/E/t/NEtyW.jpg

На каждом разделе желательно чтобы фоновое изображение было разным.
3. Скрипты и всевозможные декорации. Чат, плеер, часы, календари, прокрутка, бегущая строка и пр.
-
4. Форматирование текста
Преимущественно черный, а там уже и подобрать не сложно будет самому.
5. Картинки для вставки.
На данный момент нет, но это могу и сам потом вставить.

Отредактировано shinnys (2012-05-27 17:39:33)

0

394

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

А чего не поставить списку ссылок прокрутку или прост разделить на 2 части, а то форум и так перегружен скриптами, зачем тву облака тегов? Оо

хорошая  идея, спасибо... мне как то не пришло это в голову. Я одно облачко оставлю, а во второе окошко можно список с прокруткой. Как его сделать, список этот?  И что там за ошибки в моем объявлении? Помогите исправить если можно.
И ещё я понимаю что не в этой теме спрашиваю, но я уже несколько раз этот вопрос задавала а в ответ тишина((( я хочу разделить таблицу и форум. Сделать таблицу на отдельной странице а потом переход на форум по ссылке.  Как это можно сделать?

0

395

Bonni-o написал(а):

Помогите исправить если можно.

Щас, как раз к вам собираюсь... обождите.

Bonni-o написал(а):

я хочу разделить таблицу и форум. Сделать таблицу на отдельной странице а потом переход на форум по ссылке.  Как это можно сделать?

Первый раз вопрос вижу  :huh:

Я так понимаю, если портал (как на сайтах), то выход как у всех - скрыть все на главной странице и оставить ток объяву - в ней ссылки на нужные подфорумы, есть скрипто-код действия CSS постранично. Правда эту самую главную вы больше не увидите в развороте.

0

396

Vartais, вот кстати форум о котором я вам говорил

http://hproleplay.mybb.ru/

0

397

Bonni-o,
я так и не понял, своровали вы ссылки или просто со старой таблицы переносили  :D в общем лишние куски выкинул.

:glasses:

Код:
<!-- Табла -->
<table style="width: 100%;" border="1">
<tr>
<td style="width: 20%;">

<div id="yoblako" align="center"><noindex>
<a style="font-size:12pt;" href="http://rainsworld.0pk.ru/viewtopic.php?id=4" rel="nofollow" class="eTag eTagGr8">ПРАВИЛА</a>
<a style="font-size:12pt;" href="http://rainsworld.0pk.ru/viewtopic.php?id=20" rel="nofollow" class="eTag eTagGr8">НОВОСТИ</a>
<a style="font-size:12pt;" href="http://rainsworld.0pk.ru/viewforum.php?id=51" rel="nofollow" class="eTag eTagGr8">ИНТЕРВЬЮ</a>
<a style="font-size:12pt;" href="http://rainsworld.0pk.ru/viewforum.php?id=5" rel="nofollow" class="eTag eTagGr8">БИОГРАФИЯ</a>
<a style="font-size:12pt;" href="http://rainsworld.0pk.ru/viewforum.php?id=50" rel="nofollow" class="eTag eTagGr8">ВИДЕОИНТЕРВЬЮ </a>
<a style="font-size:12pt;" href="http://rainsworld.0pk.ru/viewforum.php?id=70" rel="nofollow" class="eTag eTagGr8">TVITTER </a>
<a style="font-size:12pt;" href="http://rainsworld.0pk.ru/viewforum.php?id=50" rel="nofollow" class="eTag eTagGr8">ВИДЕОИНТЕРВЬЮ</a>
<a style="font-size:12pt;" href="http://rainsworld.0pk.ru/viewforum.php?id=36" rel="nofollow" class="eTag eTagGr8">ТВ-шоу</a>
<a style="font-size:12pt;" href="http://rainsworld.0pk.ru/viewforum.php?id=19" rel="nofollow" class="eTag eTagGr8">MV</a>
<a style="font-size:12pt;" href="http://rainsworld.0pk.ru/viewforum.php?id=21" rel="nofollow" class="eTag eTagGr8">MV other</a>
<a style="font-size:12pt;" href="http://rainsworld.0pk.ru/viewforum.php?id=18" rel="nofollow" class="eTag eTagGr8">Fanclub </a>
<a style="font-size:12pt;" href="http://rainsworld.0pk.ru/viewforum.php?id=42" rel="nofollow" class="eTag eTagGr8">ФАНВИДЕО </a>
<a style="font-size:12pt;" href="http://rainsworld.0pk.ru/viewforum.php?id=59" rel="nofollow" class="eTag eTagGr8">MV(рус. саб) </a>
<a style="font-size:12pt;" href="http://rainsworld.0pk.ru/viewforum.php?id=195" rel="nofollow" class="eTag eTagGr8">MV(Special Sub) </a>
<a style="font-size:12pt;" href="http://rainsworld.0pk.ru/viewforum.php?id=198" rel="nofollow" class="eTag eTagGr8">COVER VERSION</a>
<a style="font-size:12pt;" href="http://rainsworld.0pk.ru/viewforum.php?id=197" rel="nofollow" class="eTag eTagGr8">ПАРОДИИ</a>
<a style="font-size:12pt;" href="http://rainsworld.0pk.ru/viewforum.php?id=46" rel="nofollow" class="eTag eTagGr8">КОНЦЕРТЫ</a>
<a style="font-size:12pt;" href="http://rainsworld.0pk.ru/viewforum.php?id=23" rel="nofollow" class="eTag eTagGr8">LIVE </a>
<a style="font-size:12pt;" href="http://rainsworld.0pk.ru/viewforum.php?id=47" rel="nofollow" class="eTag eTagGr8">ФАНКАМЫ</a>
<a style="font-size:12pt;" href="http://rainsworld.0pk.ru/viewtopic.php?id=33" rel="nofollow" class="eTag eTagGr8">ФИЛЬМЫ</a>
<a style="font-size:12pt;" href="http://rainsworld.0pk.ru/viewtopic.php?id=32" rel="nofollow" class="eTag eTagGr8">ДОРАМЫ</a>
<a style="font-size:12pt;" href="http://rainsworld.0pk.ru/viewtopic.php?id=34" rel="nofollow" class="eTag eTagGr8">Specials and shorts</a>
<a style="font-size:12pt;" href="http://rainsworld.0pk.ru/viewtopic.php?id=54" rel="nofollow" class="eTag eTagGr8">АНИМАЦИИ</a>
<a style="font-size:12pt;" href="http://rainsworld.0pk.ru/viewtopic.php?id=44" rel="nofollow" class="eTag eTagGr8">ОБОИ </a>
<a style="font-size:12pt;" href="http://rainsworld.0pk.ru/viewtopic.php?id=43" rel="nofollow" class="eTag eTagGr8">РИСУНКИ</a>
<a style="font-size:12pt;" href="http://rainsworld.0pk.ru/viewtopic.php?id=22" rel="nofollow" class="eTag eTagGr8">ЗНАКОМСТВО</a>
<a style="font-size:12pt;" href="http://rainsworld.0pk.ru/viewtopic.php?id=45" rel="nofollow" class="eTag eTagGr8">ПОЗДРАВЛЯЛКИ</a>
<a style="font-size:12pt;" href="http://rainsworld.0pk.ru/viewtopic.php?id=42" rel="nofollow" class="eTag eTagGr8">ФОТО</a>
<a style="font-size:12pt;" href="http://rainsworld.0pk.ru/viewtopic.php?id=223" rel="nofollow" class="eTag eTagGr8"> MV Photos </a>
<a style="font-size:12pt;" href="http://rainsworld.0pk.ru/viewtopic.php?id=86" rel="nofollow" class="eTag eTagGr8">Photoshooting</a>
<a style="font-size:12pt;" href="http://rainsworld.0pk.ru/viewtopic.php?id=43" rel="nofollow" class="eTag eTagGr8">РЕКЛАМА</a>
<a style="font-size:12pt;" href="http://rainsworld.0pk.ru/viewtopic.php?id=43" rel="nofollow" class="eTag eTagGr8">РЕКЛАМА</a>
<a style="font-size:12pt;" href="http://rainsworld.0pk.ru/viewtopic.php?id=52" rel="nofollow" class="eTag eTagGr8">ФАНКАМЫ</a>
<a style="font-size:12pt;" href="http://rainsworld.0pk.ru/viewtopic.php?id=44" rel="nofollow" class="eTag eTagGr8">MAKING</a>
<a style="font-size:12pt;" href="http://rainsworld.0pk.ru/viewtopic.php?id=39" rel="nofollow" class="eTag eTagGr8">ФЛУДИЛКА</a>
<a style="font-size:12pt;" href="http://rainsworld.0pk.ru/viewtopic.php?id=37" rel="nofollow" class="eTag eTagGr8">МУЗЫКА</a>
<a style="font-size:12pt;" href="http://rainsworld.0pk.ru/viewtopic.php?id=51" rel="nofollow" class="eTag eTagGr8">АКТЁРЫ</a>
<a style="font-size:12pt;" href="http://rainsworld.0pk.ru/viewtopic.php?id=12" rel="nofollow" class="eTag eTagGr8">Korean albums</a>
<a style="font-size:12pt;" href="http://rainsworld.0pk.ru/viewtopic.php?id=13" rel="nofollow" class="eTag eTagGr8"> Japanese albums</a>
<a style="font-size:16pt;" href="http://rainsworld.0pk.ru/viewtopic.php?id=15" rel="nofollow" class="eTag eTagGr8">  Korean singles</a>
<a style="font-size:12pt;" href="http://rainsworld.0pk.ru/viewtopic.php?id=14" rel="nofollow" class="eTag eTagGr8">Japanese singles </a>
<a style="font-size:12pt;" href="http://rainsworld.0pk.ru/viewtopic.php?id=16" rel="nofollow" class="eTag eTagGr8">Chinese singles</a>
<a style="font-size:12pt;" href="http://rainsworld.0pk.ru/viewtopic.php?id=17" rel="nofollow" class="eTag eTagGr8">Others singles</a>
<a style="font-size:12pt;" href="http://rainsworld.0pk.ru/viewtopic.php?id=19" rel="nofollow" class="eTag eTagGr8">КЛИПОГРАФИЯ</a>
</noindex></div>

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

<img src="http://s017.radikal.ru/i413/1201/7a/fdd5da666bd0.jpg">
<br/>
"Говорили, что первый альбом - это предел.
Что второй альбом - предел.
Что третий альбом - предел.
Что четвертый альбом - предел.
И так было всегда. И я всегда старался это превзойти.
И сейчас я думаю, что пришло время показать итоги. Если все обернется провалом, я не восприму это как неудачу. Потому что я могу открыть дверь. И я должен войти в дверь и сейчас я в нее стучу. Если я не смогу пройти, то будет новый талант, который поможет другим пройти в нее, как только я ее открою. Если он не добьется успеха, тогда будет кто-то после него. Если я не смогу, то это сможет сделать другой." Рейн.  Интервью OBS  январь 2008г.

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

<br/>
<a href="ссылка">Тема 1</a>
<br/>
<a href="ссылка">Тема 2</a>
<br/>
<a href="ссылка">Тема 3</a>
<br/>
<a href="ссылка">Тема 4</a>
<br/>
<a href="ссылка">Тема 5</a>

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

<object type="application/x-shockwave-flash" height="200" width="200" data="http://chasikov.net.ru/clock_bd.swf"><param name="movie" value="http://chasikov.net.ru/clock_bd.swf" /><param name="wmode" value="transparent" /><param name="flashvars" value="&img_url=http://chasikov.net.ru/_fq/1/07220290.png&" /></object>

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

<img style="width: 100%; margin-bottom: -4px;" src="http://s017.radikal.ru/i425/1201/db/195fd4d5160b.jpg"/>

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

<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<!--музыка ветра-->
<embed src="http://chasikov.net.ru/js/music_wind_mini.swf" width="150" height="270" wmode="#333333" type="application/x-shockwave-flash"></embed>
<!-- END CBOX -->

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

<iframe name="fantasy" src="http://fantasyflash.ru/vr2/vr5.htm" height="174" width="164" scrolling="no" frameborder="0"></iframe>

</td>
</tr>
<tr>
<td align="center" valign="top" rowspan="3">
<div style="width: 100%; height: 200px; overflow-y: auto;">

<br/>НОВОСТИ<br/>

<p></p>

<p></p>

<p></p>

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

<marquee direction="right" onMouseOver="this.scrollAmount=0" onMouseOut="this.scrollAmount=3" style="color: #000099; font-family: Georgia;">
<font size="6">"Вы не сможете меня превзойти." На сцене. "Я во многом еще новичок." Вне сцены.</font>
</marquee>

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

Official Websites

<br/><br/>
<a href="http://www.rain-jihoon.com/n2/">Rain-Official Website</a>
<br/><br/>
<a href="http://www.rain-cloud.co.kr/">Official Rain Fanclub - The Cloud</a>
<br/><br/>
<a href="http://rain.qq.com/">Rain at QQ.com (official China Site)</a>
<br/><br/>
<a href="http://www.rain-jungjihoon.jp/index.jsp">J. Tune Camp Japan (official Japan Site)</a>
<br/><br/>
<a href="https://twitter.com/#!/29rain">Твиттер</a>
<br/><br/>
<a href="http://vk.com/rainvk">Группа VK</a>
</td>
</tr>
<tr>
<td align="center">

<marquee direction="left" onMouseOver="this.scrollAmount=0" onMouseOut="this.scrollAmount=3" style="color: #000099; font-family: Georgia;">
<font size="6">
"Конечно я заинтересован."
"Я был так разочарован самим собой."
"Иногда я сам себе не нравлюсь."
Рейн о Чон Чихуне.
"Я знаю, что такое голод.
Мне некуда идти.
Я не могу позволить себе расслабиться."
Чон Чихун о Рейне.
</font>
</marquee>

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

<img src="http://s018.radikal.ru/i521/1201/23/5ce9e475c5af.jpg"/>

</td>
</tr>
</table>
<!-- Конец -->

И код скрипта для йоблака :D на старый меняйте:

Код:
<script type="text/javascript">
var flashvars = {};
flashvars.mode = 'tags';
flashvars.minFontSize = '12';
flashvars.maxFontSize = '19';
flashvars.tcolor = '0x000000';
flashvars.tcolor2 = '0x000000';
flashvars.hicolor = '0x000000';
flashvars.distr = 'true';
flashvars.tspeed = '100';
eTagz = document.getElementById('yoblako').getElementsByTagName('A');
flashvars.tagcloud = '<tags>';
for (var i=0; eTagz[i]; ++i) flashvars.tagcloud += '<a href=\'' + eTagz[i].getAttribute('href')
+ '\' style=\'' + parseInt(eTagz[i].style.fontSize)
+ '\'>' + eTagz[i].innerHTML.replace(/&/i, '%26') + '</a>';
delete eTagz;
flashvars.tagcloud += '</tags>';
var params = {};
params.wmode = 'transparent';
params.bgcolor = '#FFFFFF';
params.allowscriptaccess = 'always';
var attributes = {};
attributes.id = 'yoblako';
attributes.name = 'tagcloud';
swfobject.embedSWF('http://upload.wesky.ru/_ld/1/148_tagcloud.swf', 'yoblako', '200', '190', '9.0.0', false, flashvars, params, attributes);
</script>

+1

398

shinnys,

*чайная пауза*

0

399

shinnys,

"картинка в фон" - эт просто фоновое изображение или кнопка картинкой?
И если фоновое - для всех одна и та же пикча?

0

400

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

я так и не понял, своровали вы ссылки или просто со старой таблицы переносили  :D в общем лишние куски выкинул.

я не особо поняла о каких ссылках идёт речь.  :dontknow:   и боюсь даже думать что было лишними кусками)))) главное что все заработало, огромное Вам спасибо!

0

401

Leonheart
я думаю лучше кнопку картинкой, так лучше смотреться будет.

0

402

1. Ссылка на форум
http://newbabylon.nc-21.ru/
2. Эскиз таблицы
http://uploads.ru/t/c/f/d/cfdrm.jpg
Размеры:
Сама таблица: 951х371 px
Картинка: 464х271
3. Скрипты и всевозможные декорации. Чат, плеер, часы, календари, прокрутка, бегущая строка и пр.
Меняющаяся картинка:
Изменяющаяся картинка в таблице
Скрипт всплывающих окон, увы, не нашелся....
4. Форматирование текста
Весь текст по центру
текст "кнопок": Tahoma, 18пт, цвет: #000033
Заголовок: Tahoma, 18пт, цвет: #000000
Сам текст: Tahoma, 12пт, цвет: #000000

5. Картинки для вставки.
пока готовых картинок нет, так что пока вставьте вот это))
http://uploads.ru/t/S/7/1/S71Qn.jpg
http://uploads.ru/t/s/t/X/stXU6.jpg

...

0

403

1. Ссылка на форум
http://hometutorhitmanreborn.anihub.ru/
2. Эскиз таблицы
http://uploads.ru/t/t/y/O/tyOBD.png
3. Скрипты и всевозможные декорации. Чат, плеер, часы, календари, прокрутка, бегущая строка и пр.
Прокрутка, где обозначено.
4. Форматирование текста
Не нуждаемся в этом.
5. Картинки для вставки.
сами всё вставим^^

Отредактировано Miura Haru (2012-06-03 16:34:37)

0

404

shinnys,

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

#menu span {
padding: 0px;
margin: 0px;
display: block;}

#submenu {
padding: 3px;
width: 90%;}

.submenutext {
display: none;
text-align: center;
color: #000;
height: 200px;}

/* Wrap's Background */
#sm1 {background: transparent url(link) center top no-repeat;}
#sm2 {background: transparent url(link) center top no-repeat;}
#sm3 {background: transparent url(link) center top no-repeat;}
#sm4 {background: transparent url(link) center top no-repeat;}
#sm5 {background: transparent url(link) center top no-repeat;}
</style>

<center><table style="width: 100%;" border="0" cellpadding="0" cellspacing="0">
 <tbody>
  <tr style="height: 50px;">
   <td align="center">
    <div id="menu">
<!-- Buttons -->
<table style="width: 90%;" border="0" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 18%;" align="center">
<span alt="#sm1" style="cursor: pointer;"><img src="link"/></span>
</td>
<td style="width: 18%;" align="center">
<span alt="#sm2" style="cursor: pointer;"><img src="link"/></span>
</td>
<td style="width: 18%;" align="center">
<span alt="#sm3" style="cursor: pointer;"><img src="link"/></span>
</td>
<td style="width: 18%;" align="center">
<span alt="#sm4" style="cursor: pointer;"><img src="link"/></span>
</td>
<td style="width: 18%;" align="center">
<span alt="#sm5" style="cursor: pointer;"><img src="link"/></span>
</td>
</tr>
</table>
<!-- End -->
    </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>
     <div id="sm4" class="submenutext">

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

</div>
     <div id="sm5" 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>

+1

405

Пакетик, нет у меня скрипта ротатора при обновлении страницы... есть ротатор картинок через интервал времени прост.

0

406

Miura Haru,

Код:
<style>
#pun-announcement h2 {display: none}
#pun-announcement .container {padding-top: 1em}

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

.line {
  border-bottom: 1px solid #000;
  width: 96%;
  margin: 5px 0 5px 0;}

.scroll-box {
  width: 100%;
  height: 100px;
  overflow-y: auto;}
</style>

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

<div class="my_border">
<div class="scroll-box">

Left top text

</div>
<div class="line"></div>
<div style="width: 90%; height: 100px;">

Left bottom text

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

<div class="my_border">
<div style="width: 90%; height: 100px;">

Right top text

</div>
</div>

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

<div class="my_border">
<div class="scroll-box">

Right bottom text

</div>
</div>

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

+1

407

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

Пакетик, нет у меня скрипта ротатора при обновлении страницы... есть ротатор картинок через интервал времени прост.

Тогда пусть по времени будет))) если можно, минуты 3 интервал...

0

408

Пакетик,

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

#matbl td{text-align: center; vertical-align: top; font-family: 'Tahoma'; font-size: 12px; color: #000;}
#matbl h3{font-family: 'Tahoma'; font-size: 18px; color: #000;}

.splLink {width: auto; height: 30px; text-align: center; font-family: 'tahoma'; font-size: 18px; padding: 8px 0 0 0; border: 1px solid #fff;}
.splCont {height: auto; width: 260px; background: #dcdcdc; padding: 5px; z-index: 1000; margin: 5px 0 0 -35px; text-align: center;
    -webkit-box-shadow: 0px 0px 10px #000;
     -khtml-box-shadow: 0px 0px 10px #000;
       -moz-box-shadow: 0px 0px 10px #000;
            box-shadow: 0px 0px 10px #000;}
.splCont p {border: 1px solid #fff;}
</style>


<table id="matbl" cellpadding="0" cellspacing="0" border="0">
<tr>
<td colspan="2">

<!-- Buttons -->
<table style="width: 100%; height: 55px;"><tr>
<td style="width: 20%;" align="center"><DIV><div class=splLink>Администрация</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont><p>

Контент 1

</p></DIV></DIV></td>
<td style="width: 20%;" align="center"><DIV><div class=splLink>Полезные ссылки</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont><p>

Контент 2

</p></DIV></DIV></td>
<td style="width: 20%;" align="center"><DIV><div class=splLink>Дата и время в игре</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont><p>

Контент 3

</p></DIV></DIV></td>
<td style="width: 20%;" align="center"><DIV><div class=splLink>Конкурсы</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont><p>

Контент 4

</p></DIV></DIV></td>
<td style="width: 20%;" align="center"><DIV><div class=splLink>Акции</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont><p>

Контент 5

</p></DIV></DIV></td>
</tr></table>
<!-- End -->

</td>
</tr>
<tr>
<td style="width: 487px;">

<h3>Объявления</h3>

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

</td>
<td style="width: 464px;">

<!-- Ротатор произвольного контента -->
<style>#КонтентРотатор p{display:none}</style>
<div id="КонтентРотатор" style="width:464px;">
<p><img src="http://uploads.ru/i/S/7/1/S71Qn.jpg"/></p>
<p><img src="http://uploads.ru/i/s/t/X/stXU6.jpg"/></p>
</div>

<script language="javascript">
var sek = 180000;  // Время отображения

var Nrout=$("#КонтентРотатор p").length;
var i=0;RotatorMycontent(i);

function RotatorMycontent(i) {
$("#КонтентРотатор p").hide();
$("#КонтентРотатор p").eq(i).show();

j=i+1;if(j>=Nrout){j=0};
timerID = setTimeout("RotatorMycontent(j)",sek);return;}
</script>

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

<!-- Скрипт сворачивания кнопок -->
<script type="text/javascript"> 
  $(document).ready(function(){
    $('.splLink').click(function(){
      $(this).parent().children('div.splCont').toggle('normal');
      return false;
    });
  });
</script>

+1

409

1. Ссылка на форум
http://groupnotabsolutelymut.0pk.ru/
2. Эскиз таблицы
http://content.foto.mail.ru/mail/marmyshka98/_mydialog/i-2780.jpg
3. Скрипты и всевозможные декорации. Чат, плеер, часы, календари, прокрутка, бегущая строка и пр.
Прокрутка,Часики:

Код:
<script src="http://www.clocklink.com/embed.js"></script><script type="text/javascript" language="JavaScript">obj=new Object;obj.clockfile="5011-horse.swf";obj.TimeZone="PST";obj.width=140;obj.height=120;obj.wmode="transparent";showClock(obj);</script>

Календарь:

Код:
<iframe name="fantasy" src="http://fantasyflash.ru/vr2/vr12.htm" height="174" width="164" scrolling="no" frameborder="0"></iframe>

И ещё если можно, в окне Администрация сделать "вылетающее окно". Пример не нашла, но знаю, что если нажмёшь, раскрывается окошко и там внутри что-то есть, ну в моём случает там будут имена администрации.
4. Форматирование текста
Шрифт Comic Sans Ms, наклонный.
5. Картинки для вставки.
http://content.foto.mail.ru/mail/marmyshka98/_mydialog/i-2781.jpg

0

410

Lady_Nastya_Lady, а если меня нет на майле, как я должен ваши картинки рассматривать под приватным доступом?

0

411

Leonheart

http://uploads.ru/t/L/g/B/LgBQA.jpg
http://uploads.ru/t/6/s/P/6sP7T.jpg

Так Видно?

Отредактировано Lady_Nastya_Lady (2012-06-05 13:52:10)

0

412

Lady_Nastya_Lady,

Код:
<style>
#pun-announcement h2 {display: none}
#pun-announcement .container {padding: 0em; border: none;}

.nem_cin {font-family: 'comic sans ms'; font-style: oblique; font-size: 14px!important;}
.nem_cin td {text-align: center; vertical-align: middle; border: 1px solid;}
.nem_cin h3 {font-weight: bold; margin: 8px 0 8px 0;}
.line {border-bottom: 1px solid; width: 100%; margin: 10px 0 10px 0;}

.splLink {width: auto; height: 30px; text-align: center; font-weight: bold; margin-top: 3px;}
.splCont {height: auto; width: 256px; background: #CED0FC; padding: 5px; z-index: 1000; margin-top: 5px; border: 1px solid #000; text-align: center;}
</style>

<table class="nem_cin" style="width: 100%;" cellpadding="0" cellspacing="0" border="0">
<tr style="height: 30px;">
<td style="border-bottom: none;" colspan="3">
<marquee style="width: 98%;" scrollamount="2"><h3>

Текст бегущей строки

</h3></marquee>
</td>
</tr>
<tr>
<td style="width: 27%;">

<DIV><div class="splLink">Администрация</div>
<DIV style="DISPLAY: none; position: absolute;" class="splCont">

Контент

</DIV></DIV>

<div class="line"></div>

<h3>Новости</h3>
<div style="width: 99%; height: 285px; overflow-y: auto;">

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

</div>
</td>
<td style="width: 46%; border-left: none; border-right: none;">

<img style="width: 450px; width: 100%; margin: 0 0 -4px 0;" src="http://uploads.ru/i/6/s/P/6sP7T.jpg"/>

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

<script src="http://www.clocklink.com/embed.js"></script><script type="text/javascript" language="JavaScript">obj=new Object;obj.clockfile="5011-horse.swf";obj.TimeZone="PST";obj.width=140;obj.height=120;obj.wmode="transparent";showClock(obj);</script>

<div class="line"></div>

<iframe name="fantasy" src="http://fantasyflash.ru/vr2/vr12.htm" height="174" width="164" scrolling="no" frameborder="0"></iframe>

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

<!-- Спойлер-контейнер -->
<script type="text/javascript"> 
  $(document).ready(function(){
    $('.splLink').click(function(){
      $(this).parent().children('div.splCont').toggle('normal');
      return false;
    });
  });
</script>

+1

413

1. Ссылка на форум
http://korollev4newlive.spybb.ru/
(как вы видите, там уже стоит некая калябаля моих попыток методом тыка воссоздать то, чего я осмелюсь попросить сейчас у вас)
2. Эскиз таблицы
кхм. вот так желаю. это хотя бы реально? х.х
Исходный вид. По умолчанию открыта первая вкладка
Открыта вторая вкладка
Третья вкладка
Четвертая
Пятая
Шестая
Изображения в масштабе 1:1
то бишь само чудо от края до края должно быть размером 716 x 221 (159х33 - вкладки + 540х210 - окно) (проверяла, должно подходить)
3. Скрипты и всевозможные декорации. Чат, плеер, часы, календари, прокрутка, бегущая строка и пр.
По две штуки прокрутки в окне второй, третьей и шестой вкладки
Бегущая справа налево строка в окне пятой вкладки
4. Форматирование текста
Шрифт - Corbel если он и так не стандартный х.х, размер - стандартный
5. Картинки для вставки.
Исходный фон
Фон с партнерами
если можно что бы на разных вкладках был разный фон о.о если нет, то везде исходный
Фон окна прокрутки
вроде все.. если чего-то не хватает - скажите, добавлю

Отредактировано lmalex94 (2012-06-07 18:07:45)

0

414

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

вот так желаю. это хотя бы реально? х.х

Более чем  :glasses:

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

если можно что бы на разных вкладках был разный фон

Дык выложите все фоны.

0

415

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

Более чем

слава вам :3

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

Дык выложите все фоны.

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

0

416

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

не, мне надо везде один и тот же исходный, кроме как в партнерах

:D ок, тогда чуть позже.

0

417

lmalex94,

обновите код таблицы в html-верху:

Код:
<style>	
/*ТАБЛИЦА*/
#menu {
margin-top: 1px;
width: 160px;
height: 60px;}

#menu span {
text-align: left;
display: block;
margin-bottom: 7px;
padding: 6px 5px 7px 10px;
background: #DEDBF7;}

#submenu, #menu span {
font-family: 'georgia';
color: #6F6C88;
border: 1px solid #5E5C68;
  -webkit-border-radius: 5px;
   -khtml-border-radius: 5px;
     -moz-border-radius: 5px;
       -o-border-radius: 5px;
          border-radius: 5px;
}

#menu .tabactive {
  color: #fff;
  font-weight: normal;
  background: #C1B2D2;}

#submenu {
text-align: left;
font-size: 12px;
width: 540px;
background: transparent url(http://s019.radikal.ru/i638/1206/a1/2b227d1fee55.jpg) right bottom no-repeat;}

#sm5 {background: transparent url(http://s40.radikal.ru/i087/1206/2d/01e49143803a.jpg) right bottom no-repeat;}

.submenutext {
  padding: 15px;
  display: none; 
  height: 180px;}

.inst_tbl td {
  text-align: left;
  vertical-align: top;}

.inst_tbl h3 {
  font-weight: bold;
  font-size: 110%;
  margin-bottom: 5px;}

.simba {
  width: 192px;
  height: 168px;
  overflow-y: auto;
  text-align: left;
  padding: 5px;
  margin-left: 30px;
  background: transparent url(http://uploads.ru/i/V/L/X/VLX9o.png) center top no-repeat;}

#sm3 .simba, #sm6 .simba {text-align: center;}
</style>

И саму таблицу:

Код:
<center><table>
 <body>
  <tr>
   <td align="center" valign="top">
    <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>
<span alt="#sm4" style="cursor: pointer;">Полезные ссылки</span>
<span alt="#sm5" style="cursor: pointer;">Баннеры партнеров</span>
<span alt="#sm6" style="cursor: pointer;">Администрация</span>
           </b>
    </div>
   </td>
   <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">

<table class="inst_tbl" style="width: 510px; height: 180px;" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 255px;">
<div class="simba">

<h3>Новости</h3>

текст

</div>
</td>
<td style="width: 255px;">
<div class="simba">

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

текст

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

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

<table class="inst_tbl" style="width: 510px; height: 180px;" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 255px;">
<div class="simba">

<h3>Новости форума</h3>

текст

</div>
</td>
<td style="width: 255px;">
<div class="simba">

<h3>Лучший игрок</h3>

<img style="width: 100px; height: 100px;" src="ссылка на аву"/><br/><br/>

<h3>Лучший пост</h3>

<img style="width: 100px; height: 100px;" src="ссылка на аву"/><br/><br/>

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

<img style="width: 100px; height: 100px;" src="ссылка на аву"/>

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

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

Ссылки

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

<marquee style="width: 50%; height: 31px;" scrollamount="2">

Баннеры баннеры баннеры

</marquee>

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

<table class="inst_tbl" style="width: 510px; height: 180px;" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 255px;">
<div class="simba">

текст

<br/><br/><img style="width: 100px; height: 100px;" src="ссылка на аву"/>

</div>
</td>
<td style="width: 255px;">
<div class="simba">

текст

<br/><br/><img style="width: 100px; height: 100px;" src="ссылка на аву"/>

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

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

+1

418

Leonheart
проверка: все работает, мастер)

*забрал*

0

419

1. Ссылка на форум
http://citywarriors.rolka.su/
2. Эскиз таблицы

эскиз

http://uploads.ru/i/R/4/6/R46Zh.png

3. Скрипты и всевозможные декорации. Чат, плеер, часы, календари, прокрутка, бегущая строка и пр.
нет
4. Форматирование текста
текст обычный.
5. Картинки для вставки.
админ состав
1-http://uploads.ru/i/J/s/e/JseUD.png
http://citywarriors.rolka.su/profile.php?id=2
2-http://uploads.ru/i/K/h/6/Kh6aN.png
http://citywarriors.rolka.su/profile.php?id=36
3-http://uploads.ru/i/I/O/c/IOcja.png
http://citywarriors.rolka.su/profile.php?id=14
4-http://uploads.ru/i/2/O/i/2OiNB.png
http://citywarriors.rolka.su/profile.php?id=59
5-http://uploads.ru/i/S/G/X/SGXdD.png
http://citywarriors.rolka.su/profile.php?id=15

0

420

Громушка, не наблюдаю баннера верхнего на вашем форуме. Вы осознаете, что форум могут забанить за его отсутствие? Оо

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

0



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