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

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

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


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


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

Сообщений 661 страница 690 из 1000

661

1. Ссылка на форум
http://mafija.rolka.su предварительно тестится на http://tut.rolka.su/
2. Скрин таблицы
http://s010.radikal.ru/i314/1110/15/62070168d986t.jpg
3. Скрипты и всевозможные примочки. Чат, плеер, часы, календарь, прокрутка, бегущая строка и пр.
Прокрутка на 2й и 4й вкладках. Название вкладок картинками.
4. Форматирование текста
...
5. Картинки для вставки.
Для названий вкладок:
http://s017.radikal.ru/i415/1110/be/9ab29ff35e58.png
http://i014.radikal.ru/1110/13/d278f5c7452d.png
http://s017.radikal.ru/i432/1110/19/e1f98fad0173.png
http://s004.radikal.ru/i206/1110/fa/a57a0bcafafa.png

В данной теме (10 стр, п. 282), г-н Кофеман уже делал подобную таблицу. Я пробовал воспользоваться ей, но, к сожалению, она как-то не контачит с форумом. То есть, после установки кода в верх и в объявление, шапка съежает немного вниз, над ней появляется зазор, закрытый куском фона форума. И, что еще немаловажно, верхний рекламный баннер просто исчезает. Бан форуму я как бы не хочу, и кода на полный килл данной рекламы, я, конечно, не ставил. Стоит лишь на прозрачность и смещение. Если убрать код таблицы, всё возвращается на свои места.
Я понимаю, что можно было бы как-то изменить данный код, дабы он подошел, но не понимаю как. К сожалению, из меня создатель дизов как из пингвина балерина, потому сам изменить код я не в состоянии, и разобраться что с чем конфликтует - тоже не могу. Буду очень благодарен за помощь.

0

662

Tamu, Ваш заказ:

Первое. Ставите в ХТМЛ-верх стиль

Код:
<style>
.container1 {width: 980px; margin: 0 auto; padding: 0;}
ul.tabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 480px;
    width: 179px;
}
ul.tabs li {
    float: center;
    margin: 0;
    padding: 0;
    height: 60px;
width:100%;
    overflow: hidden;
    position: relative;
}

ul.tabs li a {
    text-decoration: none;
    color: transparent;
    display: block;
    padding: 20px 10px 18px 10px;
    outline: none;

}

ul.tabs li a:hover {
background-color: #E1E6EC;
    border-bottom: 1px solid transparent!important;
        border-top: 1px solid transparent!important;    
        border-left: 1px solid transparent!important;    
        border-right: 1px solid transparent!important; 
margin-top: 2px; 
width: 150px;
}    

html ul.tabs li.active  {
background-color: #C4D2E3;    
    border-bottom: 1px solid #0000CC;
        border-top: 1px solid #0000CC;    
        border-left: 1px solid #0000CC;    
        border-right: 0px solid #0000CC;
margin-right: -3px;
-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomleft: 3px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;   
}  

ul.tabs li.active a:hover  {
        background: url();
font-weight: bold;
}

.tab_container1 {
    float: right; 
    width: 799px;
    height: 480px;
background-color: #C4D2E3;  
    border-bottom: 1px solid #0000CC;
        border-top: 1px solid #0000CC;    
        border-left: 1px solid #0000CC;    
        border-right: 1px solid #0000CC;  
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

.tab_content {
    padding: 5px;
}

</style>

Второе. Ставите скрипты меню в ХТМЛ-низ

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

$(document).ready(function() {


	$(".tab_content").hide(); 
	$("ul.tabs li:first").addClass("active").show();
	$(".tab_content:first").show();
	
	$("ul.tabs li").click(function() {
    $("ul.tabs li").removeClass("active");
    $(this).addClass("active");
    $(".tab_content").hide();
    var activeTab = $(this).find("a").attr("href");
    $(activeTab).fadeIn();
    return false;
	});

});

</script>
<!--- Конец меню с вкладками --->

Третье. Ставите в объявление

Код:
<!--- Таблица меню в объявлении  --->
<table width="980" cellspacing="0" cellpadding="4" border="0" bgcolor="#6B96C9" align="center"><tbody>
<tr><td align="center">

<div class="container1">
<!--- Меню из вкладок слева --->
<ul class="tabs">
    <li class="active"><a href="#tab1">Вкладка 1</a></li>
    <li><a href="#tab2">Вкладка 2</a></li>
    <li><a href="#tab3">Вкладка 3</a></li>
	<li><a href="#tab4">Вкладка 4</a></li>
	<li><a href="#tab5">Вкладка 5</a></li>
	<li><a href="#tab6">Вкладка 6</a></li>
	<li><a href="#tab7">Вкладка 7</a></li>
	<li><a href="#tab8">Вкладка 8</a></li>
</ul>
<!--- Конец меню из вкладок слева и начало содержимого вкладок справа --->
<div class="tab_container1">
<!--- Содержимое вкладки 1 --->
<div style="display: block;" id="tab1" class="tab_content">
<table width="100%" cellspacing="2" cellpadding="0" border="0" style="height:470px;">
<tr><td align="center" style="width: 340px; padding-top: 10px;" valign="top">
<img src="http://savepic.su/492896m.jpg" border="0" />
<br>
<div style="height: 250px; width: 80%; text-align: left; overflow: auto; overflow-x: hidden; padding: 0 2px; margin-top: 10px;">

вкладка 1 левый столбец текст

</div>
</td><td align="center" valign="top" style="padding-top: 40px;">
<img src="http://savepic.su/520548m.jpg" border="0" style="margin-left: 10px;" />
<img src="http://savepic.su/472420m.jpg" border="0" />
<img src="http://savepic.su/503143m.jpg" border="0" style="margin-right: 10px;" />
<br><br>
<!-- Тут навигация -->
<form>
<select name="select" class="forminput" onchange="location.href=(form.select.options[form.select.selectedIndex].value)">
<option>---> Навигация по форуму </option>
<option value="ссылка на страницу"><small>название ссылки</small></option>
<option value="ссылка на страницу"><small>название ссылки</small></option>
<option value="ссылка на страницу"><small>название ссылки</small></option>
</select>
</form>	
<br><br>
<img src="http://savepic.su/472423m.jpg" alt="" border="0" />
<br><br>
вкладка 2 правый столбец текст

</td></tr>
</table>
</div>
<!--- Содержимое вкладки 2 --->
<div style="display: none;" id="tab2" class="tab_content">
<table width="100%" cellspacing="1" cellpadding="2" border="0" style="height:470px;">
<tr><td rowspan="4" width="70%">

текст вкладка 2

</td><td align="center">
вкладка 2 картинка 10
</td></tr>
<tr><td align="center">
вкладка 2 картинка 11
</td></tr>
<tr><td align="center">
вкладка 2 картинка 12
</td></tr>
<tr><td align="center">
вкладка 2 картинка 13
</td>
</tr>
</table>
</div>
<!--- Содержимое вкладки 3 --->
<div style="display: none;" id="tab3" class="tab_content"> 
<table width="100%" cellspacing="1" cellpadding="2" border="0" style="height:470px;">
<tr><td rowspan="4" width="70%">

текст вкладка 3

</td><td align="center">
вкладка 3 картинка 10
</td></tr>
<tr><td align="center">
вкладка 3 картинка 11
</td></tr>
<tr><td align="center">
вкладка 3 картинка 12
</td></tr>
<tr><td align="center">
вкладка 3 картинка 13
</td>
</tr>
</table>
</div>
<!--- Содержимое вкладки 4 --->
<div style="display: none;" id="tab4" class="tab_content"> 
<table width="100%" cellspacing="4" cellpadding="0" border="0" style="height:470px;">
<tr><td>

<div style="height: 87px; width: 90%; overflow: auto; overflow-x: hidden; margin-left: 38px; text-align: left; padding: 0 2px;">

вкладка 4 текст 1 прокрутка автоматическая 

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

<div style="height: 87px; width: 90%; overflow: auto; overflow-x: hidden; margin-left: 38px; text-align: left; padding: 0 2px;">

вкладка 4 текст 2 прокрутка автоматическая

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

<div style="height: 87px; width: 90%; overflow: auto; overflow-x: hidden; margin-left: 38px; text-align: left; padding: 0 2px;">

вкладка 4 текст 3 прокрутка автоматическая

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

<div style="height: 87px; width: 90%; overflow: auto; overflow-x: hidden; margin-left: 38px; text-align: left; padding: 0 2px;">

вкладка 4 текст 4 прокрутка автоматическая

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

<div style="height: 87px; width: 90%; overflow: auto; overflow-x: hidden; margin-left: 38px; text-align: left; padding: 0 2px;">

вкладка 4 текст 5 прокрутка автоматическая

</div>
</td></tr>
</table>
</div>
<!--- Содержимое вкладки 5 --->
<div style="display: none;" id="tab5" class="tab_content"> 
<table width="100%" cellspacing="1" cellpadding="0" border="0" style="height:470px;">
<tr><td width="30%" valign="top">

картинка 14

</td><td align="center" style="height: 220px;">
<div style="height: 200px; width: 90%; overflow: auto; overflow-x: hidden; margin-left: 10px; text-align: left; padding: 0 2px;">

вкладка 5 текст 1 прокрутка автоматическая

</div>
</td></tr>
<tr><td colspan="2" style="height: 25px;">
&nbsp;&nbsp;
<!-- пустая ячейка разделитель строк -->
</td></tr><tr>
<td width="30%" valign="top">

Картинка 15

</td><td align="center" style="height: 220px;">
<div style="height: 200px; width: 90%; overflow: auto; overflow-x: hidden; margin-left: 10px; text-align: left; padding: 0 2px;">

вкладка 5 текст 2 прокрутка автоматическая

</div>
</td></tr>
</table>
</div>
<!--- Содержимое вкладки 6 --->
<div style="display: none;" id="tab6" class="tab_content"> 
<table width="100%" cellspacing="2" cellpadding="2" border="0" style="height:470px;">
<tr><td align="center" style="height: 80px;">
<div style="height: 60px; width: 80%; text-align: left; padding: 0 2px;">

вкладка 6 текст 1 

</div>
</td></tr>
<tr><td align="center" style="height: 386px;">
<div style="height: 370px; width: 92%; text-align: left; padding: 0 2px;">

вкладка 6 баннеры блок без прокрутки

</div>
</td></tr>
</table>
</div>
<!--- Содержимое вкладки 7 --->
<div style="display: none;" id="tab7" class="tab_content"> 
<table width="100%" cellspacing="15" cellpadding="2" border="0" style="height:470px;">
<tr><td colspan="4" align="center" style="height: 60px;">

вкладка 7 текст 1

</td></tr>
<tr><td width="25%" valign="top" align="left">

вкладка 7 текст 2

</td><td width="25%" valign="top" align="left">

вкладка 7 текст 3

</td><td width="25%" valign="top" align="left">

вкладка 7 текст 4

</td><td width="25%" valign="top" align="left">

вкладка 7 текст 5

</td></tr>
<tr><td width="25%" valign="top" align="left">

вкладка 7 текст 6

</td><td width="25%" valign="top" align="left">

вкладка 7 текст 7

</td><td width="25%" valign="top" align="left">

вкладка 7 текст 8

</td><td width="25%" valign="top" align="left">

вкладка 7 текст 9

</td></tr>
</table>
</div>
<!--- Содержимое вкладки 8 --->
<div style="display: none;" id="tab8" class="tab_content"> 
<table width="90%" cellspacing="15" cellpadding="0" border="0" style="height:470px;">
<tr><td colspan="3" align="center" style="height: 40px;">

вкладка 8 текст 1

</td></tr>
<tr><td width="48%" style="height: 80px;">

вкладка 8 картинка 16

</td><td rowspan="2" width="4%">
<!-- Пустой столбец разделитель -->
&nbsp;
</td>
<td width="48%" style="height: 80px;">

вкладка 8 картинка 17

</td></tr><tr>
<td width="48%" align="left" valign="top" style="padding: 10px 0 0 10px;">

вкладка 8 текст 2

</td><td width="48%" align="left" valign="top" style="padding: 10px 0 0 10px;">

вкладка 8 текст 3

</td></tr>
</table>
</div>
<!--- Конец содержимого вкладок справа --->

</div>


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

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

На первой вкладке я изменил навигатор.Принцип у него такой:

<!-- Тут навигация -->
<form>
<select name="select" class="forminput" onchange="location.href=(form.select.options[form.select.selectedIndex].value)">
<option>---> Навигация по форуму </option>
<option value="ссылка на страницу"><small>название ссылки</small></option>
<option value="ссылка на страницу"><small>название ссылки</small></option>
<option value="ссылка на страницу"><small>название ссылки</small></option>
</select>
</form>

Где красным - вставляете ссылку на тему, синим - название темы.
Строку зеленым - размножаете сколько нужно.

Нужна будет помощь - создавайте отдельную тему, чтоб здесь не засорять.
Как выглядит в готовом виде - у меня в профиле ссылка на мой тестовик.

+1

663

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

+1

664

Кофеман
День добрый.
Размеры и цвета - да, вполне. Хотя, по-моему, ширина в горизонтали чуть больше, прям мм на 5, чем надо. Может, мне кажется - но её кренит к правому борту. Мне, в принципе, единственное что нужно - чтобы, во-первых, не уползала вниз шапка, ну, так как Вы смотрели тестовик, думаю, обратили внимание. Во-вторых, несчастный рекламный баннер вернулся из небытия. И надписи верхние, т.е. названия вкладок, были приведенными выше картинками. Ибо, понятное дело, мало у кого стоит этот шрифт.

0

665

Кофеман
Спасибо огромное - +
вы очень помогли.:)

0

666

ds86, давайте тут не будем засорять тему заказов. Создайте отдельную тему, там можно будет обсудить.. И киньте тестовый админ ник с паролем на Ваш тестовик, нужно вживую поглядеть что у Вас с баннером и подгоним положение объявления.

+1

667

1. Ссылка на форум
http://newevaluation.0pk.ru/
2. Скрин таблицы
http://uploads.ru/i/9/Y/Q/9YQG4.png
3. Скрипты и всевозможные примочки. Чат, плеер, часы, календарь, прокрутка, бегущая строка и пр.
Прокрутка(бегущая строка) указана справа и вкладки(ну типа чтобы когда нажмешь мышкой на картинку или для гостей или полезные ссылки или ещё ниже, и в общем окне появилась своя собственная инфа. для каждой вкладки).
4. Форматирование текста
Название форума и новости красным цветом
5. Картинки для вставки.
там где общее окно когда нажимаешь на картинку(если так нельзя, то без картинки). А размер наверное где-то 420x240
http://uploads.ru/i/a/x/M/axMLp.png

Отредактировано Форумоед (2011-11-01 01:33:36)

0

668

1. Ссылка на форум
http://fighting.0pk.ru/
2. Скрин таблицы
http://s2.ipicture.ru/uploads/20111101/yVk45g5P.jpg
3. Скрипты и всевозможные примочки. Чат, плеер, часы, календарь, прокрутка, бегущая строка и пр.
Слева - прокрутка, В центре: 1ое слово - перенаправление на другую страницу, 2ое слово - всплывающее окно; 3ье слово - перенаправление на другую страницу. Справа текст.
4. Форматирование текста
...
5. Картинки для вставки.
http://s1.ipicture.ru/uploads/20111101/d7BgTe3y.png

0

669

Never sleep, выложите скрипты с часами и что такое "при нажатии увеличиваться"? Дайте ссылку на какой-нибудь форум, где Вы такое видели.

0

670

Форумоед, Ваша таблица

Вставляете в ХТМЛ-верх

Код:
<style>	
#menu {width: 180px; height:286px; padding:15px 0 0 0;}
#menu span {
padding: 10px; 
width: 160px;
line-height: 40px;
text-decoration: none;
}
#menu .tabactive {
color: #3E362C;
text-decoration: underline;
text-transform: uppercase;
}

#submenu {
padding: 5px;
height: 300px;
text-align: center;
font-size: 12px;
width: 100%;
}

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

А это в Объявление

Код:
<!--- Таблица в объялении --->
<table cellspacing="0" cellpadding="0" border="1" style="width: 100%; height: 340px;">
<tr>
<td colspan="2" align="center" style="height: 30px;">
<span style="color: red;">

Название форума

</span>
</td><td align="center" style="height: 30px;">
<span style="color: red;">

Новости

</span>
</td>
</tr>
<tr>
<td align="center" style="height: 310px; width: 180px;">
<div id="menu"> <b>
<span alt=#sm1 "style="cursor: pointer;">Картинка</span><br>
<span alt=#sm2 "style="cursor: pointer;">Для гостей</span><br>
<span alt=#sm3 "style="cursor: pointer;">Полезные ссылки</span><br>
<span alt=#sm4 "style="cursor: pointer;">Рекламщики</span><br>
<span alt=#sm5 "style="cursor: pointer;">Погода и время</span><br>
<span alt=#sm6 "style="cursor: pointer;">Лучшее</span><br>
<span alt=#sm7 "style="cursor: pointer;">Действие в игре</span><br>
           </b>
    </div>
</td>
<td align="center" style="height: 310px;" id="MenuTxT">
<div id="submenu" align="center"> 
<div id="sm1" class="submenutext" style="display:block;">
<img src="http://uploads.ru/i/a/x/M/axMLp.png" border="0" style="width: 100%; margin-left: -10px; margin-top: 10px;" />
</div>
<div id="sm2" class="submenutext">

Контент 2-й кнопки

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

Контент 3-й кнопки

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

Контент 4-й кнопки

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

Контент 5-й кнопки

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

Контент 6-й кнопки

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

Контент 7-й кнопки

</div>
</div>
</td>
<td align="center" style="height: 310px; width: 220px;">
<div style="height: 308px; width: 98%; overflow:scroll; overflow-x:hidden; padding: 1px;">

блок с прокруткой прокрутка появится автоматически

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

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

Отредактировано Кофеман (2011-11-01 11:03:08)

+1

671

.Kukis

Код:
<table width="870" height="309" border="0" background="http://s1.ipicture.ru/uploads/20111101/d7BgTe3y.png">
  <tr>
    <td width="33%" rowspan="3"><div style="margin:45px 0px 0px 5px; left: 79px; top: 221px; overflow:auto; overflow-x:hidden; width: 265px; height: 230px;">текст
</div></td>
    <td width="33%" height="106"><div onclick="javascript:location.href=('ссылка на тему')" style="width:220px; height:50px; cursor: pointer; margin-top: 30px; margin-left: 13px"></div></td>
    <td width="34%" rowspan="3"><div style="margin:45px 0px 0px 5px; left: 79px; top: 221px; overflow:auto; overflow-x:hidden; width: 280px; height: 230px;">текст
</div></td>
  </tr>
  <tr>
    <td height="83"><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">
</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV>
</div></td>
  </tr>
  <tr>
    <td><div onclick="javascript:location.href=('ссылка на тему')" style="width:240px; height:50px; cursor: pointer; margin-top: 0px; margin-left: 13px"></div></td>
  </tr>
</table>

HTML-верх/низ так и останется от прошлого раза

+1

672

1. Ссылка на форум
http://theashofdestiny.rolka.su/
2. Скрин таблицы
http://i28.fastpic.ru/big/2011/1101/89/ … 988089.png
3. Скрипты и всевозможные примочки. Чат, плеер, часы, календарь, прокрутка, бегущая строка и пр.
прокрутка в указанных местах. текст по центру, а так же навигационная штучка (не знаю как называется хд)
4. Форматирование текста
Courier New
5. Картинки для вставки.
сама вставлю. вы ток напишите куда  :blush:

0

673

Never sleep

Код:
<table width="100%" border="1">
  <tr>
    <td width="49%" rowspan="3"><div align="center"><img src="http://uploads.ru/i/c/g/Z/cgZEN.jpg"></div></td>
    <td width="51%" height="111"><div align="center">Часы</div></td>
  </tr>
  <tr>
    <td height="153"><div align="center">Администраторы</div><br>
    <p align="center">текст </p><br>
    <div align="center">Модераторы</div><br>
    <p align="center">текст </p>
    </td>
  </tr>
  <tr>
    <td><div align="center">Наш баннер</div><br>
    <p align="center">баннер</p></td>
  </tr>
  <tr>
    <td colspan="2"> <marquee direction="right" onMouseOver="this.scrollAmount=0" onMouseOut="this.scrollAmount=3">Бегущая строка баннеров
    </marquee></td>
  </tr>
</table>

часы мы не делаем, ищите того кто вам сделает их под картинку вашу.

Кофеман
Он имеет ввиду, что если кликнешь на картинку что он выложит она будет больше, и что бы этого размера и была в таблице, просто комментарий

+1

674

Люка

Код:
<table width="100%" border="0">
  <tr>
    <td width="34%"><div align="center">
    <img src="ссылка на картинку"></div><br>
    <p align="center" style="font-family: Courier New">текст </p></td>
    <td width="33%"><div align="center">
    <img src="ссылка на картинку"></div><br>
    <p align="center" style="font-family: Courier New">текст </p></td>
    <td width="33%"><div align="center">
    <img src="ссылка на картинку"></div><br>
    <p align="center" style="font-family: Courier New">текст </p></td>
  </tr>
  <tr>
    <td><div style="overflow:auto; overflow-x:hidden; height:180px;"><p align="center" style="font-family: Courier New">Текст</p> </div></td>
    <td><div style="overflow:auto; overflow-x:hidden; height:180px;"><p align="center" style="font-family: Courier New">Текст</p> </div></td>
    <td><div style="overflow:auto; overflow-x:hidden; height:180px;"><p align="center" style="font-family: Courier New">Текст</p> </div></td>
  </tr>
  <tr>
    <td colspan="3"><div align="center"><form>
     
        <select name="select" class="forminput" onchange="location.href=(form.select.options[form.select.selectedIndex].value)">
               <option>Навигатор</option>
          <option value="ссылка">Название ссылки</option>
          <option value="ссылка">Название ссылки</option>
          <option value="ссылка">Название ссылки</option>
          <option value="ссылка">Название ссылки</option>
          <option value="ссылка">Название ссылки</option>
          <option value="ссылка">Название ссылки</option>
          <option value="ссылка">Название ссылки</option>
          <option value="ссылка">Название ссылки</option>
          <option value="ссылка">Название ссылки</option>
          <option value="ссылка">Название ссылки</option>
          <option value="ссылка">Название ссылки</option>
             </select>
      
    </form></div></td>
  </tr>
</table>

+1

675

Toshiro-kun написал(а):

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

Toshiro-kun, жесть. Никогда об этом и не подумал. Спасибо за разъяснение.

0

676

Кофеман
офигенно получилось, СПАСИБО БОЛЬШОЕ, плюс поставил

0

677

1. Ссылка на форум
http://pokemono4ka.rolka.su/

2. Скрин таблицы
http://uploads.ru/t/s/4/D/s4Dzd.png

3. Скрипты и всевозможные примочки.
Поставить часики,календарь,бегущую строку в объявления

4. Форматирование текста
Такой же как на скрипте
5. Картинки для вставки.
http://uploads.ru/t/P/2/r/P2rOv.jpg

0

678

Код:
<table width="100%" border="0">
  <tr>
    <td width="21%" rowspan="2"><div align="center">
    <embed src="http://chasikov.net.ru/flash/clock/5/bakugan2.swf" width="200" height="200" wmode="transparent" type="application/x-shockwave-flash"></embed></div></td>
    <td width="57%" height="33"><marquee direction="right" onMouseOver="this.scrollAmount=0" onMouseOut="this.scrollAmount=3">Название
    </marquee></td>
    <td width="22%" rowspan="2"><div align="center">Календарь</div></td>
  </tr>
  <tr>
    <td rowspan="3"><img src="http://uploads.ru/i/P/2/r/P2rOv.jpg" width="579" height="425"></td>
  </tr>
  <tr>
    <td height="283"><div align="center"><b>Админы</b></div><br>
    <p align="center">текст </p></td>
    <td><div align="center"><b>Происшествия</b></div><br>
    <p align="center">текст </p></td>
  </tr>
  <tr>
    <td rowspan="2"><div align="center"><b>Погода</b></div><br>
    <p align="center">текст </p></td>
    <td rowspan="2"><div align="center"><b>Для гостей</b></div><br>
    <p align="center">текст </p></td>
  </tr>
  <tr>
    <td><div align="center"><b>Объявления</b></div><br>
    <p align="center">текст </p></td>
  </tr>
</table>

часы и календарь смотрите на этом сайте, я кинул то что видите только для просмотра размера
http://chasikov.net.ru/

0

679

1. Ссылка на форум
http://threesisters.mybb.ru
2. Скрин таблицы
http://10pix.ru/img1/4879/6018587.png
http://10pix.ru/img1/3697/6018602.png
3. Скрипты и всевозможные примочки. Чат, плеер, часы, календарь, прокрутка, бегущая строка и пр.
...
4. Форматирование текста
белый текст
5. Картинки для вставки.
...

я хочу таблицу как в уроке контейнер с вкладками, но чтобы инфо в окне отображалась и была прокрутка. Но по уроку как я не мучалась, ничего не вышло. Сможете помочь?

0

680

1. Ссылка на форум
http://52ptkl.0pk.ru/
2. Скрин таблицы
http://s017.radikal.ru/i438/1111/c1/5d4c744cf60et.jpg3. Скрипты и всевозможные примочки. Чат, плеер, часы, календарь, прокрутка, бегущая строка и пр.
все есть на картинке
4. Форматирование текста
заголовки 20 а текст 10
5. Картинки для вставки.
нету я потом сам вставлю

0

681

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

http://likefurry.anihub.ru/

2. Скрин таблицы

http://uploads.ru/t/X/J/B/XJBcD.jpg

3. Скрипты и всевозможные примочки. Чат, плеер, часы, календарь, прокрутка, бегущая строка и пр.

Границы таблицы пунктиром.

Окна 1, 2, 3, 4, и 5 - всплывающие при наведении мышки.
Окна 6, 7 и 8 - обычные, причем размер у них как на рисунке.

Если можно, сделайте пожалуйста, чтобы к всплывающим окнам можно было поставить свои картинки)

4. Форматирование текста

нет

5. Картинки для вставки.

сами вставим, только укажите коды)

0

682

Спасибо большое, Toshiro-kun!
:rolleyes:

0

683

Слава0

Код:
<table width="100%" border="0">
  <tr>
    <td width="29%"><div align="center">Часы и календарь</div></td>
    <td width="39%"><img src="ссылка на картинку" height="400" width="400"></td>
    <td width="32%"><div align="center" style="font-size:20px">Объявления</div><br>
      <div style="overflow:auto; overflow-x:hidden; height:400px;"><p align="center" style="font-size:10px">Текст</div></div></td>
  </tr>
  <tr>
    <td><div align="center" style="font-size:20px">Полезные ссылки</div><br>
      <div style="overflow:auto; overflow-x:hidden; height:180px;">
        <p align="center"><a href="Адрес">Ссылка</a></p>
        <br>
        <p align="center"><a href="Адрес">Ссылка</a></p>
        <br>
        <p align="center"><a href="Адрес">Ссылка</a></p>
        <br>
        <p align="center"><a href="Адрес">Ссылка</a></p>
        <br>
        <p align="center"><a href="Адрес">Ссылка</a></p>
        <br>
        <p align="center"><a href="Адрес">Ссылка</a></p>
        <br>
        <p align="center"><a href="Адрес">Ссылка</a></p>
        <br>
        <p align="center"><a href="Адрес">Ссылка</a></p>
    </div></td>
    <td><div align="center" style="font-size:20px">Объявления</div><br>
      <div style="overflow:auto; overflow-x:hidden; height:180px;"><p align="center" style="font-size:10px">Текст</div></div></td>
    <td><div align="center" style="font-size:20px">Навигация</div><br>
    <p align="center">
    <div id="yoblako" align="center"><noindex>
<a style="font-size:8pt;" href="ССЫЛКА" rel="nofollow" class="eTag eTagGr8">ПОДСКАЗКА</a>
<a style="font-size:8pt;" href="ССЫЛКА" rel="nofollow" class="eTag eTagGr8">ПОДСКАЗКА</a>
<a style="font-size:8pt;" href="ССЫЛКА" rel="nofollow" class="eTag eTagGr8">ПОДСКАЗКА</a>
<a style="font-size:8pt;" href="ССЫЛКА" rel="nofollow" class="eTag eTagGr8">ПОДСКАЗКА</a>
<a style="font-size:8pt;" href="ССЫЛКА" rel="nofollow" class="eTag eTagGr8">ПОДСКАЗКА</a>
<a style="font-size:8pt;" href="ССЫЛКА" rel="nofollow" class="eTag eTagGr8">ПОДСКАЗКА</a>
</noindex></div></p></td>
  </tr>
</table>

HTML-низ

Код:
<script type="text/javascript" src="http://0pk.ru/f/ru/0pk/swfobject.js"></script>
<script type="text/javascript">
var flashvars = {};
flashvars.mode = 'tags';
flashvars.minFontSize = '9';
flashvars.maxFontSize = '20';
flashvars.tcolor = '0xb22222';
flashvars.tcolor2 = '0xb22222';
flashvars.hicolor = '0x9400d3';
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://neotech.3dn.ru/Tegs/tagcloud.swf', 'yoblako', '220', '200', '9.0.0', false, flashvars, params, attributes);
</script>

0

684

Des_Suteki

Код:
<table width="100%" border="0">
  <tr>
    <td width="21%" rowspan="2" align="center"><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">
<img src="ссылка на картинку">
</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV>
</div></td>
    <td width="56%"><marquee direction="right" onMouseOver="this.scrollAmount=0" onMouseOut="this.scrollAmount=3">Бегущая строка
    </marquee></td>
    <td width="23%" rowspan="2"><div align="center">Текст</div></td>
  </tr>
  <tr>
    <td rowspan="5"><div align="center"><img src="ссылка на картинку"></div></td>
  </tr>
  <tr>
    <td align="center"><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">
<img src="ссылка на картинку">
</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV>
</div></td>
    <td rowspan="3"><div align="center">Текст</div></td>
  </tr>
  <tr>
    <td align="center"><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">
<img src="ссылка на картинку">
</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV>
</div></td>
  </tr>
  <tr>
    <td height="45" align="center"><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">
<img src="ссылка на картинку">
</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV>
</div></td>
  </tr>
  <tr>
    <td rowspan="2" align="center"><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">
<img src="ссылка на картинку">
</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV>
</div></td>
    <td rowspan="2"><div align="center">Текст</div></td>
  </tr>
  <tr>
    <td><marquee direction="right" onMouseOver="this.scrollAmount=0" onMouseOut="this.scrollAmount=3">Бегущая строка баннеров
    </marquee></td>
  </tr>
</table>

HTML-низ

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

HTML-верх

Код:
<style> 
div .splLink {width: 130px; height: 55px; font-weight: bold; background: transparent; }
.spll {width: 150px; height: 50px; }
.spll div .splCont {height: auto; width: 180px; background: transparent; padding: 5px; z-index: 1000;  border: 1px solid #020000; font-size: 12px; text-align: center;}
</style>

+1

685

Serenit, соедините рисунок кнопок (http://10pix.ru/img1/3697/6018602.png) и рисунок таблицы (http://10pix.ru/img1/4879/6018587.png) в одну картинку и выложите тут. Сделаем.

0

686

Добрые день. Не уверен, что пишу куда надо, но все же, можете дать код таблицы со вкладками, где бы вкладки располагались по вертикали. То есть то, что стоит сейчас, но вкладки не сверху, а сбоку как бы
1. Ссылка на форум
http://fantasyw.rolka.su/
2. Скрин таблицы
http://uploads.ru/t/C/e/P/CePNp.jpg
3. Скрипты и всевозможные примочки. Чат, плеер, часы, календарь, прокрутка, бегущая строка и пр.
не надо
4. Форматирование текста
не надо
5. Картинки для вставки.
не надо

Отредактировано Val. (2011-11-04 13:41:14)

0

687

Кофеман

http://10pix.ru/img1/668282/6043571.png

0

688

Кофеман, Toshiro-kun,

Извините, а нельзя ли сделать фон всплывающих окон не прозрачным? А то текста не видно Т.Т

http://uploads.ru/t/g/X/9/gX9FR.png

0

689

Des_Suteki, найдите в ХТМЛ-верх эти строки

<style>
div .splLink {width: 130px; height: 55px; font-weight: bold; background: transparent; }
.spll {width: 150px; height: 50px; }
.spll div .splCont {height: auto; width: 180px; background: #AAAAAA; padding: 5px; z-index: 1000;  border: 1px solid #020000; font-size: 12px; text-align: center;}
</style>

Замените как выделено. Цвет подбираете сами.

+1

690

Serenit, Ваша таблица

В ХТМЛ-верх

<style>
#menu {width: 100%; height: 68px;}
#menu span {
display: block;
height: 64px;
width: 100%;
text-decoration: none;
}

#submenu {
padding: 5px;
height: 290px;
text-align: center;
font-size: 12px;
width: 333px;
margin-top: 67px;
margin-left:3px;

}

.submenutext {
display: none;
height: 290px;
overflow: auto;
overflow-x: hidden;
text-align: justify;
color: #fff;
}
</style>

В Объявление

<center>
<table width="800" height="468" border="0" cellspacing="0" cellpadding="0" style="background: url(http://savepic.net/2156442.png) no-repeat top center;">
<tbody>
<tr>
<td colspan="2" style="height: 70px;">
<!--- Вложення таблица Кнопки меню --->
<div id="menu">
<table>
<tbody>
<tr>
<td width="143" align="center"><span alt=#sm1 style="cursor: pointer;" >&nbsp;</span></td>
<td width="185" align="center"><span alt=#sm2 style="cursor: pointer;" >&nbsp;</span></td>
<td width="160" align="center"><span alt=#sm3 style="cursor: pointer;" >&nbsp;</span></td>
<td width="180" align="center"><span alt=#sm4 style="cursor: pointer;" >&nbsp;</span></td>
<td width="130" align="center"><span alt=#sm5 style="cursor: pointer;" >&nbsp;</span></td>
</tr>
</tbody>
</table>
</div>
<!--- Конец кнопок меню --->     
</td>
</tr>
<tr>
<td width="440" style="height: 398px;" >
<!--- Пустая ячейка слева от информации  --->
&nbsp;
</td>
<td width="360" style="height: 398px;" id="MenuTxT" 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>

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


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


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