Таблицы на заказ (12)

Поделиться401Пн, 29 Авг 2011 15:42:40

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11882
Последний визит:
Вчера 20:39:23

Finnish goose :glasses: я можу ток опустить чуток окна - шоб на кнопки не наползали .. А альтруисты сенни будут тащить -чугуний!
Найдите и поменяйте значение на красное

.spll div .splCont {height: auto; width: 224px; background: #D2B48C; padding: 5px; z-index: 1000; margin-top: 40px; border: 2px solid #D2B48C; font-size: 12px; font-family: Lucida Sans Unicode; text-align: center;}

:glasses: И в спойлере - Уберите строку красным - Оч быстро скопировали - мну не успел даже убрать

<script type="text/javascript" src="http://szenprogs.ru/scripts/jquery-1.3.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.splLink').click(function(){
$(this).parent().children('div.splCont').toggle('normal');
return false;
});
});
</script>

Отредактировано Deff (Пн, 29 Авг 2011 15:49:34)

0

Поделиться402Пн, 29 Авг 2011 15:43:54

Автор: ne_angel
Заслуженный
Зарегистрирован: Пн, 29 Авг 2011
Сообщений: 17
Уважение: 0
Позитив: 0
Последний визит:
Пн, 23 Дек 2013 22:32:40

Rion Leonheart
вааааау...спасибо огромное)))))идеально))))
:love:

0

Поделиться403Пн, 29 Авг 2011 16:11:41

Автор: Finnish goose
Заслуженный
Зарегистрирован: Ср, 20 Июл 2011
Сообщений: 29
Уважение: 0
Позитив: +4
Последний визит:
Ср, 1 Май 2013 14:07:01

ну тада всё.. спасибо большое, сейчас мой сайт станет 1м в ТОПи..))))

0

Поделиться404Пн, 29 Авг 2011 16:44:42

Автор: Шериан
Заслуженный
Зарегистрирован: Сб, 16 Апр 2011
Сообщений: 40
Уважение: 0
Позитив: 0
Последний визит:
Пт, 5 Апр 2013 23:30:07

Rion Leonheart, *в восторге*спасиииииибо)))))))) :love:

0

Поделиться405Пн, 29 Авг 2011 19:00:32

Автор: kizzi
Заслуженный
Зарегистрирован: Ср, 29 Сен 2010
Сообщений: 40
Уважение: 0
Позитив: +7
Пол: Мужской
Последний визит:
Пн, 28 Ноя 2022 21:55:44

Rion Leonheart,
я не знаю высоту если серьёзно разобраться.
Ну я бы хотел,что бы было примерно так

Ну что бы для каждого был новый контейнер что ли))

Отредактировано kizzi (Пн, 29 Авг 2011 19:01:39)

0

Поделиться406Пн, 29 Авг 2011 21:37:32

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

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

Итак, в html-верх ставите:

Код:

<style>	
#menu span {
padding: 10px 70px 10px; 
margin-right: 5px;
margin: 10px 0;
width: 250px;
color: #5da130;
font-size: 14px;
text-decoration: none;
}
#menu .tabactive {
color: #FF2B1C; 
background: transparent; 
}

#submenu {
padding: 0px;
height: 490px;
text-align: left;
font-size: 12px;
width: 1160px;
}

.submenutext {
display: none; 
height: 80px;
}

#MenuTxT {
background: transparent;
}
</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 type="text/css">
.scroll1 {
 overflow: hidden;
 overflow: auto;
 height: 340px;
 direction: rtl; 
}
.scroll2 {
 overflow: hidden;
 overflow: auto;
 height: 340px;
 direction: ltl; 
}
</style>

А вот и само ваше объявление (естстно в Объявления вставляем):

Код:

<center><table width="1168" border="0">
 <tbody>
  <tr>
   <td>
    <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>
           </b>
    </div>
   </td>
  </tr>
  <tr>
   <td id="MenuTxT"  align="center">
    <div id="submenu" align="center"> 

     <div id="sm1" class="submenutext" style="display:block;">

<center>

<table border="0" rules="cols" width="1160" height="490">
<tr align="center" valign="top">

<td width="20%">
<br><font face="Arial Black" size="3" color="#5da130">Для гостей</font>
<br><br>
<font color="#14540c">

Ваша Информация

</font>
</td>

<td align="center" width="80%">
<br><font face="Arial Black" size="3" color="#5da130">Важно для всех</font>
<br><br>
<font color="#14540c">
<ul>
<li>•   Новость 1</li>
<br>
<li>•   Новость 2</li>
<br>
<li>•   Новость 3</li>
</ul>
</font>
</td>

</tr>
</table>

</center>
</div>

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

<table border="0" rules="cols" width="1160" height="490">
<tr align="center" valign="top">

<td width="20%">
<br><font face="Arial Black" size="3" color="#5da130">Конкурсы</font>
<br><br><font color="#14540c">

Название конкурса

</font>
<br><br>

<a href="ссылка на нужную тему"><img src="ссылка на картинку"></a>

</td>

<td align="center" width="80%">
<br><font face="Arial Black" size="3" color="#5da130"><u>Новости форума</u></font>
<br><br>
<font face="Arial Black" size="3" color="#5da130">Интересная информация о форуме</font>
<br><br>
<font color="#14540c">
<ul>
<li>•   Новость 1</li>
<br>
<li>•   Новость 2</li>
<br>
<li>•   Новость 3</li>
</ul>
</font>
</td>

</tr>
</table>

</center>
</div>

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

<table border="0" rules="cols" width="1160" height="490">
<tr align="center" height="100">

<td colspan="3"><font face="Arial Black" size="3" color="#5da130"><u>Администрация</u></font></td>

</tr>

<tr align="center" height="390">

<td width="33%">
<div class="scroll2">

<br><font face="Arial Black" size="3" color="#5da130">Админы</font>
<br><br>
<font color="#14540c">

Ник

<br><br>
<img src="ссылка на аватар">
<br><br>
<img src="ссылка на иконку аськи">Номер аськи
</font>

<br><br>
<font color="#14540c">

Ник

<br><br>
<img src="ссылка на аватар">
<br><br>
<img src="ссылка на иконку аськи">Номер аськи
</font>

<br><br><font color="#14540c">

Ник

<br><br>
<img src="ссылка на аватар">
<br><br>
<img src="ссылка на иконку аськи">Номер аськи
</font>


<br><br><font color="#14540c">

Ник

<br><br>
<img src="ссылка на аватар">
<br><br>
<img src="ссылка на иконку аськи">Номер аськи
</font>


</div>
</td>

<td width="34%">
<div class="scroll2">

<br><font face="Arial Black" size="3" color="#5da130">Модеры</font>
<br><br><font color="#14540c">

Ник

<br><br>
<img src="ссылка на аватар">
<br><br>
<img src="ссылка на иконку аськи">Номер аськи
</font>


<br><br><font color="#14540c">

Ник

<br><br>
<img src="ссылка на аватар">
<br><br>
<img src="ссылка на иконку аськи">Номер аськи
</font>


<br><br><font color="#14540c">

Ник

<br><br>
<img src="ссылка на аватар">
<br><br>
<img src="ссылка на иконку аськи">Номер аськи
</font>


<br><br><font color="#14540c">

Ник

<br><br>
<img src="ссылка на аватар">
<br><br>
<img src="ссылка на иконку аськи">Номер аськи
</font>


</div>
</td>

<td width="33%">
<div class="scroll2">

<br><font face="Arial Black" size="3" color="#5da130">Советчики</font>
<br><br><font color="#14540c">

Ник

<br><br>
<img src="ссылка на аватар">
<br><br>
<img src="ссылка на иконку аськи">Номер аськи
</font>


<br><br><font color="#14540c">

Ник

<br><br>
<img src="ссылка на аватар">
<br><br>
<img src="ссылка на иконку аськи">Номер аськи
</font>


<br><br><font color="#14540c">

Ник

<br><br>
<img src="ссылка на аватар">
<br><br>
<img src="ссылка на иконку аськи">Номер аськи
</font>


<br><br><font color="#14540c">

Ник

<br><br>
<img src="ссылка на аватар">
<br><br>
<img src="ссылка на иконку аськи">Номер аськи
</font>


</div>
</td>

</tr>
</table>

</center>
</div>

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

<table border="0" rules="cols" width="1160" height="490">
<tr align="center" height="100">

<td colspan="3"><font face="Arial Black" size="3" color="#5da130"><u>Баннеры</u></font></td>

</tr>

<tr align="center" height="390">

<td valign="top" width="33%">
<div class="scroll2">

<font face="Arial Black" size="3" color="#5da130">Статистика</font>
<br><br>
<font color="#14540c">

Ваша статистика

</font>


</div>
</td>

<td width="34%">
<font color="#14540c">

<br><br><br>Наш баннер

<br><br><img src="ссылка на картинку баннера">

<br><br>

< a h r e f = " ссылка на форум " > < i m g s r c = " ссылка на картинку баннера " > < / a >

</font>
</td>

<td valign="top" width="33%">
<div class="scroll1">

<font face="Arial Black" size="3" color="#5da130">Друзья</font>
<font color="#14540c">

Ваши друзья

</font>
</div>
</td>

</tr>
</table>

</center>
</div>


</div>

   </td>

</tr>

 </tbody>

</table>

</center>

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

+2

Поделиться407Пн, 29 Авг 2011 23:24:07

Автор: Dark Fin
Заслуженный
Зарегистрирован: Пн, 22 Авг 2011
Сообщений: 9
Уважение: 0
Позитив: 0
Последний визит:
Вс, 13 Ноя 2011 22:16:57

Здравствуйте. Сделайте плизз вот такую табличку:

Отредактировано Dark Fin (Пн, 29 Авг 2011 23:24:22)

0

Поделиться408Вт, 30 Авг 2011 07:09:42

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

Dark Fin, здравствуйте.
Таблица почти готова, не хватает только 2-х параметров:
- не подскажете высоту?
- и ссылку на форум тоже надо давать...

Отредактировано Rion Leonheart (Вт, 30 Авг 2011 12:55:48)

+1

Поделиться409Вт, 30 Авг 2011 10:31:40

Автор: kizzi
Заслуженный
Зарегистрирован: Ср, 29 Сен 2010
Сообщений: 40
Уважение: 0
Позитив: +7
Пол: Мужской
Последний визит:
Пн, 28 Ноя 2022 21:55:44

Rion Leonheart,спасибо огромное за отличную таблицу))Если бы поставить +100 разом поставил бы)))
:cool:

0

Поделиться410Вт, 30 Авг 2011 12:50:31

Автор: Dark Fin
Заслуженный
Зарегистрирован: Пн, 22 Авг 2011
Сообщений: 9
Уважение: 0
Позитив: 0
Последний визит:
Вс, 13 Ноя 2011 22:16:57

Rion Leonheart
http://positif.mybb.ru/

0

Поделиться411Вт, 30 Авг 2011 12:50:43

Автор: Ta_chan
Заслуженный
Зарегистрирован: Вс, 28 Фев 2010
Сообщений: 256
Уважение: +14
Позитив: +18
Последний визит:
Ср, 24 Фев 2021 08:49:58

подскажите код на такую табличку как у них http://8g.rusff.ru/

0

Поделиться412Вт, 30 Авг 2011 13:06:33

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

Dark Fin, ваша таблица:

Код:

<table border="1" width="986" height="238">

<tr align="center" width="100%" height="10%">
<td colspan="2">

Надпись

</td>
</tr>

<tr align="center" height="45%">
<td width="80%">

Информация про форум

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

Часы

</td>
</tr>

<tr align="center" height="45%">
<td width="80%">

<img height="100%" width="100%" src="ссылка 1">

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

<img height="100%" width="100%" src="ссылка 2">

</td>
</tr>

</table>

:question: