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

Поделиться921Пт, 21 Окт 2011 19:44:45

Автор: faatum
Заслуженный
Зарегистрирован: Пт, 21 Окт 2011
Сообщений: 124
Уважение: +1
Позитив: +10
Последний визит:
Вс, 4 Мар 2012 16:07:20

Rion Leonheart
190*190, если можно (:

Поделиться922Пт, 21 Окт 2011 20:51:04

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

faatum, ваша таблица в объявление:

Код:

<table border="0" width="100%" cellpadding="0" style="text-align: center; font-size: 11px; margin-top: 33px;">
<tr height="50%"><td width="33%">

<font style="font-size: 18px;"><strong>admins</strong></font>

<br/><br/>

<a href="ссылка на профиль"><img src="ссылка" width="80" height="80"></a>
<a href="ссылка на профиль"><img src="ссылка" width="80" height="80"></a>
<a href="ссылка на профиль"><img src="ссылка" width="80" height="80"></a>

</td>
<td width="33%" rowspan="2">

<a href="ссылка на профиль"><img width="190" height="190" src="ссылка на картинку"></a>

<br/><br/>

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

<br/><br/>

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

</td>
<td width="33%">
<div style="width: 100%; height: 150px; overflow: auto;">

<font style="font-size: 18px;"><strong>приветствие</strong></font>
<br/><br/>

Текст текст текст 1

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

<tr height="50%"><td>

<font style="font-size: 18px;"><strong>moderators</strong></font>

<br/><br/>

<a href="ссылка на профиль"><img src="ссылка" width="80" height="80"></a>
<a href="ссылка на профиль"><img src="ссылка" width="80" height="80"></a>
<a href="ссылка на профиль"><img src="ссылка" width="80" height="80"></a>

</td>
<td>
<div style="width: 100%; height: 150px; overflow: auto;">

<font style="font-size: 18px;"><strong>информация об игре</strong></font>
<br/><br/>

Текст текст текст 2

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

</table>

Только советую брать аватарки 80х80, иначе они в 2 ряда высыпаются, а не в один, как у вас на эскизе.

+1

Поделиться923Пт, 21 Окт 2011 20:53:09

Автор: faatum
Заслуженный
Зарегистрирован: Пт, 21 Окт 2011
Сообщений: 124
Уважение: +1
Позитив: +10
Последний визит:
Вс, 4 Мар 2012 16:07:20

Rion Leonheart
огромное Вам спасибо (: я учту )

0

Поделиться924Сб, 22 Окт 2011 00:01:31

Автор: Кофеман
Заслуженный
Зарегистрирован: Ср, 2 Фев 2011
Сообщений: 1575
Уважение: +257
Позитив: +167
Пол: Мужской
Последний визит:
Пт, 1 Мар 2013 14:56:10

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

baron4ik, ну я вам могу только некую альтернативу предложить...
Выглядить будет как-то так:
Если согласны, я код выложу. Если нет, тогда простите мну не волшебник)

Rion Leonheart, проблема возникнет с навигацией, в объявление Вы ее не засунете. К тому же там две строки - само меню форума и меню сообщений и тем.
ИМХО, весь заказ нужно, наверное, разбить на три части:
1. меню навигации в стилях форума отступить сверху на высоту верхних баннеров плюс-минус промежуток. А серую картинку подложить фоном под меню в стиле.
2. Верхние баннеры закрепить статичными дивами или запихнуть в шапку форума
3. Остальное в таблицу объявления.

зы.. А вообще - интересно глянуть на Ваш код.)))

0

Поделиться925Сб, 22 Окт 2011 11:28:03

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

Кофеман написал(а):

ИМХО, весь заказ нужно, наверное, разбить на три части:

:rolleyes: Попробуйте сами, может получится лучше) мну ток альтернативу предложил) глядишь и до оригинала доведем кстати, слово "навигация" в последнее время стала приобретать кучу разных определений Оо
~~(*Кофеман, а вы не против обсуждения этой темы в ЛС? туда и код пришлю чуть позже?~~

Отредактировано Rion Leonheart (Сб, 22 Окт 2011 11:31:01)

0

Поделиться926Сб, 22 Окт 2011 17:44:53

Автор: vila
Заслуженный
Зарегистрирован: Вс, 12 Июн 2011
Сообщений: 30
Уважение: +1
Позитив: +2
Последний визит:
Пн, 28 Янв 2013 22:55:58

Таблица

Форум
http://empire.rolebb.ru/

От себя скажу, кто-то подобную таблицу уже делал (да-да, ее выкладывали тут), но я пролистала тему и не нашла, наверное давно уже было.

Ширина таблицы 640
Высота 200

Отредактировано vila (Сб, 22 Окт 2011 17:45:32)

0

Поделиться927Вс, 23 Окт 2011 09:02:02

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

vila, здравствуйте. ~~А я помню ваш форум~~

В html-верх:

Код:

<style>	
#menu span {
padding: 7px 15px 7px 15px; 
margin-right: 15px;
margin: 10px 0;
width: 128px;
text-decoration: none;
border: 1px solid #000;
font-style: italic;
font-size: 13px;
}

#menu .tabactive { 
text-decoration: underline;
color: #333;
}

.submenutext {
margin-top: 6px;
border: 1px solid #000;
display: none;
padding: 5px;
height: 200px;
text-align: center;
font-size: 11px;
font-style: italic;
width: 640px;
}

</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%px;">
 <tbody>
  <tr>
   <td>
    <div id="menu"> <b>
<span alt=#sm1 "style="cursor: pointer;">Кнопка 1</span>
<span alt=#sm2 "style="cursor: pointer;">Кнопка 2</span>
<span alt=#sm3 "style="cursor: pointer;">Кнопка 3</span>
<span alt=#sm4 "style="cursor: pointer;">Кнопка 4</span>
<span alt=#sm5 "style="cursor: pointer;">Кнопка 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/><br/>

Текст первой кнопки

</div>

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

Текст второй кнопки

</div>

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

Текст третьей кнопки

</div>

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

Текст четвертой кнопки

</div>

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

Текст пятой кнопки

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

Зы. Подобная таблица была на 12-ой странице :rolleyes:

+1

Поделиться928Вс, 23 Окт 2011 09:12:33

Автор: vila
Заслуженный
Зарегистрирован: Вс, 12 Июн 2011
Сообщений: 30
Уважение: +1
Позитив: +2
Последний визит:
Пн, 28 Янв 2013 22:55:58

Rion Leonheart

Спасибо, вы меня спасли!

0

Поделиться929Вс, 23 Окт 2011 19:19:13

Автор: Vladimir87365835
Заслуженный
Зарегистрирован: Сб, 22 Окт 2011
Сообщений: 22
Уважение: +2
Позитив: +2
Пол: Мужской
Последний визит:
Ср, 9 Май 2012 10:40:56

Сделайте пожалуйста такую таблицу

0

Поделиться930Вс, 23 Окт 2011 19:56:58

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

Vladimir87365835, здравствуйте.

Код:

<table border="1" width="100%" height="500">
<tr height="5%" style="color: red;"><td colspan="3"><marquee>

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

</marquee></td></tr>
<tr height="95%" align="center" style="color: red;"><td valign="top" width="25%">

Баннеры

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

<img src="ссылка">

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

Новости

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

0

Поделиться931Вс, 23 Окт 2011 20:35:51

Автор: Operation Exodus
Заслуженный
Зарегистрирован: Чт, 27 Май 2010
Сообщений: 188
Уважение: +8
Позитив: +20
Последний визит:
Пт, 3 Авг 2012 18:49:39

пример работы - http://tlkthebeginning.mybb.ru/

0

Поделиться932Вс, 23 Окт 2011 21:24:27

Автор: Vladimir87365835
Заслуженный
Зарегистрирован: Сб, 22 Окт 2011
Сообщений: 22
Уважение: +2
Позитив: +2
Пол: Мужской
Последний визит:
Ср, 9 Май 2012 10:40:56

Rion Leonheart Здравствуйте, спасибо большое!

0

Поделиться933Вс, 23 Окт 2011 21:49:13

Автор: Vladimir87365835
Заслуженный
Зарегистрирован: Сб, 22 Окт 2011
Сообщений: 22
Уважение: +2
Позитив: +2
Пол: Мужской
Последний визит:
Ср, 9 Май 2012 10:40:56

И сделайте пожалуйста для моего второго сайта.
Заранее спасибо

0

Поделиться934Пн, 24 Окт 2011 03:01:55

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

Vladimir87365835,

Код:

<table border="1" width="100%" height="600">
<tr height="5%" style="color: red;"><td colspan="3"><marquee>

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

</marquee></td></tr>
<tr height="23%" align="center" style="color: red;">
<td valign="top" width="20%"><div style="width: 99%; height: 140px; overflow: auto;">

Баннеры

</div></td><td width="60%" rowspan="4">

<img src="ссылка">

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

Админы

</td></tr>
<tr height="23%" align="center" style="color: red;">
<td>

Календарь

</td>
<td>

Модераторы

</td></tr>
<tr height="23%" align="center" style="color: red;">
<td>

Погода

</td>
<td>

Навигация

</td></tr>
<tr height="23%" align="center" style="color: red;">
<td>

Время

</td>
<td>

Обновления

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

0

Поделиться935Пн, 24 Окт 2011 22:20:22

Автор: Кофеман
Заслуженный
Зарегистрирован: Ср, 2 Фев 2011
Сообщений: 1575
Уважение: +257
Позитив: +167
Пол: Мужской
Последний визит:
Пт, 1 Мар 2013 14:56:10

Operation Exodus, а ссылка на Ваш форум где?

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

Попробуйте сами, может получится лучше) мну ток альтернативу предложил) глядишь и до оригинала доведем кстати, слово "навигация" в последнее время стала приобретать кучу разных определений Оо (*Кофеман, а вы не против обсуждения этой темы в ЛС? туда и код пришлю чуть позже?

Rion Leonheart, да зачем же пробовать. Можно и в ЛС обсудить, но у Вас вышло отлично.
Нужно все же уточнить у заказчика что подразумевается под пунктом "Навигация по форуму"...

0

Поделиться936Вт, 25 Окт 2011 07:04:58

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

Кофеман, уточним :yep:

Отредактировано Rion Leonheart (Вт, 25 Окт 2011 07:17:43)

0

Поделиться937Вт, 25 Окт 2011 11:01:07

Автор: Operation Exodus
Заслуженный
Зарегистрирован: Чт, 27 Май 2010
Сообщений: 188
Уважение: +8
Позитив: +20
Последний визит:
Пт, 3 Авг 2012 18:49:39

Кофеман написал(а):

ссылка на Ваш форум где

http://lionkingpridenaly.mybb.ru/

0

Поделиться938Вт, 25 Окт 2011 12:14:28

Автор: antuanna
Заслуженный
Зарегистрирован: Пн, 5 Сен 2011
Сообщений: 88
Уважение: +1
Позитив: +6
Последний визит:
Ср, 30 Янв 2013 21:42:01

Operation Exodus
~~Вы Сабани?~~
Мой заказ:
воть
Чтоб в выемке был текст, а при нажатии на кнопки он менялся.
wwwwildindia.mybb.ru

Отредактировано antuanna (Вт, 25 Окт 2011 13:19:16)

0

Поделиться939Вт, 25 Окт 2011 16:12:28

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

Operation Exodus,

Html-верх:

Код:

<style>	
#menu span {
padding: 15px 50px 15px 50px; 
margin-right: 15px;
margin-left: 5px;
width: 30%;
text-decoration: none;
border: 1px solid #000;
}

#menu .tabactive {
color: #fff;
}

.submenutext {
display: none; 
padding: 5px;
height: 280px;
text-align: center;
font-size: 12px;
width: 98%;
border: 1px solid #000;
}
</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%; height: 375px; margin-top: 60px; border: 1px solid #000;" cellspacing="15">
 <tbody>
  <tr height="40">
   <td>
    <div id="menu"><b>
<span alt="#sm1" style="cursor: pointer;">Кнопка 1</span>
<span alt="#sm2" style="cursor: pointer;">Кнопка 2</span>
<span alt="#sm3" style="cursor: pointer;">Кнопка 3</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;"><div style="width: 100%; height: 278px; overflow: auto;"><br/><br/>

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

</div></div>
     <div id="sm2" class="submenutext"><div style="width: 100%; height: 278px; overflow: auto;"><br/><br/>

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

</div></div>
     <div id="sm3" class="submenutext"><div style="width: 100%; height: 278px; overflow: auto;"><br/><br/>

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

</div></div>

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

+1

Поделиться940Вт, 25 Окт 2011 17:27:50

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

antuanna, вариант первый.

В html-верх:

Код:

<style>	
#menu span {
padding: 15px 55px 15px; 
margin-right: 100px;
width: 100px;
}

.submenutext {
margin-left: 10px;
display: none; 
padding: 5px;
height: 330px;
text-align: center;
font-size: 12px;
width: 320px;
}
</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: 642px; height: 435px; background: url(http://uploads.ru/i/T/X/i/TXi6m.jpg) no-repeat center;" border="0">
 <tbody>
  <tr>
   <td id="MenuTxT"  align="center" valign="top">
    <div id="submenu" align="left"> 
     <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>
   </td>
</tr>
  <tr height="55">
   <td align="left">
    <div id="menu">
<span alt=#sm1 "style="cursor: pointer;"></span>
<span alt=#sm2 "style="cursor: pointer;"></span>
<span alt=#sm3 "style="cursor: pointer;"></span>
    </div>
   </td>
  </tr>
 </tbody>
</table></center>

Примечание: Однако т. к. у вас кнопки разной ширины, контент будет переключаться только в случае нажатия на середину фразы "Администраторы" или "Модераторы".

Вариант второй.

Лучше будет, если вы нарежете картинки на кнопки и выложите. Переделаем быстро. И тогда при нажатии на любое место кнопки можно будет переключать содержимое окошка.

Отредактировано Rion Leonheart (Вт, 25 Окт 2011 17:29:03)

+2

Единый форум поддержки

Меню навигации

Пользовательские ссылки

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

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

Сообщений 921 страница 940 из 1000

Поделиться921Пт, 21 Окт 2011 19:44:45

Поделиться922Пт, 21 Окт 2011 20:51:04

Поделиться923Пт, 21 Окт 2011 20:53:09

Поделиться924Сб, 22 Окт 2011 00:01:31

Поделиться925Сб, 22 Окт 2011 11:28:03

Поделиться926Сб, 22 Окт 2011 17:44:53

Поделиться927Вс, 23 Окт 2011 09:02:02

Поделиться928Вс, 23 Окт 2011 09:12:33

Поделиться929Вс, 23 Окт 2011 19:19:13

Поделиться930Вс, 23 Окт 2011 19:56:58

Поделиться931Вс, 23 Окт 2011 20:35:51

Поделиться932Вс, 23 Окт 2011 21:24:27

Поделиться933Вс, 23 Окт 2011 21:49:13

Поделиться934Пн, 24 Окт 2011 03:01:55

Поделиться935Пн, 24 Окт 2011 22:20:22

Поделиться936Вт, 25 Окт 2011 07:04:58

Поделиться937Вт, 25 Окт 2011 11:01:07

Поделиться938Вт, 25 Окт 2011 12:14:28

Поделиться939Вт, 25 Окт 2011 16:12:28

Поделиться940Вт, 25 Окт 2011 17:27:50