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

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

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


Вы здесь » Форум поддержки пользователей ZeroParking » Архив тем » Заказ таблиц №8


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

Сообщений 931 страница 960 из 1000

931

У меня особенная просьба. Вы можете мне просто цвет таблицы поменять? С коричневого на нежно-нежно голубой.

В верху

Код:
<style>	
#menu {
margin-top: -5px;
width: 200px;
height: 60px;
background-repeat : no-repeat;}

#menu span {
text-align:left;
display:block;
color:#000000;
margin: 7px 0;
padding: 11px;
}
#submenu, #menu span {
    border-radius:10px;
    -webkit-border-radius:10px;
    -khtml-border-radius:10px;
    -moz-border-radius:10px;
    -o-border-radius:10px;
background:#8A8A8A;
}

#menu .tabactive {
color: #000000;
    background:#acacac;
}

#submenu {
padding: 3px;
height: 200px;
text-align: center;
font-size: 12px;
width: 540px;
}

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

В низу

Код:
<script type="text/javascript">
$(document).ready(function() {
$("td.#MenuTxT div.submenutext").hide();
<!--$(".tabs span:first").addClass("active").show(); -->
$("td.#MenuTxT div.submenutext:first").show();
$("div.#menu span").click(function() {
    $("div.#menu span").removeClass("tabactive");
    $(this).addClass("tabactive");
    $("td.#MenuTxT div.submenutext").hide();
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).fadeIn();
    return false; });
});
</script>

Объявление

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

<center><table style="width: 800px">
 <tbody>
  <tr>
   <td 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>
           </b>
    </div>
   </td>
   <td id="MenuTxT"  align="center" valign="top">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;">
<br/><br/>
<div style="overflow: auto; height: 200px">
текст добро пожаловать

</div>
</div>
     <div id="sm2" class="submenutext"><br /><br />
<div style="overflow: auto; height: 200px">
текст новости форума

</div>
</div>
     <div id="sm3" class="submenutext"><br /><br />
<div style="overflow: auto; height: 200px">
текст реклама

</div>
</div>
     <div id="sm4" class="submenutext"><br /><br />
<div style="overflow: auto; height: 200px">
текст админы

</div>
</div>
<div id="sm5" class="submenutext"><br /><br />
<div style="overflow: auto; height: 200px">


</div>
</div>

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

0

932

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

#submenu, #menu span {
    border-radius:10px;
    -webkit-border-radius:10px;
    -khtml-border-radius:10px;
    -moz-border-radius:10px;
    -o-border-radius:10px;
background:#99ffff;
}

Красным - ваш цвет.

+1

933

1. Ссылка на форум
http://worldinnaruto.rolka.su/ ...
2. Скрин таблицы
http://uploads.ru/i/h/V/n/hVnfO.png
3. Скрипты и всевозможные примочки. Чат, плеер, часы, календарь, прокрутка, бегущая строка и пр.

Код:
<div style="height: 111px; overflow: auto">содержимое<div>

4. Форматирование текста
Картинка на фон без пометок(размер таблицы полностью по картинке)***http://uploads.ru/t/v/l/i/vlidW.png
Таблицы: Цифра 1,2,3 это просто ячейки.
Текст: Цифра 2,3,4 текст по середине, а 2 по левую сторону.
Прокрутка: Только где цифры 1,2,4(во всех появляющихся контентах ^^ )
И теперь к самому самому сложному, первое! красные квадратики(при нажатии на которые меняеться контент в цифре 4) можно их сделать либо прозрачьными чтобы кликабельная зона оставалась в таких же размерах(и без надписей). Либо если первое не удастся то в таких же размерах я потом запихну туда картинки. Думаю все!     
5. Картинки для вставки.

0

934

SergeyRatkin, короче, вы меня запутали... со своими 2 и 2, первое/второе... пишите одно и то же. Если зоны прозрачные - как народ будет распознавать, что они тыкабельные...

Код:
<center><table style="width: 800px; height: 500px; background: url(http://uploads.ru/i/v/l/i/vlidW.png) center no-repeat; text-align: center;" border="0" cellpadding="0" cellspacing="0">

<tr style="height: 130px;" align="center" valign="bottom"><td colspan="2">
<div style="width: 458px; height: 67px; overflow: auto; margin-bottom: 12px;"><br/>

Текст приветствия

</div>
</td></tr>
<tr style="height: 370px;" valign="bottom" align="center">

<td style="width: 290px;">
<div style="width: 230px; height: 280px; overflow: auto; margin-bottom: 25px; margin-left: 30px; text-align: left!important;">

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

</div></td>
<td style="width: 510px;">


<div style="width: 454px; height: 267px; margin-bottom: 26px; margin-right: 26px;">

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

#menu span {
margin-right: -3px;
width: 109px;
height: 45px;}

#submenu {
padding: 0px;
text-align: center;
font-size: 12px;
width: 450px;}

.submenutext {
display: none; 
height: 215px;
margin-top: 5px;}
</style>


<center><table style="width: 100%;" border="0" cellspacing="0" cellpadding="0">
 <tbody>
  <tr height="45">
   <td>
    <div id="menu">
<span alt=#sm1 "style="cursor: pointer;">0</span>
<span alt=#sm2 "style="cursor: pointer;">0</span>
<span alt=#sm3 "style="cursor: pointer;">0</span>
<span alt=#sm4 "style="cursor: pointer;">0</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 style="widht: 100%; height: 215px; overflow: auto;">

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

</div></div>

     <div id="sm2" class="submenutext"><div style="widht: 100%; height: 215px; overflow: auto;">

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

</div></div>

     <div id="sm3" class="submenutext"><div style="widht: 100%; height: 215px; overflow: auto;">

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

</div></div>

     <div id="sm4" class="submenutext"><div style="widht: 100%; height: 215px; overflow: auto;">

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

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

</div>

<div style="width: 453px; height: 39px; margin-bottom: 25px; margin-right: 26px;"><br/>

Топы топы топы

</div>

</td>

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

Вместо "зеро" (0) свои картинки втюхивайте - указанных вами же на разметке размеров.  :glasses:

+2

935

Leonheart
Спасибо) +

0

936

1. Ссылка на форум
http://wolkistixii.0pk.ru/
2. Скрин таблицы
http://uploads.ru/t/J/m/q/JmqKX.jpg
3. Скрипты и всевозможные примочки. Чат, плеер, часы, календарь, прокрутка, бегущая строка и пр.
При нажимании на маленькую кнопочку, в большом окне появляется текст. И внизу, еле видным текстом:  сделано специально для http://wolkistixii.0pk.ru/ И рамочки цвета чуть темнее фона объявления (посмотрите на сайте)
4. Форматирование текста
Курсив
5. Картинки для вставки.
http://uploads.ru/t/z/D/T/zDTJO.jpg
http://uploads.ru/t/c/M/E/cMEZN.jpg
http://uploads.ru/t/i/v/G/ivGfK.jpg
http://uploads.ru/t/F/I/1/FI1YS.jpg
http://uploads.ru/t/T/h/4/Th4V5.jpg
http://uploads.ru/t/k/c/9/kc9fh.jpg
http://uploads.ru/t/P/f/Q/PfQyF.jpg

0

937

Междумирье написал(а):

При нажимании на маленькую кнопочку, в большом окне появляется текст.

Уточните на скрине - сколько и какие у вас кнопочки - а то судя по эскизу - 4, а если по картинкам - 7.  :glasses:

+1

938

1. Ссылка на форум
http://investigator.mybb.ru/
2. Скрин таблицы
http://s018.radikal.ru/i511/1201/21/c9c46cc2324f.jpg - общий вид таков

http://s017.radikal.ru/i417/1201/9b/964fe08b3401.jpg - при нажатии 1-ой кнопки
http://s018.radikal.ru/i500/1201/99/c54b0cd30b40.jpg - при нажатии 2-ой кнопки
http://s018.radikal.ru/i517/1201/7a/59620988a0b8.jpg - при нажатии 3-ей кнопки
http://s44.radikal.ru/i105/1201/7a/e48029719db5.jpg - при нажатии 4-ой кнопки
http://s47.radikal.ru/i118/1201/69/2a5b3ea8979f.jpg - при нажатии 5-ой кнопки
http://s018.radikal.ru/i520/1201/9b/42a940b0db9d.jpg - при нажатии 6-ой кнопки
http://s018.radikal.ru/i514/1201/b0/ca644d3203c7.jpg - при нажатии 7-ой кнопки
3. Скрипты и всевозможные примочки. Чат, плеер, часы, календарь, прокрутка, бегущая строка и пр.
вроде всё подписано, ну если только, чтоб ширина рамки совпадала с шириной всех кнопок вмесет взятых Оо...и, рамка пунктиром. вроде всё.
4. Форматирование текста
Times New Roman 14
5. Картинки для вставки.
1 кнопка - http://s018.radikal.ru/i527/1201/6b/1d5e9bfee692.png
картинка - http://s018.radikal.ru/i526/1201/94/c4a92244fb38.jpg
2 кнопка - http://s018.radikal.ru/i512/1201/f7/6ec7e8ea6d99.png
картинка - http://s59.radikal.ru/i163/1201/26/84b73b73d544.jpg
3 кнопка - http://s018.radikal.ru/i527/1201/58/8990d2c2104c.png
картинки - http://s018.radikal.ru/i500/1201/fd/4b14b36ecc53.png (100х100)
http://s55.radikal.ru/i150/1201/55/491ca2a59f80.png (80х80)
http://s018.radikal.ru/i517/1201/5b/08c7822b5798.png (80х80)
http://s018.radikal.ru/i503/1201/ce/fc6dae301c98.png (70х70)
http://s018.radikal.ru/i512/1201/3a/57485b52a563.png (70х70)
http://s009.radikal.ru/i309/1201/63/1d40a23a9caf.png (70х70)
http://i009.radikal.ru/1201/8f/548fbbf048c9.png (70х70)
http://s018.radikal.ru/i511/1201/ca/a874c1dcd470.png (70х70)
http://s018.radikal.ru/i502/1201/d6/b18c4b192938.png (70х70)
4 кнопка - http://s018.radikal.ru/i501/1201/db/27c744a21ac9.png
5 кнопка - http://i012.radikal.ru/1201/93/b9270a01312a.png
6 кнопка - http://s002.radikal.ru/i200/1201/70/151c0ad82cf5.png
картинка - http://s018.radikal.ru/i517/1201/a5/0a8cf909116c.jpg
7 кнопка - http://s50.radikal.ru/i128/1201/bd/1d628802a800.png

кажись всё, извините, что так много чего (

0

939

Рил Мэйер:D а я-то испугался сначала... сегодня уже не успеваю.

+1

940

Leonheart
да ничего страшного, я понимаю Вас, я и не спешу и не тороплю никого)
Просто думала, сама сделать, но сейчас по состоянию здоровья (в особенности мозга, который не получает достаточно крови), поняла, что улчше за помощью обратиться к профессионалам)

0

941

Leonheart забыл спасибо в очередной раз сказать... 3+++ вам.   ^^  все работает!

0

942

Рил Мэйер,

в html-верх:

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

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

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

#menu .tabactive {
border: none;}

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

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

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

Код:
<!-- Талица by Leonheart -->
<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://s018.radikal.ru/i527/1201/6b/1d5e9bfee692.png"></span>
<span alt="#sm2" style="cursor: pointer;"><img src="http://s018.radikal.ru/i512/1201/f7/6ec7e8ea6d99.png"></span>
<span alt="#sm3" style="cursor: pointer;"><img src="http://s018.radikal.ru/i527/1201/58/8990d2c2104c.png"></span>
<span alt="#sm4" style="cursor: pointer;"><img src="http://s018.radikal.ru/i501/1201/db/27c744a21ac9.png"></span>
<span alt="#sm5" style="cursor: pointer;"><img src="http://i012.radikal.ru/1201/93/b9270a01312a.png"></span>
<span alt="#sm6" style="cursor: pointer;"><img src="http://s002.radikal.ru/i200/1201/70/151c0ad82cf5.png"></span>
<span alt="#sm7" style="cursor: pointer;"><img src="http://s50.radikal.ru/i128/1201/bd/1d628802a800.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%; padding-top: 95px;" border="0" cellpadding="0" cellspacing="5"><tr><td width="62%" valign="top" align="left">


Текст


</td><td widht="38%"><img style="margin-bottom: -4px;" src="http://s018.radikal.ru/i526/1201/94/c4a92244fb38.jpg"></td></tr></table>
<!-- End -->
</div>
     <div id="sm2" class="submenutext">
<!-- Контент второй кнопки -->
<table style="width:100%; padding-top: 62px;" border="0" cellpadding="0" cellspacing="4"><tr><td width="50%" valign="top" align="left">


Текст


</td><td widht="50%"><img style="margin-bottom: -3px;" src="http://s59.radikal.ru/i163/1201/26/84b73b73d544.jpg"></td></tr></table>
<!-- End -->
</div>
     <div id="sm3" class="submenutext">
<!-- Контент третьей кнопки -->
<style>#ruzaki {margin: 10px;}</style>
<table style="width:100%; padding-top: 95px;" border="0" cellpadding="0" cellspacing="10"><tr><td width="50%" align="center" style="border: 1px solid;">


<p align="left"><img id="ruzaki" src="http://s018.radikal.ru/i500/1201/fd/4b14b36ecc53.png"></p>
<br/>
<img id="ruzaki" src="http://s018.radikal.ru/i503/1201/ce/fc6dae301c98.png"><img id="ruzaki" src="http://s018.radikal.ru/i512/1201/3a/57485b52a563.png"><img id="ruzaki" src="http://s009.radikal.ru/i309/1201/63/1d40a23a9caf.png">
<br/>
<img id="ruzaki" src="http://i009.radikal.ru/1201/8f/548fbbf048c9.png"><img id="ruzaki" src="http://s018.radikal.ru/i511/1201/ca/a874c1dcd470.png"><img id="ruzaki" src="http://s018.radikal.ru/i502/1201/d6/b18c4b192938.png">


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


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


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


текст


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

<div id="yoblako" align="center">
<noindex>
<a style="font-size:12pt;" href="ссылка" rel="nofollow" class="eTag eTagGr8">Тема 1</a> 
<a style="font-size:12pt;" href="ссылка" rel="nofollow" class="eTag eTagGr8">Тема 2</a> 
<a style="font-size:12pt;" href="ссылка" rel="nofollow" class="eTag eTagGr8">Тема 3</a> 
<a style="font-size:12pt;" href="ссылка" rel="nofollow" class="eTag eTagGr8">Тема 4</a> 
<a style="font-size:12pt;" href="ссылка" rel="nofollow" class="eTag eTagGr8">Тема 5</a> 
<a style="font-size:12pt;" href="ссылка" rel="nofollow" class="eTag eTagGr8">Тема 6</a>
<a style="font-size:12pt;" href="ссылка" rel="nofollow" class="eTag eTagGr8">Тема 7</a>
</noindex>
</div>

<!-- End Ссылок облака тегов -->
</td></tr><tr height="50%"><td>


ЧАТ


</td><td width="25%">


текст


</td><td width="25%">


текст


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


текст


</td><td widht="50%" height="30%">


ссылки


</td></tr>
<tr><td height="70%" valign="top" align="left">


текст


</td></tr></table>
<!-- End -->
</div>
     <div id="sm6" class="submenutext">
<!-- Контент шестой кнопки -->
<table style="width:100%; padding-top: 95px;" border="0" cellpadding="0" cellspacing="5"><tr><td width="60%" valign="top" align="left">


Текст


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


<img style="margin-bottom: -4px;" src="http://s018.radikal.ru/i517/1201/a5/0a8cf909116c.jpg">


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


Текст


</td><tr valign="top" align="left" height="80%"><td widht="60%">


текст


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


текст


</td></tr></table>
<!-- End -->
</div>
</div>
</td></tr></tbody></table></center>
<!-- End Талицы -->

В 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>
<!-- End -->

<!-- Скрипт работы Облака тегов -->
<script type="text/javascript" src="http://upload.wesky.ru/_ld/1/147_swfobject.js"></script>
<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', '220', '9.0.0', false, flashvars, params, attributes);
</script>
<!-- End -->

+1

943

Leonheart
Эти кнопочки с надписями: Огонь, вода, новичкам, одиночки, партнёры, воздух и земля. А текст поевляется в самом большом окне.

0

944

SergeyRatkin:flag:  чо-т глянул с разных браузеров, сползло несчадно:  %-) обновите

Код:
<center><table style="width: 800px; height: 500px; background: url(https://forumstatic.ru/files/0010/c9/47/62760.png) center no-repeat; text-align: center;" border="0" cellpadding="0" cellspacing="0">

<tr style="height: 130px;" align="center" valign="bottom"><td colspan="2" align="center">
<div style="width: 458px; height: 67px; overflow: auto; margin-bottom: 12px;"><br/>





<b>Здравствуй дорогой гость! </b><br>
Ты зашел на наш форум, это по любому что то значит. Ты увидел наш баннер или рекламу и кликнул, без 50 % интереса никто, никогда не кликает по таким штукам. Теперь когда ты читаешь то что здесь написано мы предлагаем тебе сделать вот что. Для начала прочти <a href="http://futurenaruto.anihub.ru/viewtopic.php?id=8"><b>"правила"</b></a>, потом если все устраивает то читай <a href="http://futurenaruto.anihub.ru/viewtopic.php?id=9"><b>"сюжет ролевой"</b></a>, если и здесь тебя все устраивает то прямиком вот <a href="http://futurenaruto.anihub.ru/viewforum.php?id=3"><b>"сюда"</b></a>, и по <a href="http://futurenaruto.anihub.ru/viewtopic.php?id=12"><b>"шаблону"</b></a> составляй анкету, читая всю остальную  
<a href="http://futurenaruto.anihub.ru/viewforum.php?id=2"><b>"информацию"</b></a>. <br>Удачи тебе!<br>
Мини сюжет нашей ролевой, это мир после 300 летнего периода жизни, после 4 мировой войны которую завязал Тоби из Акацки. Поэтому все персонажи тут не каноничные, но если что есть список ролей которые можно с легкостью занять.  
<br>




</div>
</td></tr>
<tr style="height: 370px;" valign="bottom" align="center">

<td style="width: 290px;" align="center">
<div style="width: 230px; height: 280px; overflow: auto; margin-bottom: 25px; margin-left: 30px; text-align: left!important;">
<!--================================                                                 НОВОСТИ
================ ================-->

<a href="http://futurenaruto.anihub.ru/viewtopic.php?id=153">Акция #1. Наследники додзюцу.</a>
<br>
<img src="http://uploads.ru/i/n/F/p/nFp8S.png">
<br>

<!--================================                                                 НОВОСТИ
================ ================-->
</div></td>
<td style="width: 510px;">


<div style="width: 454px; height: 267px; margin-bottom: 26px; margin-right: 26px;">

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

#menu span {
margin-right: -3px;
width: 109px;
height: 45px;}

#submenu {
padding: 0px;
text-align: center;
font-size: 12px;
width: 450px;}

.submenutext {
display: none; 
height: 215px;
margin-top: 5px;}
</style>


<center><table style="width: 100%;" border="0" cellspacing="0" cellpadding="0">
 <tbody>
  <tr height="45">
   <td align="center">
    <div id="menu">
<span alt=#sm1 "style="cursor: pointer;"><img src="https://forumstatic.ru/files/0010/c9/47/14009.png" /></span>
<span alt=#sm2 "style="cursor: pointer;"><img src="https://forumstatic.ru/files/0010/c9/47/36881.png" /></span>
<span alt=#sm3 "style="cursor: pointer;"><img src="https://forumstatic.ru/files/0010/c9/47/84829.png" /></span>
<span alt=#sm4 "style="cursor: pointer;"><img src="https://forumstatic.ru/files/0010/c9/47/98505.png" /></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 style="widht: 100%; height: 215px; overflow: auto;">

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

</div></div>

     <div id="sm2" class="submenutext"><div style="widht: 100%; height: 215px; overflow: auto;">

<!--================================ АДМИН 
=================================-->

<font size="4" style="font-family: VTMB_DlgIntimidation3;">Ведется набор! Обращаться к Гл. Админу</font><br/>
<table border="0">  <tr><td>
<a href="http://futurenaruto.anihub.ru/profile.php?id=2"><img src="http://img0.liveinternet.ru/images/attach/c/2//68/942/68942387_2734291_10196452.jpg" /></a>
</td><td><font style="font-family:Impact;" size="3">Гл.Админ</font></td><td>
<font size="2">Ответственность:</font><br>
Главный администратор, ответственен за все...
</td></tr><tr><td><a href="http://futurenaruto.anihub.ru/profile.php?id=12"><img src="http://images4.fanpop.com/image/polls/635000/635166_1296913389048_100.jpg?v=1296913400/" /></a></td><td><font style="font-family:Impact;" size="3">Зам. Админ</font></td><td>
<font size="2">Ответственность:</font><br>
Главный администратор, ответственен за все...
</td></tr><tr><td><a href="http://futurenaruto.anihub.ru/profile.php?id=16"><img src="http://uploads.ru/t/2/b/G/2bGar.png" /></a></td><td>
<font style="font-family:Impact;" size="3">Гл.Модер</font></td><td>
<font size="2">Ответственность:</font><br>
Главный администратор, ответственен за все...
</td></tr><tr><td><a href="http://futurenaruto.anihub.ru/profile.php?id=14"><img src="http://s12.radikal.ru/i185/1201/f6/4cac3e97985d.jpg" /></a></td><td>
<font style="font-family:Impact;" size="3">2.Модер</font></td><td>
<font size="2">Ответственность:</font><br>
Главный администратор, ответственен за все...
</td></tr><tr><td><a href="ССЫЛКА"><img src="" /></a>это ТЫ
</td><td><font style="font-family:Impact;" size="3">Нейтрал</font></td><td>
<font size="2">Ответственность:</font><br>
Главный администратор, ответственен за все...
</td></tr></table>

<!--================================ АДМИН 
=================================-->
</div></div>

     <div id="sm3" class="submenutext"><div style="widht: 100%; height: 215px; overflow: auto;">

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

</div></div>

     <div id="sm4" class="submenutext"><div style="widht: 100%; height: 215px; overflow: auto;">


<a href="http://stschool.anihub.ru"><img src="http://s42.radikal.ru/i097/1001/dd/f159a9732e2b.gif"></a>



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

</div>

<div style="width: 453px; height: 39px; margin-bottom: 25px; margin-right: 26px;"><br/>
<!--================================                         БАННЕРЫ ГОЛО 
=================================-->

<a href='http://wizardtop.ru/in.php?id=1173' target='_blank' title='Волшебный рейтинг игровых сайтов'><img src='http://wizardtop.ru/b/17.gif' border='0' width='88' height='31' alt='Волшебный рейтинг игровых сайтов'></a>
<a href="http://forum-top.ru/vote/467" title="Поддержать форум на Forum-top.ru" target="blank"><img src="http://forum-top.ru/uploads/buttons/forum-top_88x31_1.gif" alt="Поддержать форум на Forum-top.ru" /></a>
<a href="http://top.roleplay.ru/16478" title="Рейтинг Ролевых Ресурсов - RPG TOP" target="top_">
<img src="http://img.rpgtop.su/88x31x11x3.gif" alt="Рейтинг Ролевых Ресурсов - RPG TOP" border="0" width="88" height="31"></a> 
<a href="http://anime-top.ru/"><img src="http://anime-top.ru/button.php?u=SergeyR" alt="Аниме ТОП САЙТОВ Аниме сайты Anime" border="0" /></a>

<!--================================                         БАННЕРЫ ГОЛО 
=================================-->
</div>

</td>

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

А в Гугле один черт новости сползают на левый борт... наверн лучше отровнять по правому краю.  %-) Задолбал уже этот сам-себе-режиссер.

0

945

Leonheart
вай-вай-вай...
всё работает!
Спасибо, большое!

0

946

Междумирье,

html-верх:

Код:
<style>

#menu2{
width: 66px;
height: 150px;
display: block;}

#menu1 span, #menu3 span {
margin: 0px 35px;}

.submenutext {
    border-radius:7px;
    -webkit-border-radius:7px;
    -khtml-border-radius:7px;
    -moz-border-radius:7px;
    -o-border-radius:7px;

display: none; 
height: 180px;
width: 460px;
padding: 4px;
text-align: center;
border: 1px solid #0F5995;}

</style>

Объявление:

Код:
<center><table style="width: 100%; height: 473px; text-align: center; font-style: italic;" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr height="20%"><td align="left" colspan="3"><div id="menu1">

<span alt=#sm2 "style="cursor: pointer;"><img width="20%" src="http://uploads.ru/i/P/f/Q/PfQyF.jpg"></span>
<span alt=#sm3 "style="cursor: pointer;"><img width="23%" src="http://uploads.ru/i/z/D/T/zDTJO.jpg"></span>
<span alt=#sm4 "style="cursor: pointer;"><img src="http://uploads.ru/i/i/v/G/ivGfK.jpg"></span>

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

<tr height="55%">
   <td id="MenuTxT"  align="center" width="65%">
    <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>
     <div id="sm6" class="submenutext">

Текст кнопки клана ветра

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

Текст кнопки одиночек

</div>
</div>
<div style="width: 100%; height:8px; text-align: right; color: #9CB9E5;">сделано специально для http://wolkistixii.0pk.ru/</div>
</td>

<td align="center" width="10%">
<div id="menu2">

<span alt="#sm1" style="cursor: pointer;"><img src="http://uploads.ru/i/k/c/9/kc9fh.jpg"></span>

</div></td>

<td align="center" width="35%">
<div style="width: 90%; height: 200px; overflow: auto; border: 1px solid #0F5995; border-radius:7px; -webkit-border-radius:7px; -khtml-border-radius:7px; -moz-border-radius:7px; -o-border-radius:7px;">

Текст!

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

<tr height="25%">
<td align="left" colspan="3">
<div id="menu3">

<span alt="#sm5" style="cursor: pointer;"><img width="20%" src="http://uploads.ru/i/T/h/4/Th4V5.jpg"></span>
<span alt="#sm6" style="cursor: pointer;"><img width="23%" src="http://uploads.ru/i/F/I/1/FI1YS.jpg"></span>
<span alt="#sm7" style="cursor: pointer; float: right; width: 20%;"><img width="100%" src="http://uploads.ru/i/c/M/E/cMEZN.jpg"></span>

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

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.#menu1 span,div.#menu2 span,div.#menu3 span").click(function() {
    $("div.#menu1 span,div.#menu2 span,div.#menu3 span").removeClass("tabactive");
    $(this).addClass("tabactive");
    $("td.#MenuTxT div.submenutext").hide();
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).fadeIn();
    return false; });
});
</script>

+1

947

Leonheart
Спасибо 2 раза) +

0

948

1. Ссылка на форум
пробник - http://vareniki.anihub.ru
2. Скрин таблицы
http://imm.io/f1Nf
Это должен быть слайдер
Ну вообщем 3 блока сделайте.
Размер не важен я сама поменяю
Мне просто нужен этот скрипт *___*
Кнопочки можете поставить :3
http://i.imm.io/f1NA.png - первая
http://i.imm.io/f1NE.png - вторая
цвет блока можете тоже поставить - #e8dcd2 ?
3. Скрипты и всевозможные примочки. Чат, плеер, часы, календарь, прокрутка, бегущая строка и пр.
неа
4. Форматирование текста
все сама.
...

0

949

Tricha Bell написал(а):

Это должен быть слайдер
Ну вообщем 3 блока сделайте.
Размер не важен я сама поменяю

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

0

950

Leonheart
да неужели так сложно :о
(я ж шарю в этом, но мне лееень  некогда хд)
ширина - 600
высота - 230

Отредактировано Tricha Bell (2012-01-22 10:46:38)

0

951

Tricha Bell написал(а):

да неужели так сложно :о

Сам в шоке  :glasses:

Конец второго окна стиля:

Код:
/*----------------------------------Slideshow----------------------------------*/
#slideshow {
	margin:0 auto;
	width:600px;
	height: 230px;
	position:relative;
        line-height: 10px;
        border: 0px solid #000;}

#slideshow #slidesContainer {
  margin:0 auto;
  width:600px;
  height: 230px;
  overflow:auto; /* allow scrollbar */
  position:relative;}

#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:600px; 
  height:230px;
  background-color: #e8dcd2;}

.control {
  display:block;
  width: 58px;
  height: 51px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;}

#leftControl {
  top: 90px;
  left: -70px;
  background: transparent url(http://i.imm.io/f1NA.png) no-repeat center;}

#rightControl {
  top: 90px;
  right: -70px;
  background: transparent url(http://i.imm.io/f1NE.png) no-repeat center;}

Html-низ:

Код:
<script type="text/javascript">
$(document).ready(function(){
  var currentPosition = 0;
  var slideWidth = 600;
  var slides = $('.slide');
  var numberOfSlides = slides.length;

  // Remove scrollbar in JS
  $('#slidesContainer').css('overflow', 'hidden');

  // Wrap all .slides with #slideInner div
  slides
    .wrapAll('<div id="slideInner"></div>')
    // Float left to display horizontally, readjust .slides width
.css({
      'float' : 'right',
      'width' : slideWidth
    });

  // Set #slideInner width equal to total width of all slides
  $('#slideInner').css('width', slideWidth * numberOfSlides);

  // Insert controls in the DOM
  $('#slideshow')
    .prepend('<span class="control" id="leftControl">Clicking moves left</span>')
    .append('<span class="control" id="rightControl">Clicking moves right</span>');

  // Hide left arrow control on first load
  manageControls(currentPosition);

  // Create event listeners for .controls clicks
  $('.control')
    .bind('click', function(){
    // Determine new position
currentPosition = ($(this).attr('id')=='rightControl') ? currentPosition+1 : currentPosition-1;
   
// Hide / show controls
    manageControls(currentPosition);
    // Move slideInner using margin-left
    $('#slideInner').animate({
      'marginLeft' : slideWidth*(-currentPosition)
    });
  });

  // manageControls: Hides and Shows controls depending on currentPosition
  function manageControls(position){
    // Hide left arrow if position is first slide
if(position==0){ $('#leftControl').hide() } else{ $('#leftControl').show() }
// Hide right arrow if position is last slide
    if(position==numberOfSlides-1){ $('#rightControl').hide() } else{ $('#rightControl').show() }
  }
});
</script>

Объявление или куда вам там:

Код:
<div id="pageContainer">
  <!-- Slideshow HTML -->
  <div id="slideshow">
    <div id="slidesContainer">
     
<div class="slide">

Третий слайд

      </div>
      
     <div class="slide">

Второй слайд

      </div>

<div class="slide">

Первый слайд

      </div>
    </div>
  </div>
  <!-- Slideshow HTML -->
  <div id="footer">

  </div>
</div>

0

952

Leonheart
спасииибо *_____*

0

953

1. Ссылка на форум
http://ulya.0pk.ru/
2. Скрин таблицы
http://i073.radikal.ru/1201/70/93690355f44e.jpg
3. Скрипты и всевозможные примочки. Чат, плеер, часы, календарь, прокрутка, бегущая строка и пр.
"Для гостей" и !Администрация" Это всплывающие окна
4. Форматирование текста
Чёрный
5. Картинки для вставки.
http://s018.radikal.ru/i512/1201/bb/edc6bb20a26d.jpg

0

954

Джула,

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

<style>
.splLink {width: 250px; height: 20px; border: 0px solid #FFD700; text-align: center; padding: 5px; font-size: 140%; font-weight: bold; font-family: 'times new roman';}
.splCont {height: auto; width: 250px; background: #EFF3F7; padding: 5px; z-index: 1000; margin-top: 5px; margin-left: 45px; border: 1px solid #DEB1B6; font-size: 12px; font-family: Lucida Sans Unicode; text-align: center;}
</style>

<center><table style="width: 70%;" border="0">
<tr>

<td align="right"><DIV><div class=splLink>Для гостей</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Контент 1

</DIV></DIV></td>

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

Контент 2

</DIV></DIV></td>

</tr>

<tr><td colspan="2"><img src="http://s018.radikal.ru/i512/1201/bb/edc6bb20a26d.jpg"></td></tr>

</table></center>


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

+1

955

люди, простите, флужу в неположенном месте и всё такое... но в гневе я неконтролируема - остались ли ещё поклонники жанра ГОРИЗОНТАЛЬНОГО слидрона, у которого флажки сверху и горизонтальные, а не сбоку и вертикальные!!!???
Искала-искала - так и не нашла.

Отредактировано Ташка (2012-01-26 22:23:41)

0

956

Ташка написал(а):

Искала-искала - так и не нашла.

Эскиз сможете начертить?

0

957

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

Эскиз сможете начертить?

запросто. -под рукой оказался планшет-
http://uploads.ru/i/S/s/U/SsUOb.jpg

0

958

Ташка, чо-т видел вроде... нун поглядеть...

0

959

Leonheart
угу-угу...

0

960

Хы, чо-т я запуталсо, просите слайдорион, а нарисовали то ли аккордеон, то ли просто переменный контент под кнопками.

Есть пример на этом форуме http://thehosts.rolka.su/

Есть такой:

сам слайдорион, собстно http://forumd.ru/viewtopic.php?id=2448

:confused:

0


Вы здесь » Форум поддержки пользователей ZeroParking » Архив тем » Заказ таблиц №8


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