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

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

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

Вы здесь » Единый форум поддержки » Архив » Таблицы на заказ (14)

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

Страница:   1 … 28 29 30 31 32 … 50  

Сообщений 581 страница 600 из 1000

581

  • Автор: Orum
  • Стремящийся
  • Зарегистрирован: Вс, 3 Июн 2012
  • Сообщений: 6
  • Уважение: 0
  • Позитив: 0
  • Последний визит:
    Пн, 11 Июн 2012 15:32:12

Rion Leonheart
случайно скопированный кусок инфы. ничего

0

582

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

Pio,

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

.table_my_cats td {text-align: center; vertical-align: top; border: 1px dashed; font-family: 'book antiqua';}

.table_my_cats h3 {font-size: 20px; font-family: 'monotype corsiva'; font-weight: bold; color: #663300; margin: 5px 0 5px 0;}

.table_my_cats .scroll-boxter {width: 100%; height: 100px; overflow-y: auto;}
</style>

<table class="table_my_cats" style="width: 100%;" cellpadding="0" cellspacing="2">
<tr>
<td colspan="3">
<marquee style="width: 98%;" scrollamount="3">

<h3>Добро пожаловать</h3>

</marquee>
</td>
</tr>
<tr>
<td style="width: 40%;">
<div class="scroll-boxter">

<h3>Сюжет</h3>

Предводительница Небесного племени уже готова набрать молодых воинов в своё племя. Закатная Звезда не отстает.

</div>
</td>
<td style="width: 20%; vertical-align: middle;" rowspan="4">

<img src="http://s2.rimg.info/2d2b0c879e3f23caf3da73302af5e74a.gif"/>
<img src="http://s2.rimg.info/2d2b0c879e3f23caf3da73302af5e74a.gif"/>
<img src="http://s2.rimg.info/2d2b0c879e3f23caf3da73302af5e74a.gif"/>

</td>
<td style="width: 40%;">
<div class="scroll-boxter">

<h3>Новости племён</h3>

Мы только что открылись, но уже готовы функционировать в полную силу.

</div>
</td>
</tr>
<tr>
<td>
<div class="scroll-boxter">

<h3>Время / Погода в игре</h3>

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

</div>
</td>
<td>
<div class="scroll-boxter">

<h3>Полезные ссылки</h3>

<a href="link">Тема 1</a> | 
<a href="link">Тема 2</a> | 
<a href="link">Тема 3</a> | 
<a href="link">Тема 4</a> | 
<a href="link">Тема 5</a> |
<a href="link">Тема 6</a>

</div>
</td>
</tr>
<tr>
<td>
<div class="scroll-boxter">

<h3>Администрация</h3>

text

</div>
</td>
<td>
<div class="scroll-boxter">

<h3>Разное</h3>

text

</div>
</td>
</tr>
<tr>
<td>
<div class="scroll-boxter">

<h3>Музыка</h3>

text text text text

</div>
</td>
<td>

<h3>Время</h3>
<marquee style="width: 98%; height: 66px;" scrollamount="1" direction="up">

text text text text

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

0

583

  • Автор: Pio
  • Стремящийся
  • Зарегистрирован: Пн, 4 Июн 2012
  • Сообщений: 11
  • Уважение: 0
  • Позитив: 0
  • Последний визит:
    Пн, 23 Июл 2012 14:03:18

Вы спасли меня http://mybb.ru/f/collection/0211.gif

0

584

  • Автор: Pio
  • Стремящийся
  • Зарегистрирован: Пн, 4 Июн 2012
  • Сообщений: 11
  • Уважение: 0
  • Позитив: 0
  • Последний визит:
    Пн, 23 Июл 2012 14:03:18

Спасибо вам огромное.Я вам очень благодарна.Вы сделали то самое что я хотела.Жаль вы дизайны не делаете

0

585

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

Жаль вы дизайны не делаете

делаю  http://i039.radikal.ru/0806/ec/a5ffc6d7cfd9.gif

0

586

  • Автор: Pio
  • Стремящийся
  • Зарегистрирован: Пн, 4 Июн 2012
  • Сообщений: 11
  • Уважение: 0
  • Позитив: 0
  • Последний визит:
    Пн, 23 Июл 2012 14:03:18

вы сможете воедино собрать ? ну к примеру если у меня буду исходники

0

587

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

Так-с, 1 заказ осталсо

Отредактировано Rion Leonheart (Вт, 5 Июн 2012 02:27:13)

0

588

  • Автор: Virginia Banks
  • Заслуженный
  • Virginia Banks
  • Зарегистрирован: Пн, 28 Май 2012
  • Сообщений: 27
  • Уважение: +1
  • Позитив: +1
  • Пол: Женский
  • Последний визит:
    Вс, 25 Авг 2013 16:56:20

Rion Leonheart
спасибо) Только я одно не пойму... Мне нужно поставить картинку, а куда вставлять ссылку?

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

Жаль вы дизайны не делаете

Даа... Это пичально(

Отредактировано Virginia Banks (Вт, 5 Июн 2012 06:30:15)

0

589

  • Автор: Fia99
  • Заслуженный
  • Зарегистрирован: Чт, 14 Июл 2011
  • Сообщений: 9
  • Уважение: 0
  • Позитив: 0
  • Последний визит:
    Ср, 6 Июн 2012 19:03:14

Rion Leonheart,да края закруглённые

0

590

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

Мне нужно поставить картинку, а куда вставлять ссылку?

:glasses:

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

<table class="ins_tbl" style="width: 100%; height: 100%;" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 40%;">

<img style="width: 180px; height: 220px;" src="link"/>

</td>
<td style="width: 60%;">
<div style="width: 100%; height: 250px; overflow-y: auto;">

<h3>Новости</h3>

текст текст текст текст

<h3>В игре</h3>

Virginia Banks написал(а):

Даа... Это пичально(

пост 585 на этой странице.

0

591

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

Orum, что-то рано вам пока партнеров... в принципе картинки вкладок и контент можете переставлять как хотите.

html-верх

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

.cats_war td {text-align: center; vertical-align: top;}
.ctwr_ins td {text-align: center; vertical-align: middle;}

#menu {margin: 0px;}

#menu span {
padding: 0px;
margin: 0px;
display: block;
width: 200px;
height: 20px;}

#menu .tabactive {
color: #fff;}

#submenu {
padding: 3px;
width: 97%;}

.submenutext {
display: none;
text-align: center;
height: 270px;}

#menu span, #submenu {
border-radius:15px;
    -webkit-border-radius:15px;
    -khtml-border-radius:15px;
    -moz-border-radius:15px;
    -o-border-radius:15px;}
</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>

объявление

Код:
<table class="cats_war" style="width: 100%;" cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="width: 75%;">

<table class="ctwr_ins" style="width: 100%;" cellpadding="0" cellspacing="0">
 <tbody>
  <tr height="50">
   <td>
<!-- Buttons -->
    <div id="menu">
<table style="width: 100%;" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 33%;" align="center">
<span alt="#sm1" style="cursor: pointer;"><img src="http://s019.radikal.ru/i608/1206/79/32e35a1e10aa.png"/></span>
</td>
<td style="width: 33%;" align="center">
<span alt="#sm2" style="cursor: pointer;"><img src="http://uploads.ru/i/E/p/j/EpjWs.png"/></span>
</td>
<td style="width: 33%;" align="center">
<span alt="#sm3" style="cursor: pointer;"><img src="http://s019.radikal.ru/i643/1206/69/fce5a0b8e228.png"/></span>
</td>
</tr>
</table>
    </div>
<!-- End -->
   </td>
  </tr>
  <tr>
   <td id="MenuTxT" align="center" valign="top">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;">
<!-- 1st Cont -->
<table style="width: 100%; height: 100%;">
<tr>
<td style="width: 50%;">

<img style="width: 250px;" src="http://s019.radikal.ru/i609/1206/07/84b72420402f.png"/>

</td>
<td style="width: 50%;">

<b>04.06.12</b>
<br/>
Введена особая система наград, представляемая распределением баллов за заслуги перед форумом, интересную игру и многое другое. Подробности читать тут: <a href="http://twistedfate.liverolka.ru/viewtopic.php?id=43">Система баллов</a>
<br/><br/>
<b>03.06.12</b>
<br/>
Поздравим нашу ролевую с ее рождением! Остаются считанные дни до ее окончательного и бесповоротного <b>открытия</b> - заполняем разделы и категории темами, дорабатываем оформление и рекламу, наполняем акции. Отдельная благодарность <b>Сумраку</b>, <b>Табаку</b> и <b>Сьо</b> за активную помощь мне в создании форума.

</td>
</tr>
</table>
<!-- End -->
</div>
     <div id="sm2" class="submenutext">
<!-- 2nd Cont -->
<table style="width: 100%; height: 100%;">
<tr>
<td style="width: 50%;">

<img style="width: 250px;" src="http://s019.radikal.ru/i609/1206/07/84b72420402f.png"/>

</td>
<td style="width: 50%;">

<a href="http://twistedfate.liverolka.ru/viewtopic.php?id=5#p6">Правила.</a>
<br/><br/>
<a href="http://twistedfate.liverolka.ru/viewtopic.php?id=13#p14">Регистрация.</a>
<br/><br/>
<a href="http://twistedfate.liverolka.ru/viewtopic.php?id=15#p17">Акционные персонажи.</a>
<br/><br/>
<a href="http://twistedfate.liverolka.ru/viewtopic.php?id=9#p10">Набор модераторов.</a>
<br/><br/>
<a href="http://twistedfate.liverolka.ru/viewtopic.php?id=12#p13">Смена ника и статуса.</a>
<br/><br/>
<a href="http://twistedfate.liverolka.ru/viewtopic.php?id=55#p118">Доска почета.</a>
<br/><br/>
<a href="http://twistedfate.liverolka.ru/viewtopic.php?id=3#p4">Отзывы.</a>

</td>
</tr>
</table>
<!-- End -->
</div>
     <div id="sm3" class="submenutext">
<!-- 3rd Cont -->
<table style="width: 100%; height: 100%;">
<tr>
<td style="width: 50%;">

<img style="width: 250px;" src="http://s019.radikal.ru/i609/1206/07/84b72420402f.png"/>

</td>
<td style="width: 50%;">

<b>Администраторы</b>
<br/><br/>
<img src="http://s019.radikal.ru/i615/1206/9f/e0edafd05d4d.png" title="Корь"/>
<img src="http://s019.radikal.ru/i621/1206/af/8df4d56a9fe1.png" title="Табак"/>
<br/><br/>
<b>Модераторы</b>
<br/><br/>
<img src="http://s019.radikal.ru/i612/1206/6d/e6fe236e49d8.jpg" title="Сумрак"/>

</td>
</tr>
</table>
<!-- End -->
</div>
   </td>
</tr>
 </tbody>
</table>

</td>
<td style="width: 25%; vertical-align: middle;">
<!-- Right Col -->
<img src="http://uploads.ru/i/J/R/w/JRwKb.png"/>

<!-- Avatar -->
<img src="http://s017.radikal.ru/i416/1206/c6/cbbbf79f5021.jpg"/>
<!-- End -->
</td>
</tr>
</table>

0

592

  • Автор: Fia99
  • Заслуженный
  • Зарегистрирован: Чт, 14 Июл 2011
  • Сообщений: 9
  • Уважение: 0
  • Позитив: 0
  • Последний визит:
    Ср, 6 Июн 2012 19:03:14

Надеюсь про меня не забыли? :flirt:

0

593

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

Fia99, нет конечно, сервак лежал какое-то время  :dontknow:

html-верх

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

.my_te_stl td {
  text-align: center;
  border: 1px dashed #000;
  }

.my_te_stl h3 {
  font-size: 20px;
  font-family: 'monotype corsiva';
  margin: 5px 0 5px 0;
  }

.my_te_stl a {
  color: red!important;
  text-decoration: none!important;
  }

.my_te_stl a:hover {
  color: maroon!important;
  text-decoration: underline!important;
  }

.scr-box {width: 100%; height: 250px; overflow-y: auto;}

.my_te_stl, .my_te_stl td {
  -webkit-border-radius: 10px;
   -khtml-border-radius: 10px;
     -moz-border-radius: 10px;
       -o-border-radius: 10px;
          border-radius: 10px;
  }
</style>

объявление

Код:
<table class="my_te_stl" style="width: 100%; border: 1px dashed #000;" cellpadding="5" cellspacing="4">
<tr>
<td style="width: 25%;">

<a href="ссылка"><h3>Сюжет</h3></a>

</td>
<td style="width: 25%;">

<a href="ссылка"><h3>Администрация</h3></a>

</td>
<td style="width: 25%;">

<a href="ссылка"><h3>Объявления</h3></a>

</td>
<td style="width: 25%;">

<a href="ссылка"><h3>Разное</h3></a>

</td>
</tr>
<tr>
<td>
<div class="scr-box">

<h3>Заголовок 1</h3>

текст

</div>
</td>
<td colspan="3">
<div class="scr-box">

<h3>Заголовок 2</h3>

текст текст текст текст

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

0

594

  • Автор: Jeka89
  • Заслуженный
  • Jeka89
  • Зарегистрирован: Пт, 20 Апр 2012
  • Сообщений: 36
  • Уважение: +5
  • Позитив: +6
  • Пол: Мужской
  • Последний визит:
    Вт, 21 Май 2013 13:29:30

Эскиз таблицы: http://s019.radikal.ru/i627/1206/a1/511a4900b325.png
Ссылка на форум: http://win-forum.ru/
Пополнения,пояснения: Меню,где помечено серым,если можно,сделать так,что бы при нажатии немного затемнялись сами эти окошки нажатия. Шрифт заголовков всех TechnicalDi
Теперь отдалеьно по самим окнам,первое окно разделить на 2 части,где написано картинка,поставить ссылку,как поставить картинку,а после я поставлю сам.Ссылки,которые активные,что бы нажимались и был переход,а не активные,просто написанные,не кликабельны и оба окна обязательно листались вниз.
Второе окно где часики просто словами написать слово часы.,где картинка,тоже просто ссылку поставить а я картинку подберу.Фраза немного о форуме что бы не листалась вниз,а остальной текст можно было листать вниз.
Третье окно, где написано картинка,поставить ссылку,как поставить картинку,а после я поставлю сам. Где услуга 1(можно было кликнуть и перейти на тему) и дальше описание,оно должно просто поясняться и быть без переходов.Просто как обычный текст.
Четвертое окно.наверно самое сложное, в основном что бы можно было видеть просто аватар, и кнопка разворота, после сама эта кнопка,что бы при нажатии на + открывалось окно с нужной информацией,ну примерно как просто в профилях делают сворачивание информации.
И последнее окно,заголовки что бы оставались нетронутыми и не листались,а сами баннеры можно было листать ниже

Заранее спасибо,очень жду заказ)

0

595

  • Автор: Martele
  • Заслуженный
  • Martele
  • Зарегистрирован: Вс, 20 Мар 2011
  • Сообщений: 82
  • Уважение: 0
  • Позитив: +16
  • Пол: Женский
  • Последний визит:
    Пт, 25 Июл 2014 01:52:19

Доброго времени суток.

Это опять я ._.

Форум - http://testovtest.anihub.ru/
1)
http://uploads.ru/t/G/f/E/GfEBK.png
2)
http://uploads.ru/t/L/F/c/LFcp8.png
3)
http://uploads.ru/t/w/j/a/wjakX.png
Картинки кликабельные.
Можно сделать так, чтоб при наведении курсора на картинку появлялся ник?
4)
http://uploads.ru/t/T/O/i/TOirG.png
5)
http://uploads.ru/t/n/h/z/nhzJg.png

Сами кнопочки полупрозрачные, при нажатии на одну из них она становится полностью видимой (не прозрачной)
Заранее Благодарна.

Отредактировано Martele (Вт, 5 Июн 2012 23:04:46)

0

596

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

Женя Jeka89, тестируйте.
к сожалению указанный шрифт не является стандартным...

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

#menu {margin-top: 3px;}

#menu span {
width: 170px;
height: 22px;
text-align: center;
display: block;
margin-bottom: 3px;
padding: 10px 0 10px 0;
color: #3F3B3B;
font-size: 18px;
font-family: 'Impact';
text-shadow: 0px 0px 5px #fff;}

#menu .tabactive {
  border-color: #333;
  background-color: #A4A5A4;
  -webkit-transition: all 1.5s ease-in-out;
     -moz-transition: all 1.5s ease-in-out;
       -o-transition: all 1.5s ease-in-out;
          transition: all 1.5s ease-in-out;}

#submenu {
padding: 0px;
width: 99%;}

.submenutext {
display: none;
height: 234px;
padding: 0px;
text-align: center;}

.submenutext h3 {
color: #3F3B3B;
font-size: 16px;
font-family: 'system';
font-weight: bold;
margin: 8px 0 8px 0;}

.submenutext table td {
border: 1px solid #979797; 
padding: 8px;
text-align: center;
vertical-align: top;}

#menu span {border: 1px solid #979797;}
</style>

<center><table style="width: 100%; border: 1px solid #979797;" border="0" cellpadding="0" cellspacing="0">
 <tbody>
  <tr>
   <td align="center" style="width: 21%;">
    <div id="menu">
<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>
    </div>
   </td>
   <td id="MenuTxT" style="width: 79%;" align="center">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;">
<!-- 1st button -->
<table style="width: 100%; height: 100%;">
<tr>
<td style="width: 50%; text-align: left;">
<div style="width: 100%; height: 208px; overflow-y: auto;">

<h3><img src="link" align="middle"> <a href="ссылка на тему">Новость 1 *new*</a></h3>
<h3><img src="link" align="middle"> <a href="ссылка на тему">Новость 2 *new*</a></h3>
<h3><img src="link" align="middle"> <a href="ссылка на тему">Новость 3 *new*</a></h3>

</div>
</td>
<td style="width: 50%; text-align: left;">
<div style="width: 100%; height: 208px; overflow-y: auto;">

<h3><img src="link" align="middle"> Новость 1</h3>
<h3><img src="link" align="middle"> Новость 2</h3>
<h3><img src="link" align="middle"> Новость 3</h3>

</div>
</td>
</tr>
</table>
<!-- End -->
</div>
     <div id="sm2" class="submenutext">
<!-- 2nd button -->
<table style="width: 100%; height: 100%;">
<tr>
<td style="width: 50%; vertical-align: bottom;">

<h3>Часики</h3>

<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://active.macromedia.com/flash6/cabs/swflash.cab#version=6.0.0.0" style="height: 50px;">
<PARAM name="movie" value="http://avatar.moy.su/flash/clock/33.swf">
<PARAM name="play" value="true">
<PARAM name="loop" value="true">
<PARAM name="WMode" value="transparent">
<PARAM name="quality" value="high">
<PARAM name="bgcolor">
<PARAM name="align">
<EMBED src="http://avatar.moy.su/flash/clock/33.swf" play="true" loop="0" wmode="transparent" quality="high" align pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" style="height: 50px;">
</OBJECT>

<h3>Немного о форуме</h3>
<div style="width: 100%; height: 90px; overflow-y: auto; text-align: left;">

WinForum создан не только для общения, но и для помощи в решения различных вопросов, связанных непосредственно с компьютером, компьютерными программами и т д.
<br/>
Кроме того Вы могли бы поучаствовать в обсуждениях, поделиться своим опытом в решении различных задач с другими участниками форума.

</div>
</td>
<td style="width: 50%;">

<img src="картинка"/>

</td>
</tr>
</table>
<!-- End -->
</div>
     <div id="sm3" class="submenutext">
<!-- 3rd button -->
<div style="width: 97%; height: 216px; padding: 8px; text-align: left; border: 1px solid #979797;">

<h3>Оформляем заявки на заказы</h3>

<h3><img src="link" align="middle"> <a href="ссылка на тему">Услуга 1</a> (описание)</h3>
<h3><img src="link" align="middle"> <a href="ссылка на тему">Услуга 2</a> (описание)</h3>
<h3><img src="link" align="middle"> <a href="ссылка на тему">Услуга 3</a> (описание)</h3>
<h3><img src="link" align="middle"> <a href="ссылка на тему">Услуга 4</a> (описание)</h3>
<h3><img src="link" align="middle"> <a href="ссылка на тему">Услуга 5</a> (описание)</h3>

</div>
<!-- End -->
</div>
     <div id="sm4" class="submenutext">
<!-- 4th button -->
<table style="width: 100%; height: 100%;">
<tr>
<td style="width: 25%;">

<img style="width: 95px; height: 95px;" src="ссылка на аватар"/>

<div align="center"><a href="#" onclick=" obj=this.parentNode.childNodes[1].style; 
tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;"> 
+</a><div style="display: none"> 

<h3>Имя</h3> 

<p align="left">
<b>Лет</b> ...
<br/>
<b>Mail.Ru Агент</b> ...
<br/>
<b>Skype</b> ...
<br/>
<b>ICQ</b> ...
<br/>
<b>Моб. тел</b> ...
</p>

</div></div>

</td>
<td style="width: 25%;">

<img style="width: 95px; height: 95px;" src="ссылка на аватар"/>

<div align="center"><a href="#" onclick=" obj=this.parentNode.childNodes[1].style; 
tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;"> 
+</a><div style="display: none"> 

<h3>Имя</h3> 

<p align="left">
<b>Лет</b> ...
<br/>
<b>Mail.Ru Агент</b> ...
<br/>
<b>Skype</b> ...
<br/>
<b>ICQ</b> ...
<br/>
<b>Моб. тел</b> ...
</p>

</div></div>

</td>
<td style="width: 25%;">

<img style="width: 95px; height: 95px;" src="ссылка на аватар"/>

<div align="center"><a href="#" onclick=" obj=this.parentNode.childNodes[1].style; 
tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;"> 
+</a><div style="display: none"> 

<h3>Имя</h3> 

<p align="left">
<b>Лет</b> ...
<br/>
<b>Mail.Ru Агент</b> ...
<br/>
<b>Skype</b> ...
<br/>
<b>ICQ</b> ...
<br/>
<b>Моб. тел</b> ...
</p>

</div></div>

</td>
<td style="width: 25%;">

<img style="width: 95px; height: 95px;" src="ссылка на аватар"/>

<div align="center"><a href="#" onclick=" obj=this.parentNode.childNodes[1].style; 
tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;"> 
+</a><div style="display: none"> 

<h3>Имя</h3> 

<p align="left">
<b>Лет</b> ...
<br/>
<b>Mail.Ru Агент</b> ...
<br/>
<b>Skype</b> ...
<br/>
<b>ICQ</b> ...
<br/>
<b>Моб. тел</b> ...
</p>

</div></div>

</td>
</tr>
</table>
<!-- End -->
</div>
     <div id="sm5" class="submenutext">
<!-- 5th button -->
<table style="width: 100%; height: 100%;">
<tr>
<td style="width: 25%;">

<h3>Друзья</h3>
<div style="width: 100%; height: 178px; overflow-y: auto;">

баннер
<br/>
баннер

</div>
</td>
<td style="width: 25%;">

<h3>Полезное</h3>
<div style="width: 100%; height: 178px; overflow-y: auto;">

баннер
<br/>
баннер

</div>

</td>
<td style="width: 25%;">

<h3>Заработок и т.п.</h3>
<div style="width: 100%; height: 178px; overflow-y: auto;">

баннер
<br/>
баннер

</div>

</td>
<td style="width: 25%;">

<h3>Статистика</h3>
<div style="width: 100%; height: 178px; overflow-y: auto;">

баннер
<br/>
баннер

</div>

</td>
</tr>
</table>
<!-- End -->
</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

597

  • Автор: Orum
  • Стремящийся
  • Зарегистрирован: Вс, 3 Июн 2012
  • Сообщений: 6
  • Уважение: 0
  • Позитив: 0
  • Последний визит:
    Пн, 11 Июн 2012 15:32:12

Rion Leonheart
благодарю покорнейше.
да,  на будущее партнеров.

0

598

  • Автор: Orum
  • Стремящийся
  • Зарегистрирован: Вс, 3 Июн 2012
  • Сообщений: 6
  • Уважение: 0
  • Позитив: 0
  • Последний визит:
    Пн, 11 Июн 2012 15:32:12

Rion Leonheart
ох, скажите, а можете сделать чтобы границы все-таки были. как на эскизе?

0

599

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

Martele, насколько важно наличие границ в таблице?

Просто вы просите полупрозрачность, а с ней полупрозрачной будет не только надпись кнопки, но и бордер вокруг нее.

Отредактировано Rion Leonheart (Ср, 6 Июн 2012 10:04:36)

0

600

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

чтобы границы все-таки были. как на эскизе?

:glasses: а сразу уточнить? Границы мало кто просит, поэтому по умолчанию без доп. указаний делаю без них.

html-верх

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

.cats_war td {text-align: center; vertical-align: top;}
.ctwr_ins td {text-align: center; vertical-align: middle;}

#menu {margin: 0px;}

#menu span {
padding: 0px;
margin: 0px;
display: block;
width: 200px;
height: 40px;}

#menu .tabactive {
border: none;}

#submenu {
padding: 3px;
width: 97%;}

.submenutext {
display: none;
text-align: center;
height: 270px;}

#menu span, #submenu, .my_brd {
border: 2px solid #A5A0A6;
  -webkit-border-radius: 15px;
   -khtml-border-radius: 15px;
     -moz-border-radius: 15px;
       -o-border-radius: 15px;
          border-radius:15px;}
</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>

объявление

Код:
<table class="cats_war" style="width: 100%;" cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="width: 75%;">

<table class="ctwr_ins" style="width: 100%;" cellpadding="0" cellspacing="0">
 <tbody>
  <tr height="55">
   <td>
<!-- Buttons -->
    <div id="menu">
<table style="width: 100%;" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 33%;" align="center">
<span alt="#sm1" style="cursor: pointer;"><img src="http://s019.radikal.ru/i608/1206/79/32e35a1e10aa.png"/></span>
</td>
<td style="width: 33%;" align="center">
<span alt="#sm2" style="cursor: pointer;"><img src="http://uploads.ru/i/E/p/j/EpjWs.png"/></span>
</td>
<td style="width: 33%;" align="center">
<span alt="#sm3" style="cursor: pointer;"><img src="http://s019.radikal.ru/i643/1206/69/fce5a0b8e228.png"/></span>
</td>
</tr>
</table>
    </div>
<!-- End -->
   </td>
  </tr>
  <tr>
   <td id="MenuTxT" align="center" valign="top">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;">
<!-- 1st Cont -->
<table style="width: 100%; height: 100%;">
<tr>
<td style="width: 50%;">

<img style="width: 250px;" src="http://s019.radikal.ru/i609/1206/07/84b72420402f.png"/>

</td>
<td style="width: 50%;">

<b>04.06.12</b>
<br/>
Введена особая система наград, представляемая распределением баллов за заслуги перед форумом, интересную игру и многое другое. Подробности читать тут: <a href="http://twistedfate.liverolka.ru/viewtopic.php?id=43">Система баллов</a>
<br/><br/>
<b>03.06.12</b>
<br/>
Поздравим нашу ролевую с ее рождением! Остаются считанные дни до ее окончательного и бесповоротного <b>открытия</b> - заполняем разделы и категории темами, дорабатываем оформление и рекламу, наполняем акции. Отдельная благодарность <b>Сумраку</b>, <b>Табаку</b> и <b>Сьо</b> за активную помощь мне в создании форума.

</td>
</tr>
</table>
<!-- End -->
</div>
     <div id="sm2" class="submenutext">
<!-- 2nd Cont -->
<table style="width: 100%; height: 100%;">
<tr>
<td style="width: 50%;">

<img style="width: 250px;" src="http://s019.radikal.ru/i609/1206/07/84b72420402f.png"/>

</td>
<td style="width: 50%;">

<a href="http://twistedfate.liverolka.ru/viewtopic.php?id=5#p6">Правила.</a>
<br/><br/>
<a href="http://twistedfate.liverolka.ru/viewtopic.php?id=13#p14">Регистрация.</a>
<br/><br/>
<a href="http://twistedfate.liverolka.ru/viewtopic.php?id=15#p17">Акционные персонажи.</a>
<br/><br/>
<a href="http://twistedfate.liverolka.ru/viewtopic.php?id=9#p10">Набор модераторов.</a>
<br/><br/>
<a href="http://twistedfate.liverolka.ru/viewtopic.php?id=12#p13">Смена ника и статуса.</a>
<br/><br/>
<a href="http://twistedfate.liverolka.ru/viewtopic.php?id=55#p118">Доска почета.</a>
<br/><br/>
<a href="http://twistedfate.liverolka.ru/viewtopic.php?id=3#p4">Отзывы.</a>

</td>
</tr>
</table>
<!-- End -->
</div>
     <div id="sm3" class="submenutext">
<!-- 3rd Cont -->
<table style="width: 100%; height: 100%;">
<tr>
<td style="width: 50%;">

<img style="width: 250px;" src="http://s019.radikal.ru/i609/1206/07/84b72420402f.png"/>

</td>
<td style="width: 50%;">

<b>Администраторы</b>
<br/><br/>
<img src="http://s019.radikal.ru/i615/1206/9f/e0edafd05d4d.png" title="Корь"/>
<img src="http://s019.radikal.ru/i621/1206/af/8df4d56a9fe1.png" title="Табак"/>
<br/><br/>
<b>Модераторы</b>
<br/><br/>
<img src="http://s019.radikal.ru/i612/1206/6d/e6fe236e49d8.jpg" title="Сумрак"/>

</td>
</tr>
</table>
<!-- End -->
</div>
   </td>
</tr>
 </tbody>
</table>

</td>
<td style="width: 25%; vertical-align: bottom;">
<div style="height: 275px;" class="my_brd">
<!-- Right Col -->
<img src="http://uploads.ru/i/J/R/w/JRwKb.png"/>

<!-- Avatar -->
<img src="http://s017.radikal.ru/i416/1206/c6/cbbbf79f5021.jpg"/>
<!-- End -->
</div>
</td>
</tr>
</table>

0

Страница:   1 … 28 29 30 31 32 … 50  

Вы здесь » Единый форум поддержки » Архив » Таблицы на заказ (14)