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

Страница: « 1 … 11 12 13 14 15 … 50 »

Сообщений 241 страница 260 из 1000

Поделиться1Ср, 3 Окт 2012 22:19:59

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4738
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

Продолжение темы Таблицы на заказ (14).
Напомню требования:

При заказе таблиц от вас требуется:
1) Эскиз вашей будущей таблицы, сделанный в любом графическом редакторе (Пэинт, Фотошоп и т.д.) - обязательно!
2) Ссылка на ваш форум !Заказы без ссылок приниматься не будут!
3) Указать необходимые прокрутки, всплывающие окна, границы таблиц и т.п.

Заказы типа "Сделайте: Как там!" также приниматься не будут. Потрудитесь нарисовать макет таблицы самостоятельно.

И помните, чем подробнее опишите то, что нужно, тем точнее получите результат.

Поделиться241Вт, 16 Апр 2013 17:03:02

Автор: Камушек
Заслуженный
Зарегистрирован: Пн, 5 Ноя 2007
Сообщений: 115
Уважение: +9
Позитив: +9
Пол: Женский
Последний визит:
Пн, 22 Апр 2013 21:38:59

Здравствуйте, снова я)))) Нужна табличка.
Экскиз:
Ссылка на форум http://warrcats.ibord.ru/
Дополнительно: Я честно не знаю как такая табличка называется, но это там где нажимаешь на название и в основном окошке меняется информация. За место названий я так поняла картинки уже сами делаем? Просто они скорее всего сменятся.

Поделиться242Вт, 16 Апр 2013 21:51:48

Автор: dj_maximus
Заслуженный
Зарегистрирован: Пт, 22 Фев 2013
Сообщений: 179
Уважение: +21
Позитив: +38
Последний визит:
Пт, 28 Июн 2024 16:49:14

Rion Leonheart
Нет, не интересовался. Я не знаком с администрацией форума, не имею к нему отношения, так что, боюсь, не прокатит подобное)

Отредактировано dj_maximus (Вт, 16 Апр 2013 21:54:48)

Поделиться243Вт, 16 Апр 2013 22:01:32

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

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

dj_maximus,
У администрации того форума кодом погоды из объявления не интересовались?

Там всё вручную... хотя где-то делал погодный скрипт

Код:

     <div id="sm3" class="submenutext"><br /><br />
<table width=100% border="0">
    <tr>
      <td width=30% >
<img src="Ссылка" border="0" />
<br>
<b>Дата:</b><br> 19 октября 2012 года (четверг)
<br>
<br><img src="Ссылка" border="0" /><b>Время:</b><br> День (20:00-23:00)
<br>
<br>
<b>Прогноз погоды:</b> Ветер южный 2-3 м/с, температура +10 ... +8 С. Вылезло солнце, так что на улице потеплело; без осадков.

      </td>
      <td width=40% >
<img src="Ссылка" border="0" />

      </td>
      <td width=30% >
<img src="Ссылка" border="0" />
<br>
<br><b>19.10.12</b> Известный ученый Константин Кроу вернулся в Блэкград. Он объявил, что вскоре организует прием для всей знати города, чтобы сделать важное заявление. Подробнее читайте в газете.
<br><b>13.07.12</b> Сегодня ночью был убит известный олигарх и владелец сети ресторанов "Paradise" Александр Арловский. Его окровавленный труп был найден недалеко от казино "Последний шанс". Выйти на след убийцы так и не удалось - преступник тщательно скрыл улики, выдающие его.


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

Отредактировано Deff (Ср, 17 Апр 2013 00:20:15)

Поделиться244Вт, 16 Апр 2013 23:50:54

Автор: dj_maximus
Заслуженный
Зарегистрирован: Пт, 22 Фев 2013
Сообщений: 179
Уважение: +21
Позитив: +38
Последний визит:
Пт, 28 Июн 2024 16:49:14

Deff
О, благодарствую

Поделиться245Ср, 17 Апр 2013 14:19:47

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

Камушек написал(а):

За место названий я так поняла картинки уже сами делаем? Просто они скорее всего сменятся.

Здравствуйте. Так названия сменятся, или кнопки будут картинками?)

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

Я не знаком с администрацией форума, не имею к нему отношения, так что, боюсь, не прокатит подобное)

~~Можно было в гостевой спросить...~~

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

Там всё вручную...

~~Да не... там что-то вроде слайдера было ОО~~

Поделиться246Ср, 17 Апр 2013 14:51:50

Автор: Камушек
Заслуженный
Зарегистрирован: Пн, 5 Ноя 2007
Сообщений: 115
Уважение: +9
Позитив: +9
Пол: Женский
Последний визит:
Пн, 22 Апр 2013 21:38:59

Rion Leonheart
Я думаю будут картинки

Поделиться247Пт, 19 Апр 2013 20:28:52

Автор: dean.allen.
Заслуженный
Зарегистрирован: Чт, 19 Янв 2012
Сообщений: 49
Уважение: +1
Позитив: +12
Последний визит:
Сб, 2 Май 2020 18:14:29

Здравствуйте)
макет :
http://clickscreen.ru/screens/2/b0326af5.png
размер таблице вышел 880х405
слева контейнер с пятью вкладками для информации размером 490х300 (не включая размер вкладок)
справа навигация где - то 250х370
хотелось бы что бы картинки и вкладок и ссылок в навигации менялись при наведение)
вот, как - то так....буду ооочень благодарен)
ссылка:

Поделиться248Вс, 21 Апр 2013 03:37:56

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

Камушек, извиняюсь за задержку - работа.

В html-верх:

Показать

Код:

<style>
/* Стиль объявления */
#pun-announcement .container {padding-top: 6em;}

#menu-lef, #menu-rig {
  margin-top: 6px;
  }

#menu-lef span, #menu-rig span {
  width: 140px;
  height: 40px;
  text-align:center;
  display: block;
  margin-bottom: 4px;
  padding: 0px;
  }

#menu-lef span img, #menu-rig span img {width: 140px; height: 40px;}

#submenu {
  padding: 5px;
  height: 183px;
  width: 400px;
  }

.submenutext {
  display: none;
  text-align: center;
  font: normal 14px 'Times New Roman', serif;
  height: 180px;}

#menu-lef span, #menu-rig span, .submenutext {
  border: 1px solid #000;
  }
/* Конец стиля */
</style>

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

Показать

Код:

<!-- Таблица -->
<center><table border="0" cellpadding="0" cellspacing="0">
 <tbody>
  <tr>
   <td valign="top" align="center">
    <div id="menu-lef">
<span alt="#sm1" style="cursor: pointer;"><img src="pic-newsblog"/></span>
<span alt="#sm2" style="cursor: pointer;"><img src="pic-registration"/></span>
<span alt="#sm3" style="cursor: pointer;"><img src="pic-actionsingame"/></span>
<span alt="#sm4" style="cursor: pointer;"><img src="pic-administration"/></span>
    </div>
   </td>
   <td id="MenuTxT" align="center" 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 id="sm6" class="submenutext">

Контент о нас

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

Контент рекламы

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

Контент меню

</div>
</div>
</td>
   <td valign="top" align="center">
    <div id="menu-rig">
<span alt="#sm5" style="cursor: pointer;"><img src="pic-main"/></span>
<span alt="#sm6" style="cursor: pointer;"><img src="pic-aboutus"/></span>
<span alt="#sm7" style="cursor: pointer;"><img src="pic-PR"/></span>
<span alt="#sm8" style="cursor: pointer;"><img src="pic-menu"/></span>
    </div>
   </td>
</tr>
</tbody>
</table></center>
<!-- Конец -->

В 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-lef span, div.#menu-rig span").click(function() {
    $("div.#menu-lef span, div.#menu-rig span").removeClass("tabactive");
    $(this).addClass("tabactive");
    $("td.#MenuTxT div.submenutext").hide();
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).fadeIn();
    return false; });
});
</script>

З.Ы.: размер картинки на кнопку - 140х40.
З.Ы.: ссылки на картинки вставляются в код объявления в местах, выделенных красным:
Для левой кучки кнопок.

<img src="pic-newsblog"/>
<img src="pic-registration"/>
<img src="pic-actionsingame"/>
<img src="pic-administration"/>

Для правой кучки кнопок.

<img src="pic-main"/>
<img src="pic-aboutus"/>
<img src="pic-PR"/>
<img src="pic-menu"/>

Поделиться249Вс, 21 Апр 2013 03:43:15

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

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

Предоставите картиночки всех кнопок по отдельности в неактивном виде и в цвете при наведении?

Поделиться250Вс, 21 Апр 2013 10:35:47

Автор: dean.allen.
Заслуженный
Зарегистрирован: Чт, 19 Янв 2012
Сообщений: 49
Уважение: +1
Позитив: +12
Последний визит:
Сб, 2 Май 2020 18:14:29

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

Предоставите картиночки всех кнопок по отдельности в неактивном виде и в цвете при наведении?

да, конечно)

картинки собственно

Отредактировано dean.allen. (Вс, 21 Апр 2013 11:31:40)

Поделиться251Вс, 21 Апр 2013 16:12:01

Автор: Камушек
Заслуженный
Зарегистрирован: Пн, 5 Ноя 2007
Сообщений: 115
Уважение: +9
Позитив: +9
Пол: Женский
Последний визит:
Пн, 22 Апр 2013 21:38:59

Rion Leonheart
Огромное спасибо)))

Поделиться252Вт, 23 Апр 2013 13:32:27

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

dean.allen., время будет только на выходных. -_- работа...

Поделиться253Вт, 23 Апр 2013 13:39:11

Автор: dean.allen.
Заслуженный
Зарегистрирован: Чт, 19 Янв 2012
Сообщений: 49
Уважение: +1
Позитив: +12
Последний визит:
Сб, 2 Май 2020 18:14:29

Rion Leonheart
хорошо
успехов в работе)

Поделиться254Чт, 25 Апр 2013 01:08:09

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

Кому нужны простые таблицы, - можно использовать таблицы создаваемые в Сообщениях,
для этого нужно установить скрипт Онлайн Редактор Объявлений

Помимо этого - можно получить HTML-код созданной таблицы, и использовать его, в объявлении.

Поделиться255Вс, 28 Апр 2013 08:28:42

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

dean.allen., иии я до вас добрался :love:

Развернуть портянки

html-верх (или смело в конец второго окна стиля с пометкой: /* CS6 Announcement. Table Style */ и без тегов <style></style>):

Код:

<style>
#pun-announcement .container {margin-bottom: -45px;}
#pun-announcement .container #link_box a img {margin-bottom: -2px;}

#pun-announcement .container table td {
  text-align: left;
  vertical-align: top;
  }

#menu {
  padding: 0px;
  margin: 0px;
  }

#menu span {
  width: 85px;
  height: 45px;
  display: block;
  }

/* Картинки кнопок в неактивном состоянии */
#menu span.bttn_1{background-image: url("http://s3.uploads.ru/rGFH7.png");}
#menu span.bttn_2{background-image: url("http://s3.uploads.ru/uyNSK.png");}
#menu span.bttn_3{background-image: url("http://s3.uploads.ru/VzkEx.png");}
#menu span.bttn_4{background-image: url("http://s2.uploads.ru/6NT7k.png");}
#menu span.bttn_5{background-image: url("http://s2.uploads.ru/uUgoP.png");}

/* Картинки кнопок при наведении на них курсором */
#menu span.bttn_1:hover{background-image: url("http://s3.uploads.ru/yQ3bm.png");}
#menu span.bttn_2:hover{background-image: url("http://s2.uploads.ru/5mDWp.png");}
#menu span.bttn_3:hover{background-image: url("http://s2.uploads.ru/5khWV.png");}
#menu span.bttn_4:hover{background-image: url("http://s2.uploads.ru/mui4y.png");}
#menu span.bttn_5:hover{background-image: url("http://s3.uploads.ru/TarlS.png");}

/* Картинки кнопок в активном состоянии */
#menu span.bttn_1.tabactive{background-image: url("http://s3.uploads.ru/yQ3bm.png");}
#menu span.bttn_2.tabactive{background-image: url("http://s2.uploads.ru/5mDWp.png");}
#menu span.bttn_3.tabactive{background-image: url("http://s2.uploads.ru/5khWV.png");}
#menu span.bttn_4.tabactive{background-image: url("http://s2.uploads.ru/mui4y.png");}
#menu span.bttn_5.tabactive{background-image: url("http://s3.uploads.ru/TarlS.png");}

#menu span.bttn_1, #menu span.bttn_2, #menu span.bttn_3, #menu span.bttn_4, #menu span.bttn_5,
#menu span.bttn_1:hover, #menu span.bttn_2:hover, #menu span.bttn_3:hover, #menu span.bttn_4:hover, #menu span.bttn_5:hover,
#menu span.bttn_1.tabactive, #menu span.bttn_2.tabactive, #menu span.bttn_3.tabactive, #menu span.bttn_4.tabactive, #menu span.bttn_5.tabactive {
  background-position: center no-repeat;
  }

#submenu {
  padding: 5px;
  margin: 0px;
  width: 480px;
  height: 290px;
  }

.submenutext {
  display: none;
  text-align: center;
  height: 290px;
  color: #AA9373;
  }
</style>

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

Код:

<table style="width: 927px; height: 545px; background: transparent url(http://forumstatic.ru/files/000e/a8/43/78148.png) top center no-repeat; border: none;" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 627px;">
<!-- Вложенная таблица с вкладками: начало -->

<table style="width: 490px; position: relative; z-index: 1000; top: 42px; left: 87px; border: none;" cellpadding="0" cellspacing="0">
<tbody>
<tr>
 <td>
  <div id="menu">
<!-- Кнопки таблицы с вкладками -->
   <center><table style="width: 425px; border: none;" cellpadding="0" cellspacing="0">
    <tr>
     <td><span class="bttn_1" alt="#sm1" style="cursor: pointer;"></span></td>
     <td><span class="bttn_2" alt="#sm2" style="cursor: pointer;"></span></td>
     <td><span class="bttn_3" alt="#sm3" style="cursor: pointer;"></span></td>
     <td><span class="bttn_4" alt="#sm4" style="cursor: pointer;"></span></td>
     <td><span class="bttn_5" alt="#sm5" style="cursor: pointer;"></span></td>
    </tr>
   </table></center>
<!-- Кнопки таблицы с вкладками: конец -->
  </div>
 </td>
</tr>

  <tr>
   <td id="MenuTxT" align="left" 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>

<!-- Вложенная таблица с вкладками: конец -->
</td>
<td style="width: 300px;">
<!-- Навигационные ссылки: начало -->
<div id="link_box" style="width: 255px; height: auto; margin: 153px 0 0 7px;">

<a href="ссылка_на_сюжет"><img onmouseover="this.src='http://s3.uploads.ru/b0aHr.jpg'" src="http://s2.uploads.ru/rk9Yv.jpg" onmouseout="this.src='http://s2.uploads.ru/rk9Yv.jpg'"></a>
<br/>
<a href="ссылка_на_маг.силы"><img onmouseover="this.src='http://s3.uploads.ru/fZ9Pk.jpg'" src="http://s3.uploads.ru/5qYLx.jpg" onmouseout="this.src='http://s3.uploads.ru/5qYLx.jpg'"></a>
<br/>
<a href="ссылка_на_расы"><img onmouseover="this.src='http://s3.uploads.ru/vC5kS.jpg'" src="http://s2.uploads.ru/VXey7.jpg" onmouseout="this.src='http://s2.uploads.ru/VXey7.jpg'"></a>
<br/>
<a href="ссылка_на_роли"><img onmouseover="this.src='http://s2.uploads.ru/guOMA.jpg'" src="http://s3.uploads.ru/tCj7K.jpg" onmouseout="this.src='http://s3.uploads.ru/tCj7K.jpg'"></a>
<br/>
<a href="ссылка_на_внешности"><img onmouseover="this.src='http://s3.uploads.ru/NRnxv.jpg'" src="http://s3.uploads.ru/v3BZV.jpg" onmouseout="this.src='http://s3.uploads.ru/v3BZV.jpg'"></a>
<br/>
<a href="ссылка_на_правила"><img onmouseover="this.src='http://s3.uploads.ru/RnQJu.jpg'" src="http://s3.uploads.ru/fw1a0.jpg" onmouseout="this.src='http://s3.uploads.ru/fw1a0.jpg'"></a>
<br/>
<a href="ссылка_на_шаблон анкеты"><img onmouseover="this.src='http://s3.uploads.ru/vJmKn.jpg'" src="http://s3.uploads.ru/FcWjs.jpg" onmouseout="this.src='http://s3.uploads.ru/FcWjs.jpg'"></a>
<br/>
<a href="ссылка_на_ЧАВО"><img onmouseover="this.src='http://s3.uploads.ru/TnW8q.jpg'" src="http://s2.uploads.ru/kbH0T.jpg" onmouseout="this.src='http://s2.uploads.ru/kbH0T.jpg'"></a>

</div>
<!-- Навигационные ссылки: конец -->
</td>
</tr>
</table>

В 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").css({"z-index":"-1;"})
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).css({"z-index":"1"})
    $("td.#MenuTxT div.submenutext").hide();
    $("div."+activeDiv).show();
    return false; });
});
</script>

P.S.:
- Эм Оо, а у меня пикча в объявлении задвоилась? Причем вторая как заказывал.
- Так вы предварительно кусочек кода из объявления стереть не забудьте этот:

<img src="http://forumstatic.ru/files/000e/a8/43/78148.png">

Поделиться256Вс, 28 Апр 2013 11:40:28

Автор: dean.allen.
Заслуженный
Зарегистрирован: Чт, 19 Янв 2012
Сообщений: 49
Уважение: +1
Позитив: +12
Последний визит:
Сб, 2 Май 2020 18:14:29

Rion Leonheart
я счастлив, правда)
огромное спасибо

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

а у меня пикча в объявлении задвоилась?

она просто накладывается на общий фон и в разных браузерах, к сожалению, сдвиг в один пиксель, попробую разобраться)

Поделиться257Вт, 30 Апр 2013 14:41:37

Автор: Еська
Заслуженный
Зарегистрирован: Ср, 27 Фев 2013
Сообщений: 12
Уважение: 0
Позитив: 0
Последний визит:
Сб, 5 Окт 2013 17:40:01

~~простите за повтор~~

1. Эскиз

клац

2. http://cat1200.5bb.ru/
3. Две боковые должны быть одинаковые по ширине (по высоте боковые столбики тоже должны быть симметричны). Центральная самая широкая.
Границы видны, но можно сделать их не слишком бросающимися в глаза?
+ можно ещё вариант с кодом, в котором можно фон подставить?

--->
Картинка не отделена границей от центрального столбца.

Поделиться258Пт, 3 Май 2013 02:30:11

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

Еська,

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

Показать код

Код:

<style>
/* Стиль ячеек */
#pun-announcement .container table td {
  border: 1px solid #c2e5ac;
  text-align: center;
  vertical-align: top;
  font: normal 14px 'courier new', monospace;
  padding: 0 5px 0 5px;
  }

/* Стиль заголовков */
#pun-announcement .container table h3 {
  font: bold italic 14px 'Book Antiqua', 'Palatino Linotype' serif;
  margin: 5px 0 8px 0;
  }

/* Стиль блоков с текстом в боковых ячейках */
#pun-announcement .container .text-are {
  width: 100%;
  margin-bottom: 3px;
  height: 150px;
  border: none;
  }
</style>

<table style="width: 100%; background: transparent url(link) top center no-repeat; border: none;" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 25%;">

<h3>Ссылки:</h3>
<div class="text-are">
<!-- Место под ссылки -->

мур-мяу 1

<!-- Конец блока -->
</div>
</td>
<td style="width: 50%;" rowspan="2">
<!-- Центральная сплошная ячейка -->

<img style="height: 100px;" src="http://s2.uploads.ru/2HvbG.png"/>

<div style="width: 100%; height: 130px; border-bottom: 1px solid #c2e5ac; overflow-y: auto;">

<h3>Добро пожаловать</h3>
<!-- Текст приветствия -->

Текст

<!-- Конец блока -->
</div>
<div style="width: 100%; height: 130px;">

<h3>События в игре:</h3>
<!-- Текст событий -->

Текст

<!-- Конец блока -->
</div>

<!-- Конец центральной ячейки -->
</td>
<td style="width: 25%;">

<h3>Новости:</h3>
<div class="text-are">
<!-- Текст новостей -->

мур-мяу 3

<!-- Конец блока -->
</div>
</td>
</tr>
<tr>
<td>

<h3>От админов:</h3>
<div class="text-are">
<!-- Текст напутствия от админов -->

мур-мяу 1

<!-- Конец блока -->
</div>
</td>
<td>

<h3>Погода и время:</h3>
<div class="text-are">
<!-- Текст погоды -->

мур-мяу 3

<!-- Конец блока -->
</div>
</td>
</tr>
</table>

Примечания:
- высота вставляемой картинки (что в верхней части центральной колонки) - 100 пикселей;
- сейчас там другая картинка, ее код:

<img style="height: 100px;" src="ht_tp://s2.uploads.ru/2HvbG.png"/>

Выделенное красным подлежит замене;
- место для фоновой картинки под всю таблицу искать в этой части кода:

<table style="width: 100%; background: transparent url(link) top center no-repeat; border: none;" cellpadding="0" cellspacing="0">

То, что синим - подлежит замене на ссылку.

Поделиться259Пт, 3 Май 2013 05:08:14

Автор: Камели
Заслуженный
Зарегистрирован: Ср, 23 Янв 2013
Сообщений: 75
Уважение: +1
Позитив: +5
Пол: Женский
Последний визит:
Вт, 14 Май 2013 07:50:15

Можно сделать мне такую табличку?
1)
Вкладка 1

Вкладка 2

Вкладка 3

Вкладка 4

И вкладка 5

2) http://fullmoon.winbb.ru/
3)
Значит так, вкладки должны меняться при нажатии на верхние кнопки, которые помечены римскими цифрами. При чём они меняются таким образом, что одна вкладка плавно уезжает в правую сторону, а другая плавно оттуда выезжает, впрочем, типа как тут. Эти верхние кнопки имеют фон (создаваемый мной), а размеры их - 164x44 каждая (на эскизе, правда, они разные получились).
Все ячейки, помеченные арабскими цифрами, имеют фон. Общая ширина их - максимум 847px, а высота - 288px (не учитывая кнопки сверху).
В первой вкладке в первом ряду ячейка №2 "акции" - самая узкая, а ячейка №3 "объявления" - самая широкая, и в ней присутствует прокрутка. Второй ряд может быть чуть уже первого, и вкладка № 4 "новости игры" должна быть шире, чем №5 и иметь прокрутку. Оба ряда -примерно одинакового размера.
Во второй вкладке ячейки 6 и 7 - одинаковые, а 8 - чуть уже.
В третьей, четвёртой и пятой вкладках ячейки одинаковой ширины.
Фоны я буду делать сама. Границы и закругленные края будут относиться к фону, потому в таблице делать их не нужно.
Ах, да, чуть не забыла, во всех ячейках текст размещается по-центру.
Надеюсь, я объяснила максимально подробно и понятно. Заранее благодарю за работу

Отредактировано Камели (Пт, 3 Май 2013 06:53:15)

Поделиться260Пн, 6 Май 2013 00:56:49

Автор: Штольц
Заслуженный
Зарегистрирован: Сб, 4 Апр 2009
Сообщений: 87
Уважение: 0
Позитив: +28
Пол: Женский
Последний визит:
Чт, 18 Авг 2022 21:38:08

Доброго времени суток) помогите, пожалуйста с созданием таблицы. Знаю, что она довольно проблемная... Но очень и очень нужна именно такая. Заранее благодарю.
Размер таблицы 827х354
1) Макет. 1я вкладка ("Главное") - http://s3.uploads.ru/bpS61.png
Текст, что будет находится в белой рамке будет с прокруткой.
Остальные странницы ("Игра", "Власть", "Связи") сделать так - http://s3.uploads.ru/qzRhr.png
Фон таблицы для первой страницы ("Главное") - http://s3.uploads.ru/Z27tV.png
Фон таблицы для остальных страниц - http://s3.uploads.ru/LnFgW.png
Кнопки должны меняться при наведении (так же активная кнопка должна "гореть").
Для меню справа, в обычном состоянии - http://s3.uploads.ru/hWzZ7.png и при наведении/нажатии - http://s3.uploads.ru/62bET.png
Для ссылок слева в обычном состоянии - http://s3.uploads.ru/7lVdu.png и при наведении - http://s3.uploads.ru/sZWC4.png
Можете везде продублировать эти картинки, я потом сама поменяю остальные, главное сам код, чтобы был..)
2) http://edgeprobe.rusff.ru/

Страница: « 1 … 11 12 13 14 15 … 50 »

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

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

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

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

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

Сообщений 241 страница 260 из 1000

Поделиться1Ср, 3 Окт 2012 22:19:59

Поделиться241Вт, 16 Апр 2013 17:03:02

Поделиться242Вт, 16 Апр 2013 21:51:48

Поделиться243Вт, 16 Апр 2013 22:01:32

Поделиться244Вт, 16 Апр 2013 23:50:54

Поделиться245Ср, 17 Апр 2013 14:19:47

Поделиться246Ср, 17 Апр 2013 14:51:50

Поделиться247Пт, 19 Апр 2013 20:28:52

Поделиться248Вс, 21 Апр 2013 03:37:56

Поделиться249Вс, 21 Апр 2013 03:43:15

Поделиться250Вс, 21 Апр 2013 10:35:47

Поделиться251Вс, 21 Апр 2013 16:12:01

Поделиться252Вт, 23 Апр 2013 13:32:27

Поделиться253Вт, 23 Апр 2013 13:39:11

Поделиться254Чт, 25 Апр 2013 01:08:09

Поделиться255Вс, 28 Апр 2013 08:28:42

Поделиться256Вс, 28 Апр 2013 11:40:28

Поделиться257Вт, 30 Апр 2013 14:41:37

Поделиться258Пт, 3 Май 2013 02:30:11

Поделиться259Пт, 3 Май 2013 05:08:14

Поделиться260Пн, 6 Май 2013 00:56:49