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

Страница: « 1 … 18 19 20 21 22 … 50 »

Сообщений 381 страница 400 из 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) Указать необходимые прокрутки, всплывающие окна, границы таблиц и т.п.

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

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

Поделиться381Ср, 19 Июн 2013 16:36:22

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

Tora, ужо неактуально.

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

Собственно, картинки стрелочек для слайдера предоставьте?

Поделиться382Ср, 19 Июн 2013 17:51:47

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

Юми1331,

Как-то так

В html-верх:

Код:

<style type="text/css">
/* Выравнивание объявление */
#pun-announcement .container {margin-top: 45px; padding-top: 1em;}

/* Блок ссылок */
#link-hell {
  width: 245px;
  height: 49px;
  text-align: center;
  }

/* Картинки ссылок */
#link-hell img {
  width: 80px;
  margin-bottom: -2px;
  margin-right: -2px;
  }

/* Настройки таблицы с кнопками */
#menu {margin: 0}

#menu span {
  padding: 0;
  margin: 0px 2px;
  width: 80px;
  height: 25px;
  }

#menu span img {
  width: 80px;
  height: 25px;
  margin-bottom: -2px;
  }

#submenu {
  padding: 5px;
  width: 250px;
  height: 160px;
  }

.submenutext {
  display: none;
  text-align: center;
  height: 160px;
  }
</style>

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

Код:

<!-- Основная таблица -->
<center><table style="width: 700px; height: 340px; background: transparent url(http://cdn.kartinok.net/images/2013/06/09/nrkLo.png) 0 0 no-repeat; border: none;" cellspacing="0" cellpadding="0">
<tr style="height: 265px;">
<td align="center" valign="top">
<!-- Вложенная таблица -->
<table style="width: 100%; margin-top: 64px; border: none;" cellpadding="0" cellspacing="0">
 <tbody>
  <tr>
   <td align="center">
    <div id="menu">
<!-- Кнопки -->
<span alt="#sm1" style="cursor: pointer;"><img src="http://cdn.kartinok.net/images/2013/06/09/HhTfO.png"/></span>
<span alt="#sm2" style="cursor: pointer;"><img src="http://cdn.kartinok.net/images/2013/06/09/357vb.png"/></span>
<span alt="#sm3" style="cursor: pointer;"><img src="http://cdn.kartinok.net/images/2013/06/09/Ar5V.png"/></span>
<!-- Конец кнопок -->
    </div>
   </td>
  </tr>
  <tr>
   <td id="MenuTxT" align="center" valign="top">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;">
<!-- Таблица первой вкладки -->
<table style="width: 100%; border: none;" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 50%;" align="center" valign="top">
<!-- Блок текста (слева) -->

left

<!-- Конец блока -->
</td>
<td style="width: 50%;" align="center" valign="top">
<!-- Блок текста (справа) -->

right

<!-- Конец блока -->
</td>
</tr>
</table>
<!-- Конец таблицы первой вкладки -->
</div>
     <div id="sm2" class="submenutext">
<!-- Блок пикч АМС второй вкладки -->
<img style="border: 1px solid black;" src="http://pic.png" title="nik_1"/>
<img style="border: 1px solid black;" src="http://pic.png" title="nik_2"/>
<img style="border: 1px solid black;" src="http://pic.png" title="nik_3"/>
<img style="border: 1px solid black;" src="http://pic.png" title="nik_4"/>
<!-- Конец блока -->
</div>
     <div id="sm3" class="submenutext">
<!-- Блок пикч баннеров третьей вкладки -->

Место под пикчи

<!-- Конец блока -->
</div>
</div>
</td>
</tr>
</tbody>
</table>
<!-- Конец вложенной таблицы -->

</td>
</tr>
<tr style="height: 75px;">
<td align="center" valign="top">

<div id="link-hell">
<!-- Блок ссылок с переходом в топики -->
<a href="http://kuda-to.ru/"><img src="http://cdn.kartinok.net/images/2013/06/09/KuDIb.png"/></a>
<a href="http://kuda-to.ru/"><img src="http://kartinok.net/images/2013/06/09/54EXn.png"/></a>
<a href="http://kuda-to.ru/"><img src="http://cdn.kartinok.net/images/2013/06/09/he9Ox.png"/></a>
<a href="http://kuda-to.ru/"><img src="http://cdn.kartinok.net/images/2013/06/09/i4gVC.png"/></a>
<!-- Конец блока -->
</div>

</td>
</tr>
</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 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>

P.S.: только предоставленные вами картинки на кнопки сильно отличались от оригинальной миниатюры... уменьшил, как на эскизе...

Отредактировано Rion Leonheart (Ср, 19 Июн 2013 17:53:06)

Поделиться383Ср, 19 Июн 2013 17:58:56

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

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

Перезалейте эскизы на uploads?
А то меня больно удивляет формат пикчи - jpg.html. с пометкой "404. Не найдено." После удаления лишних символов из адреса...

Поделиться384Ср, 19 Июн 2013 18:08:17

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

МухХа, а прошлая таблица уже не подходит, ага.
Ближе к пятнице...

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

Извините, плагиатом заниматься вредно ~~для здоровья~~...

Поделиться385Ср, 19 Июн 2013 18:34:11

Автор: мертвый енот.
Заслуженный
Зарегистрирован: Пн, 3 Июн 2013
Сообщений: 8
Уважение: 0
Позитив: 0
Последний визит:
Сб, 27 Дек 2014 20:30:55

Rion Leonheart
Расположение стрелок.

Стрелки: http://s2.uploads.ru/bYK2o.png , http://s2.uploads.ru/fbIis.png

Поделиться386Чт, 20 Июн 2013 16:29:46

Автор: halloween.
Заслуженный
Зарегистрирован: Пт, 4 Дек 2009
Сообщений: 59
Уважение: 0
Позитив: +5
Последний визит:
Ср, 26 Июн 2013 20:56:10

Rion Leonheart

halloween. написал(а):

1) http://i46.fastpic.ru/big/2013/0614/38/ … ce2f38.jpg
Инфа/Ссылки/Отметки/Пиар - будут картинками.
таблица прозрачная, без границ и т. д.
Картинки админ. состава 60х55, можно меньше.
остальное думаю понятно.
2) http://fastpic.ru/view/46/2013/0614/9c3 … 3.jpg.html
думаю, все понятно.
три столбика, и три названия над ними.
3) http://fastpic.ru/view/46/2013/0614/5aa … 4.jpg.html
картинки активистов 60х55, игрока недели - 120х60
4) http://i46.fastpic.ru/big/2013/0614/7d/ … abc27d.jpg
стандартные размеры баннеров. остальное думаю все понятно.
примерная таблица взята отсюда: http://hoshi.anihub.ru/
надеюсь, это не плагиат т__т ведь текст и картинки свой, да и такую таблицу часто видела.

Перезаливаю: 1) http://s0.uploads.ru/ucmFv.jpg
2) http://s0.uploads.ru/BgRkV.jpg
3) http://s0.uploads.ru/2wDeA.jpg
4) http://s0.uploads.ru/zVcLA.jpg

Поделиться387Пт, 21 Июн 2013 00:15:33

Автор: Confetti
Заслуженный
Зарегистрирован: Ср, 29 Май 2013
Сообщений: 11
Уважение: 0
Позитив: 0
Последний визит:
Ср, 27 Авг 2014 13:01:08

Rion Leonheart, уф, спасибо огромное! табличка очень понравилась =З

Поделиться388Вс, 23 Июн 2013 15:48:39

Автор: HelloKitti
Заслуженный
Зарегистрирован: Вс, 3 Июл 2011
Сообщений: 39
Уважение: -1
Позитив: +4
Пол: Женский
Последний визит:
Вт, 25 Июн 2013 13:17:52

Заказ востребован!

Поделиться389Вс, 23 Июн 2013 18:04:59

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

мертвый енот.,

Развернуть полотнище

Предварительно удалив старую таблицу из html-верха, вставляем вместо нее:

Код:

<style type="text/css">
/* Настройки объявления */
#pun-announcement .container {margin-top: -220px; z-index: 1020; margin-left: 22px;}

/* Пикча на бэкграунде слайдера */
#announ_type {
  width: 698px;
  height: 283px;
  padding-top: 55px;
  background: transparent url(http://s3.uploads.ru/HRbaG.png) 0 0 no-repeat;
  }

/* Блоки с прокруткой */
.news_blk {
  width: 240px;
  height: 190px;
  overflow-y: auto;
  margin: 10px 0 0 160px!important;
  }

/* Заголовки */
#announ_type h3 {
  margin: 0 0 6px 0;
  font: bold italic 15px 'Palatino Linotype', serif;
  letter-spacing: 1px;
  }

/* Ссылки с переменным фоном */
.nav {width: 120px;}

.nav a {
  display: block;
  font-size: 10px;
  color: #000;
  background-color: #A96;
  text-align: center;
  width: 120px;
  padding: 2px 0;
  margin-top: 1px;
  text-decoration: none;
  border-left: 4px solid #431C12;
  }

.nav a:hover {
  color: black;
  background-color: transparent;
  text-decoration: none;
  border-left: 4px solid #A96;
  }
</style>

<!-- Настройки слайдера -->
<link rel="stylesheet" type="text/css" href="http://forumstatic.ru/files/0010/b4/f8/71526.css" />
<script type="text/javascript" src="http://forumstatic.ru/files/0010/b4/f8/78275.js"></script>

Далее - ставим в объявление (при этом кнопки топов остаются на своем законном месте - под слайдером, и после в сам слайдер переместиться не смогут, ибо увеличат свою популяцию в 2 раза):

Код:

<!-- Начало комплекса в объявлении --><center><div id="announ_type" align="right">
<!-- Cлайдер -->
<div id="slider2" slide-width="640" slide-height="245" class="slider" style="padding:0;height:0;width:0">
<!-- Две Кнопки слайдера -->
<img button-width="73" class="button-left hide" src="http://s2.uploads.ru/fbIis.png"/>
<img button-width="73" class="button-right" src="http://s2.uploads.ru/bYK2o.png"/>
<!-- 1-й Контейнер слайдера -->
<div class="slider-content active">
<div class="news_blk">
<h3>Новости</h3>


Дорогие ролевики и гости форума! Мы рады приветствовать Вас на нашем проекте. Форум существует уже месяц, и за это время добился неплохих результатов. У нас Вас ждут увлекательная игра, несколько объемных квестов, адекватный админ-состав, анкета без биографии и характера, общительные, интересные участники!


</div>
</div>
<!-- 2-й Контейнер слайдера -->
<div class="slider-content">
<div class="news_blk">
<h3>В игре</h3>


Стартовали «Зуб принесет удачу» и «В поисках Возвращения». Убедительная просьба не задерживать соигроков и отписываться вовремя (Либо просить администрацию пропустить Вашу очередь).  


</div>
</div>
<!-- 3-й Контейнер слайдера -->
<div class="slider-content">
<center><div style="width: 220px; margin-top: 15px; margin-bottom: 10px;">
<h3>Администрация</h3>


<a href="http://eternall.rolevaya.net/profile.php?id=4" title="Лель"><img src="http://s2.uploads.ru/t/B4vq1.jpg"/></a> 
<a href="http://eternall.rolevaya.net/profile.php?id=3" title="Анорсэль"><img src="http://s2.uploads.ru/t/VjGiL.jpg"/></a> 
<a href="http://eternall.rolevaya.net/profile.php?id=16" title="Хелл"><img src="http://s2.uploads.ru/t/5Mu2q.jpg"/></a>
<a href="http://kuda-to.ru/" title="Nik"><img src="http://s1.uploads.ru/L4dlE.png"/></a>
<a href="http://kuda-to.ru/" title="Nik"><img src="http://s1.uploads.ru/L4dlE.png"/></a>


</div></center>
<div style="width: 220px; margin-left: 180px;">
<h3>Модерация</h3>


<a href="http://eternall.rolevaya.net/profile.php?id=11" title="Иллидан"><img src="http://s2.uploads.ru/t/RzvP2.jpg"/></a>
<a href="http://kuda-to.ru/" title="Nik"><img src="http://s1.uploads.ru/L4dlE.png"/></a>
<a href="http://kuda-to.ru/" title="Nik"><img src="http://s1.uploads.ru/L4dlE.png"/></a>
<a href="http://kuda-to.ru/" title="Nik"><img src="http://s1.uploads.ru/L4dlE.png"/></a>
<a href="http://kuda-to.ru/" title="Nik"><img src="http://s1.uploads.ru/L4dlE.png"/></a>


</div>
</div>
<!-- 4-й Контейнер слайдера -->
<div class="slider-content">
<center><div style="width: 190px; height: 100px; margin-top: 5px; margin-bottom: 5px;">
<h3>Активные акции</h3>


Text


</div></center>
<div style="width: 170px; height: 100px; margin-left: 245px;">
<h3>Активные квесты</h3>


Text


</div>
</div>
<!-- 5-й Контейнер слайдера -->
<div class="slider-content">
<div style="width: 210px; height: 110px; margin-top: 5px; margin-left: 180px; margin-bottom: 10px;">
<h3>Лучший игрок</h3>


<a href="http://eternall.rolevaya.net/profile.php?id=4" title="Лель"><img src="http://s0.uploads.ru/t/tc8m3.jpg"/></a>


</div>
<div style="width: 260px; height: 70px; margin-left: 150px;">
<h3>Активисты</h3>


<a href="http://eternall.rolevaya.net/profile.php?id=4" title="Лель"><img src="http://s2.uploads.ru/t/B4vq1.jpg"/></a>
<a href="http://eternall.rolevaya.net/profile.php?id=3" title="Анорсэль"><img src="http://s2.uploads.ru/t/VjGiL.jpg"/></a> 
<a href="http://eternall.rolevaya.net/profile.php?id=11" title="Иллидан"><img src="http://s2.uploads.ru/t/RzvP2.jpg"/></a>
<a href="http://eternall.rolevaya.net/profile.php?id=12" title="Найла"><img src="http://s2.uploads.ru/t/gNvjl.jpg"/></a>
<a href="http://eternall.rolevaya.net/profile.php?id=20" title="Анна-Коди"><img src="http://s2.uploads.ru/t/6aCLd.jpg"/></a>
<a href="http://kuda-to.ru/" title="Nik"><img src="http://s1.uploads.ru/L4dlE.png"/></a>


</div>
</div>
<!-- 6-й Контейнер слайдера -->
<div class="slider-content">
<div style="width: 130px; height: 90px; float: left; margin: 10px 0 0 115px;">
<h3>В игре</h3>
<div class="nav">


<a href="http://kuda-to.ru/">Link_1</a>
<a href="http://kuda-to.ru/">Link_2</a>
<a href="http://kuda-to.ru/">Link_3</a>
<a href="http://kuda-to.ru/">Link_4</a>


</div>
</div>
<div style="width: 130px; height: 90px; float: none; margin: 10px 0 0 265px;">
<h3>Техническое</h3>
<div class="nav">


<a href="http://kuda-to.ru/">Link_1</a>
<a href="http://kuda-to.ru/">Link_2</a>
<a href="http://kuda-to.ru/">Link_3</a>
<a href="http://kuda-to.ru/">Link_4</a>


</div>
</div>
<div style="width: 165px; height: 90px; clear: both; margin: 10px 0 0 185px;">
<h3>Оффтоп</h3>
<center><div class="nav">


<a href="http://kuda-to.ru/">Link_1</a>
<a href="http://kuda-to.ru/">Link_2</a>
<a href="http://kuda-to.ru/">Link_3</a>
<a href="http://kuda-to.ru/">Link_4</a>


</div></center>
</div>
</div>
<!-- 7-й Контейнер слайдера -->
<div class="slider-content">
<div style="width: 88px; height: 90px; float: left; margin: 10px 0 0 105px;">


тут что-то


</div>
<div class="news_blk" style="width: 200px; margin-left: 205px!important;">
<h3>Партнеры</h3>


<a href="http://cwdarktimes.0pk.ru/"><img src="http://4put.ru/pictures/max/625/1920225.gif"/></a>
<a href="http://wolfblood.rolbb.ru/" target="top_" title="Волки. Кровавая месть"><img src="http://s2.uploads.ru/FTlLO.png" alt="Мы ждем тебя." border="0" width="88" height="31"/></a>
<a href="http://reilana.mybb.ru/"><img src="http://i25.fastpic.ru/big/2011/0707/e4/ad5db7d889f98400809ce56fe7e51ce4.gif"/></a>
<a href="http://cirkus.rolevaya.com"><img src="http://s56.radikal.ru/i153/1304/2c/991c1b55f8bb.gif"/></a>
<a href="http://storycats.spybb.ru/" target="_blank"><img src="http://s1.uploads.ru/RLd8X.gif" title="Кошачьи истории."/></a>
<a href="http://www.misteria7.com/" target="_blank" rel="nofollow"><img src="http://www.snapsnap.ru/i/misterywrw.gif" border="0"/></a>
<a href="http://cwsoc.spybb.ru" target="_blank"><img src="http://uploads.ru/i/0/9/G/09G6J.png" alt="CW|Spirit of contradiction. Напиши свою историю!"/></a>
<a href="http://closertotheedge.mybb.ru/"><img src="http://s3.uploads.ru/02Q1K.gif" width="88" height="31" border="0" alt="Война или Мир? Зависит только от тебя"/></a>


</div>
</div>
</div><script>$("#slider2").slideF(1,700);</script><!--//End Cлайдер -->
</div></center><!-- Конец комплекса -->

P.S.:
- основные требования выполнены;
- при тесте в разных браузерах и выявлении отклонений, не забывайте указывать ссылку на форум с установленной таблицей и сам браузер, в котором была замечена проблема.

Отредактировано Rion Leonheart (Вс, 23 Июн 2013 18:10:20)

Поделиться390Вс, 23 Июн 2013 18:51:59

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

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

Заказ востребован!

Здравствуйте.

Сделал скелеты всех трех таблиц, начал читать доп. требования. И впал в замешательство:
а) размер основного переменного контейнера на тестовом форуме - минимум в 2 раза меньше, нежели хоть одна из таблиц на эскизах;
б) наличие прокрутки хотя бы в одном месте предполагает: наличие фиксированной высоты блока с этой самой прокруткой;
Вопрос: размеры снимать с эскизов?

Поделиться391Вс, 23 Июн 2013 20:08:32

Автор: HelloKitti
Заслуженный
Зарегистрирован: Вс, 3 Июл 2011
Сообщений: 39
Уважение: -1
Позитив: +4
Пол: Женский
Последний визит:
Вт, 25 Июн 2013 13:17:52

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

Вопрос: размеры снимать с эскизов?

Можете с эскизов! Я не подгоняла табличку под форум, когда перенесу с тестовика, то отрегулирую!

Поделиться392Вс, 23 Июн 2013 20:16:20

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51362
Уважение: +15322
Позитив: +11784
Последний визит:
Пт, 27 Сен 2024 19:10:35

HelloKitti
Лучше дайте ссылку на ресурс с реальным размером по ширине...
Rion Leonheart не ставить реальные ссылки бекграундом - а псевдо: url(Ссылка на картинку)

Поделиться393Вс, 23 Июн 2013 21:41:41

Автор: HelloKitti
Заслуженный
Зарегистрирован: Вс, 3 Июл 2011
Сообщений: 39
Уважение: -1
Позитив: +4
Пол: Женский
Последний визит:
Вт, 25 Июн 2013 13:17:52

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

Лучше дайте ссылку на ресурс с реальным размером по ширине...

http://muhtesemyuzyiligra.rolevaya.ru/

Поделиться394Вс, 23 Июн 2013 21:59:06

Автор: Фолтор
Стремящийся
Зарегистрирован: Вт, 28 Май 2013
Сообщений: 5
Уважение: 0
Позитив: 0
Последний визит:
Сб, 2 Ноя 2013 17:23:43

1) Эскиз таблицы:
1. http://s5.uploads.ru/EyVgN.png
2. http://s5.uploads.ru/bVi9G.png
3. http://s4.uploads.ru/Xbav8.png
4. http://s5.uploads.ru/lCjeQ.png
2) Ссылка на ваш форум: Тестовик
3) Указать необходимые прокрутки: На эскизах всё подробно указанно, все прокрутки, и границы, где нужны/где не нужны. Все цвета брать с эскиза, внешне всё должно выглядеть примерно так же как на эскизах. Шрифт заголовков Century Gothic, основной текст либо им же, либо другим шрифтом на ваш выбор.
Заранее благодарна.

Отредактировано Фолтор (Вс, 23 Июн 2013 21:59:33)

Поделиться395Пн, 24 Июн 2013 14:09:46

Автор: мертвый енот.
Заслуженный
Зарегистрирован: Пн, 3 Июн 2013
Сообщений: 8
Уважение: 0
Позитив: 0
Последний визит:
Сб, 27 Дек 2014 20:30:55

Rion Leonheart

http://eternall.rolevaya.net/
После установки появились цифры над категориями.
Браузер гугл, точно так же и опера.

Поделиться396Пн, 24 Июн 2013 14:13:00

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51362
Уважение: +15322
Позитив: +11784
Последний визит:
Пт, 27 Сен 2024 19:10:35

мертвый енот. написал(а):

После установки появились цифры над категориями. Браузер гугл, точно так же и опера.

Потому что удалили скрипт скрытия надписей категорий:
Добавьте в HTML верх

<style>
#pun-stats h2 span,
.category h2 span {
visibility:hidden!important;
}
</style>

Отредактировано Deff (Пн, 24 Июн 2013 14:14:14)

Поделиться397Пн, 24 Июн 2013 17:40:16

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

HelloKitti,

Показать

добавка в html-верх:

Код:

<style type="text/css">
/* Шрифт и отступ от заголовков */
#pun-announcement .container h3 {
  margin: 0 0 3px 0;
  font: bold normal 16px 'times new roman', serif;
  }
</style>

Таблица (первый эскиз):

Код:

<!-- Таблица первой вкладки -->
<table style="width: 100%; height: 250px; border: none;" cellspacing="0" cellpadding="0">
<tr style="height: 45%;">
<td style="width: 25%;" align="center" valign="top">

Пустая ячейка (слева)

</td>
<td style="width: 75%;" align="center" valign="top">
<h3>Партнеры</h3>
<div style="width: 100%; height: 95px; overflow-y: auto;">

сами баннеры 

</div>
</td>
</tr>
<tr style="height: 55%;">
<td colspan="2" align="center" valign="top">
<h3>Баннеры</h3>
<div style="width: 100%; height: 120px; overflow-y: auto;">

еще баннеры

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

Таблица (второй эскиз):

Код:

<!-- Таблица второй вкладки -->
<table style="width: 100%; height: 300px; border: none;" cellspacing="0" cellpadding="0">
<tr style="height: 33%;">
<td style="width: 28%;" rowspan="3" align="center" valign="top">

<h3>Квесты</h3>

текст

</td>
<td style="width: 72%;" colspan="4" align="center" valign="top">

<h3>Акции</h3>

текст

</td>
</tr>
<tr style="height: 34%;">
<td style="width: 18%;" align="center" valign="top">

<h3>Лучший игрок недели</h3>

текст

</td>
<td style="width: 18%;" align="center" valign="top">

<h3>Самый активный</h3>

</td>
<td style="width: 18%;" align="center" valign="top">

<h3>Особая благодарность</h3>

</td>
<td style="width: 18%;" align="center" valign="top">

<h3>За верность канону!</h3>

</td>
</tr>
<tr style="height: 33%;">
<td colspan="4" align="center" valign="top">

<h3>Лучший пост недели!</h3>

</td>
</tr>
</table>
<!-- Конец таблицы -->

Таблица (третий эскиз):

Код:

<!-- Таблица третьей вкладки -->
<table style="width: 100%; height: 330px; border: none;" cellspacing="0" cellpadding="0">
<tr style="height: 65%;">
<td colspan="2">

<table style="width: 100%; height: 100%; border: none;" cellspacing="0" cellpadding="0">
<tr style="height: 50%;">
<td style="width: 33%;" rowspan="2" align="center" valign="top">

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

текст

</td>
<td style="width: 34%;" rowspan="2" align="center" valign="top">

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

текст

</td>
<td style="width: 33%;" align="center" valign="top">

<h3>События в игре</h3>

текст

</td>
</tr>
<tr style="height: 50%;">
<td align="center" valign="top">

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

текст

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

</td>
</tr>
<tr style="height: 35%;">
<td style="width: 50%;" align="center" valign="top">

<h3>Навигатор по форуму</h3>

<style>
#nav {width: 150px;}
#nav a {display: block; color: #000; background-color: #D2AA7A; text-align: center; width: 150px; padding: 2px 0 2px 0; margin-top: 1px; text-decoration: none;}
#nav a:hover {background-color: transparent; text-decoration: none;}
</style>
<div id="nav">
<a href="ссылка">Название 1</a>
<a href="ссылка">Название 2</a>
<a href="ссылка">Название 3</a>
<a href="ссылка">Название 4</a>
<a href="ссылка">Название 5</a>
</div>
</td>
<td style="width: 50%;" align="center" valign="top">

<h3>Очередность постов</h3>

текст

</td>
</tr>
</table>
<!-- Конец таблицы -->

P.S.:
Вопрос: установила, все работает, но в третьей вкладке в четырех ячейках обычный текст стал жирным и крупным - больше самих заголовков? Это можно исправить?
Ответ: Без понятия. На тестовике было все нормально - с размерами и жирностью текста... С час пытался найти причину. Не нашел. ~~Аномалии.~~
---
Надеюсь, с навигатором угадал.

~~В общем, я в ночь сегодня, времени больше нет.~~

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

не ставить реальные ссылки бекграундом - а псевдо: url(Ссылка на картинку)

За какие бэкграунды спич? Оо

Поделиться398Пн, 24 Июн 2013 17:52:32

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51362
Уважение: +15322
Позитив: +11784
Последний визит:
Пт, 27 Сен 2024 19:10:35

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

За какие бэкграунды спич? Оо

Забить, (думал про HelloKitti

Отредактировано Deff (Пн, 24 Июн 2013 17:53:25)

Поделиться399Пн, 24 Июн 2013 18:44:58

Автор: Aдель
Заслуженный
Зарегистрирован: Пн, 2 Май 2011
Сообщений: 27
Уважение: 0
Позитив: +1
Последний визит:
Вс, 29 Дек 2013 00:00:29

Здравствуйте.

Делали уже как-то мне табличку для форума - http://fantasy-wave.com/ Очень понравилось, спасибо Вам. Но все приедается и табличка тоже приелась, как ни странно. Очень бы хотелось новую по такому шаблону:
http://savepic.org/3755006.jpg
Вместо надписей будут отдельные картинки-кнопочки. Хотелось бы, чтобы они открывались спойлерами. Размеры тестового табло (с прокруткой, желательно) должны совпадать с размерами изменяющейся по обновлению картинки по центру. Сама картинка вот - http://fantasy-wave.com/shapko/R9.png

Поделиться400Пн, 24 Июн 2013 19:53:32

Автор: HelloKitti
Заслуженный
Зарегистрирован: Вс, 3 Июл 2011
Сообщений: 39
Уважение: -1
Позитив: +4
Пол: Женский
Последний визит:
Вт, 25 Июн 2013 13:17:52

Rion Leonheart
Спасибо огромное!!

Страница: « 1 … 18 19 20 21 22 … 50 »

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

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

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

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

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

Сообщений 381 страница 400 из 1000

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

Поделиться381Ср, 19 Июн 2013 16:36:22

Поделиться382Ср, 19 Июн 2013 17:51:47

Поделиться383Ср, 19 Июн 2013 17:58:56

Поделиться384Ср, 19 Июн 2013 18:08:17

Поделиться385Ср, 19 Июн 2013 18:34:11

Поделиться386Чт, 20 Июн 2013 16:29:46

Поделиться387Пт, 21 Июн 2013 00:15:33

Поделиться388Вс, 23 Июн 2013 15:48:39

Поделиться389Вс, 23 Июн 2013 18:04:59

Поделиться390Вс, 23 Июн 2013 18:51:59

Поделиться391Вс, 23 Июн 2013 20:08:32

Поделиться392Вс, 23 Июн 2013 20:16:20

Поделиться393Вс, 23 Июн 2013 21:41:41

Поделиться394Вс, 23 Июн 2013 21:59:06

Поделиться395Пн, 24 Июн 2013 14:09:46

Поделиться396Пн, 24 Июн 2013 14:13:00

Поделиться397Пн, 24 Июн 2013 17:40:16

Поделиться398Пн, 24 Июн 2013 17:52:32

Поделиться399Пн, 24 Июн 2013 18:44:58

Поделиться400Пн, 24 Июн 2013 19:53:32