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

Поделиться761Вт, 4 Окт 2011 17:01:16

Автор: Никодимка
Заслуженный
Зарегистрирован: Вс, 1 Фев 2009
Сообщений: 118
Уважение: +5
Позитив: +11
Последний визит:
Ср, 16 Янв 2013 01:51:51

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

а на сколько увеличить? А то я вам скажу, где регулировать, начнете увеличивать, опять кнопки сползут...Лучше скажите сразу - где и до каких размеров увеличить.

сейчас там размер букв как на форуме, а можно увеличить их до размера букв в пользовательском меню (размер букв в ссылках "активная тема" и т.д.) во всей таблице желательно, а то читать неудобно вообще х_Х
(я в кнопочках текст сделала меньше)

0

Поделиться762Вт, 4 Окт 2011 19:01:42

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

Никодимка, в html-верху добавляем красным:

<style>
#menu {
margin-top: -11px;
width: 170px;
height: 40px;
font-size: 16px;
}

#menu span {
border: solid 1px #996633;
text-align:center;
display:block;
color:#3f4469;
margin-top: 10px;
margin-bottom: 20px;
padding: 11px;
}
#submenu,#menu span {
background:transparent;
}

#menu .tabactive {
color: #26293f;
background:#8c7c60;
}

#submenu {
padding: 0px;
height: 400px;
text-align: center;
width: 600px;
}

.submenutext {
display: none;
height: 40px;
font-size: 16px;
}
</style>

В самой таблице то же самое:

<td width="180" height="200" style="border: solid 1px #996633;"><div style="width: 100%; height: 180px; overflow: auto;"><font style="font-size: 16px;">
Погода и время в ролевой

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

</tr>
<tr>
<td height="200" style="border: solid 1px #996633;"><div style="width: 100%; height: 180px; overflow: auto;"><font style="font-size: 16px;">

Реклама и партнеры

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

+1

Поделиться763Вт, 4 Окт 2011 19:23:07

Автор: Никодимка
Заслуженный
Зарегистрирован: Вс, 1 Фев 2009
Сообщений: 118
Уважение: +5
Позитив: +11
Последний визит:
Ср, 16 Янв 2013 01:51:51

Rion Leonheart
спасибо)

0

Поделиться764Ср, 5 Окт 2011 11:08:10

Автор: Маше4ка!
Заслуженный
Зарегистрирован: Пт, 29 Апр 2011
Сообщений: 88
Уважение: 0
Позитив: +4
Последний визит:
Пт, 20 Апр 2012 22:02:34

Rion Leonheart
что такое скрин бага

0

Поделиться765Ср, 5 Окт 2011 13:01:58

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

Маше4ка!, читайте пост 760, в этой же теме на стр. 38. Автор Deff...

0

Поделиться766Ср, 5 Окт 2011 15:33:05

Автор: Маше4ка!
Заслуженный
Зарегистрирован: Пт, 29 Апр 2011
Сообщений: 88
Уважение: 0
Позитив: +4
Последний визит:
Пт, 20 Апр 2012 22:02:34

Deff
нет вы меня не так поняла!
на моем форуме теперь что бы просмотреть все таблицу нужно васпользоватся нижней прокруткой.
можно зделать так чтобы тублица была покампактней. И что бы для её просмотро ненужна была нижняя прокрутка ну например как в этом сайте: http://catsclan.mybb.ru/

0

Поделиться767Ср, 5 Окт 2011 15:37:06

Автор: Маше4ка!
Заслуженный
Зарегистрирован: Пт, 29 Апр 2011
Сообщений: 88
Уважение: 0
Позитив: +4
Последний визит:
Пт, 20 Апр 2012 22:02:34

И можно зделать так чтобы например между Администрацией и Полезнымы ссылками была не такое большое расстояние.

0

Поделиться768Ср, 5 Окт 2011 18:32:00

Автор: Danti4ka
Заслуженный
Зарегистрирован: Вт, 20 Сен 2011
Сообщений: 42
Уважение: 0
Позитив: +10
Последний визит:
Ср, 9 Май 2012 00:33:36

Здравствуйте
Можно мне таблицу как на этом сайте пожалуйста
http://aoex.ru/
Ну или что-то похожее.

Мой форум

Отредактировано Danti4ka (Ср, 5 Окт 2011 19:00:16)

0

Поделиться769Ср, 5 Окт 2011 19:29:35

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

Danti4ka, здравствуйте.
Можно только скелет примерный:

В html-верх:

Код:

<style>	
#menu span {
padding: 7px 2px 7px; 
margin-right: 5px;
margin: 5px 0;
width: 50px;
text-decoration: none;
}

#menu .tabactive {
color: #527295;
background: none;
}

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

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

</style>

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

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

Код:

<center><table style="width: 100%;">
 <tbody>
  <tr>
   <td>
    <div id="menu"> <b>
<span alt=#sm1 "style="cursor: pointer;"><img src="картинка 1-ой кнопки"></span>
<span alt=#sm2 "style="cursor: pointer;"><img src="картинка 2-ой кнопки"></span>
<span alt=#sm3 "style="cursor: pointer;"><img src="картинка 3-ей кнопки"></span>
<span alt=#sm4 "style="cursor: pointer;"><img src="картинка 4-ой кнопки"></span>
<span alt=#sm5 "style="cursor: pointer;"><img src="картинка 5-ой кнопки"></span>
           </b>
    </div>
   </td>
  </tr>
  <tr>
   <td id="MenuTxT"  align="center" valign="top">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;"><br/>

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

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

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

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

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

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

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

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

Контент пятой кнопки

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

+1

Поделиться770Ср, 5 Окт 2011 20:02:59

Автор: Danti4ka
Заслуженный
Зарегистрирован: Вт, 20 Сен 2011
Сообщений: 42
Уважение: 0
Позитив: +10
Последний визит:
Ср, 9 Май 2012 00:33:36

Rion Leonheart
Спасибо большое =)) то что надо :3
Остальное сама сделаю

0

Поделиться771Ср, 5 Окт 2011 20:28:34

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

Здравствуйте, можно табличку, как на этом сайте?
http://milan.rusff.ru/
Только все надписи будут картинками сделаны, баннеры как тут http://driveme.rusff.ru/ чтоб двигались)
все картинки.все сама вставлю)главное конструкция)

0

Поделиться772Чт, 6 Окт 2011 00:10:36

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

ne_angel, здравствуйте еще раз... ссылку... :'( ссылку на ваш форум....

0

Поделиться773Чт, 6 Окт 2011 01:29:20

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

Rion Leonheart здравствуйте)
http://probadjwa.rusff.ru/ табличку вот на этот диз
только без боковых таблиц будет, вместо них центральную)

Отредактировано ne_angel (Чт, 6 Окт 2011 01:29:46)

0

Поделиться774Чт, 6 Окт 2011 01:30:46

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

Rion Leonheart
а стоять диз будет на втором форуме в первом сообщении который) 8-)

0

Поделиться775Чт, 6 Окт 2011 11:23:14

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

ne_angel, в общем уберете старые таблицы. Как всегда только скелет:

В html-верх:

<style>
.nav {margin: 1px;}
.nav a{display: block; color:#000!important; background-color: #881414; text-align: center; width:160px; padding: 1px; margin: 1px; text-decoration: none}
.nav a:hover{ color:#000!important;background-color: #f5f5f5;}
</style>

В объявление вместо старого:

Код:

<table width="100%" border="0" cellspacing="2" cellpadding="1">
<tr>
<td align="center">

Текст 1

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

Текст 2

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

Текст 3

</td>
</tr>
<tr>
<td align="center"><p>
<div class="nav">

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

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

Текст 4

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

Текст 5

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

Текст 6

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

Текст 7

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

Где будете ставить баннеры, их коды одевайте в теги:

<marquee direction="left" height="30px" scrollamount="2" onmouseover="this.scrollAmount=0"
onmouseout="this.scrollAmount=2">

Код баннера
Код баннера
Код баннера

</marquee>

И кстати, удалите из html-верха:

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

Оно у вас продублировано.

0

Поделиться776Чт, 6 Окт 2011 11:28:03

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

Маше4ка! написал(а):

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

Не знаю. У меня на вашем форуме нет нижней прокрутки. И таблица, и страница умещаются на мониторе

Маше4ка! написал(а):

И можно зделать так чтобы например между Администрацией и Полезнымы ссылками была не такое большое расстояние.

Хоспади... зачем было делать такие большие картинки под кнопки? %-) Обрежьте их, что ли...

0

Поделиться777Чт, 6 Окт 2011 11:34:12

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

FR-Mia, мну запутался окончательно... вы хотите кнопки с всплыв. меню, или вы хотите инфо. блок с переменным контентом??? Оо
Ashesstar, это ваш окончательный вариант таблицы? Или еще будут?
Высоту скажите? И картинка каких размеров? И еще - на картинке должна быть вот прям черного цвета зона с текстом? :glasses:
Deff, спасибо за консультацию :flirt: мну попробует)