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

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

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


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


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

Сообщений 761 страница 780 из 1000

1

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

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

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

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

+3

761

Remus John Lupin написал(а):

а вот пример посмотреть мне не удалось, я банально не нашел на указанном вами форуме спойлер ни в Объявлении, ни в шапке, ни в форумах на главной, ни в футере. Вы уверены, что ссылка правильная?

Ремус, ссылка правильная )
Вы задали два вопроса: а) куда должен разворачиваться спойлер и б) указать размеры таблицы.
Ласка на 2 вопроса и ответила:
- разворачивается вниз,
- ссылка на форум - размер таблицы ;)

Отредактировано Rion Leonheart (Вс, 10 Ноя 2013 11:08:06)

0

762

Aatrox, здравствуйте :)

Показать код

В html-верх:

Код:
<!-- Настройки таблицы в объявлении --> 
<style type="text/css">
/* Убрать слово "Объявление"*/
#pun-announcement h2 {display: none}
#pun-announcement .container {padding-top: 1em}

/* Ширина, высота, отступ и границы таблицы */
#wolf_st {
  width: 896px;
  height: 398px;
  margin: 0 auto;
  border: 5px solid #271b14;
  }

/* Отступы и выравнивание контента в ячейках */
#wolf_st td {
  padding: 5px;
  text-align: center;
  vertical-align: top;
  }

/* Отступы и настройки шрифта заголовков */
#wolf_st h3 {
  margin: 0 0 8px 0;
  font: bold normal 14px 'Trebuchet Ms', sans-serif;
  }

/* Отображение и интервал между ссылками в отдельных блоках таблицы */
.link-blks a {
  display: block;
  line-height: 3em;
  }

/* Ссылки при наведении */
.link-blks a:hover {
  text-decoration: underline;
  }
</style>

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

Код:
<!-- Основная таблица -->
<table id="wolf_st" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td style="width: 250px;">
<h3>Полезные ссылки</h3>
<div class="link-blks">
<!-- Блок полезных ссылок -->


<a href="http://naturalswolfs.rolka.su/viewtopic.php?id=2">Гостевая книга</a>
<a href="http://naturalswolfs.rolka.su/viewtopic.php?id=12#p12">Правила</a>
<a href="http://naturalswolfs.rolka.su/viewtopic.php?id=72#p150">Сюжет</a>
<a href="http://naturalswolfs.rolka.su/viewtopic.php?id=59#p78">Описание стай</a>
<a href="http://naturalswolfs.rolka.su/viewtopic.php?id=55#p66">Список персонажей</a>
<a href="http://naturalswolfs.rolka.su/viewtopic.php?id=54#p65">Виды игровых животных</a>
<a href="http://naturalswolfs.rolka.su/viewtopic.php?id=57#p70">Способности</a>
<a href="http://naturalswolfs.rolka.su/viewtopic.php?id=4#p4">FAQ</a>
<a href="http://naturalswolfs.rolka.su/viewtopic.php?id=13#p13">Шаблоны анкет</a>
<a href="http://naturalswolfs.rolka.su/viewtopic.php?id=53" style="margin-bottom: 0px;">Требуются в игру</a>


<!-- Конец блока -->
</div>
</td>
<td style="width: 400px;">
<h3>Новости</h3>
<div style="width: 98%; height: 350px; margin: 0 auto; overflow-y: auto; border: 1px solid #271b14;">
<!-- Блок новостей -->


<div style="margin-bottom: 5px; font: normal 15px 'palatino linotype', serif;">Добро пожаловать на ролевую - 
<br/>
☢ <strong>Волки: Радиоактивная Зона</strong> ☢.</div>
<a target="_blank" href="http://radikal.ru/fp/47849e85ddcd4a759a010ad9236a1c06"><img style="border: 2px inset #271b14;" src="http://i020.radikal.ru/1311/7b/72449beb504c.jpg"/></a>
<div style="line-height: 1.2em; padding: 0 3px 5px 3px; text-align: justify;">

Наша ролевая активно набирает игроков и модераторов. Всем участникам обязательно соблюдать правила и создавать темы строго по шаблону, если такой имеется. Маты запрещены, и за них можно получить предупреждение, а далее, при повторном нарушении, по решению Гл. Администратора может последовать бан.

</div>


<!-- Конец блока -->
</div>
</td>
<td style="width: 250px;">
<h3>Администраторы</h3>
<div class="link-blks">
<!-- Блок администраторов -->


<a href="http://naturalswolfs.rolka.su/profile.php?id=2">Aatrox</a>
<a href="http://naturalswolfs.rolka.su/profile.php?id=3">Луна</a>
<a href="http://naturalswolfs.rolka.su/profile.php?id=4">Флора</a>


<!-- Конец блока -->
</div>
<h3>Модераторы</h3>
<div class="link-blks">
<!-- Блок модераторов -->


<a href="http://naturalswolfs.rolka.su/profile.php?id=6">Кашил</a>
<a href="http://naturalswolfs.rolka.su/profile.php?id=7">Кит</a>


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

P.S.: про'шу простить, увлекся. http://i053.radikal.ru/0806/7f/8b80a2497566.gif Це что не так - возвращайтесь ;)

0

763

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

Remus John Lupin написал(а):

а вот пример посмотреть мне не удалось, я банально не нашел на указанном вами форуме спойлер ни в Объявлении, ни в шапке, ни в форумах на главной, ни в футере. Вы уверены, что ссылка правильная?

Ремус, ссылка правильная )
Вы задали два вопроса: а) куда должен разворачиваться спойлер и б) указать размеры таблицы.
Ласка на 2 вопроса и ответила:
- разворачивается вниз,
- ссылка на форум - размер таблицы

Отредактировано Rion Leonheart (Сегодня 11:08:06)

Ну да. В размерах я не очень разбираюсь. Поэтому показала пример.

0

764

Rion Leonheart
Здравствуйте. Спасибо огромное вам!
Но вот одна проблема у меня, подскажите как слово "Объявление" убрать?http://i053.radikal.ru/0806/7f/8b80a2497566.gif
И ещё, можно, пожалуйста, как-то сделать Новости с прокруткой вниз?
Эх, и ещё одно :( Можно ещё, пожалуйста, убрать эту рамку вокруг таблицы вообще?
Красным - убрать, если можно. Где основная графа новости, нужно вставить прокрутку.
Синим - добавить, если можно. У синего окна тоже бы сделать прокрутку, пожалуйста.

Свернутый текст

http://s020.radikal.ru/i716/1311/45/b5778ca9c664.jpg

Отредактировано Aatrox (Вт, 12 Ноя 2013 14:08:05)

0

765

Здравствуйте. Я все-таки поняла, что она мне нужна)

1.
http://s6.uploads.ru/t/fPN2e.jpg

2. http://western.rusff.ru/

3. Там где стрелочки - прокрутка. Если возможно, то прокрутка именно этого кусочка с текстом, где "добро пожаловать" - остальное на месте. Прокрутка еще на два идентичных кусочка с текстом.
И один нюанс: если есть возможность сделать эту прокрутку в обе стороны, чтобы стрелочки не пропадали, а были видны сразу обе.

разная графика для таблицы

http://s7.uploads.ru/t/zPnCN.jpg
http://s7.uploads.ru/U2NJe.png
http://s7.uploads.ru/3EWNR.png
http://s6.uploads.ru/hQGBc.png
http://s7.uploads.ru/bAxZQ.png
http://s7.uploads.ru/P1i62.png
http://s6.uploads.ru/5ZgY0.png
http://s6.uploads.ru/CrZ92.png
http://s6.uploads.ru/9HUQM.png

0

766

Aatrox,
1) слово объявление было убрано в новой таблице, у вас там в одном месте стерся нужный тег. Причем не в коде стиля таблицы даже, а в настройках рекламного баннера. Поэтому браузер перестал воспринимать код как нужно.
2) В новостях есть прокрутка, просто текущее количество контента пока не превышает заданной нормы, и потом, вы просили брать размер с эскиза, я так и сделал.

Показать подсказку

Замените полностью html-верх на:

Код:
<style type="text/css">
li#navawards {display: none;}
</style>

<style> 
#pun-title table tbody tr .title-logo-tdr {
  position: absolute;
  z-index: 1;
  left: 400px;
  top: 30px;
  }
</style>

<!-- Настройки таблицы в объявлении --> 

<style type="text/css">
/* Убрать слово "Объявление"*/
#pun-announcement h2 {display: none}
#pun-announcement .container {padding-top: 1em}

/* Ширина, высота, отступ и границы таблицы */
#wolf_st {
  width: 896px;
  height: 340px;
  margin: 0 auto;
  }

/* Отступы и выравнивание контента в ячейках */
#wolf_st td {
  padding: 5px;
  text-align: center;
  vertical-align: top;
  }

/* Отступы и настройки шрифта заголовков */
#wolf_st h3 {
  margin: 0 0 5px 0;
  font: bold normal 14px 'Trebuchet Ms', sans-serif;
  }

/* Отображение и интервал между ссылками в отдельных блоках таблицы */
.link-blks a {
  display: block;
  line-height: 2.6em;
  }

/* Ссылки при наведении */
.link-blks a:hover {
  text-decoration: underline;
  }
</style>

А объявление целиком на:

Код:
<!-- Основная таблица -->
<table id="wolf_st" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td style="width: 250px;">
<h3>Полезные ссылки</h3>
<div class="link-blks">
<!-- Блок полезных ссылок -->


<a href="http://naturalswolfs.rolka.su/viewtopic.php?id=2">Гостевая книга</a>
<a href="http://naturalswolfs.rolka.su/viewtopic.php?id=12#p12">Правила</a>
<a href="http://naturalswolfs.rolka.su/viewtopic.php?id=72#p150">Сюжет</a>
<a href="http://naturalswolfs.rolka.su/viewtopic.php?id=59#p78">Описание стай</a>
<a href="http://naturalswolfs.rolka.su/viewtopic.php?id=55#p66">Список персонажей</a>
<a href="http://naturalswolfs.rolka.su/viewtopic.php?id=54#p65">Виды игровых животных</a>
<a href="http://naturalswolfs.rolka.su/viewtopic.php?id=57#p70">Способности</a>
<a href="http://naturalswolfs.rolka.su/viewtopic.php?id=4#p4">FAQ</a>
<a href="http://naturalswolfs.rolka.su/viewtopic.php?id=13#p13">Шаблон Анкеты</a>
<a href="http://naturalswolfs.rolka.su/viewtopic.php?id=53" style="margin-bottom: 0px;">Требуются в игру</a>


<!-- Конец блока -->
</div>
</td>
<td style="width: 400px;">
<h3>Новости</h3>
<div style="border: 1px solid #271b14;">
<div style="width: 370px; height: 270px; margin: 10px auto; overflow-y: auto;">
<!-- Блок новостей -->


<div style="margin-bottom: 5px; font: normal 15px 'palatino linotype', serif;">Добро пожаловать на ролевую - 
<br/>
☢ <strong>Волки: Радиоактивная Зона</strong> ☢.</div>
<a target="_blank" href="http://radikal.ru/fp/47849e85ddcd4a759a010ad9236a1c06"><img style="border: 2px inset #271b14;" src="http://i020.radikal.ru/1311/7b/72449beb504c.jpg"/></a>
<div style="line-height: 1.2em; padding: 5px 3px 5px 3px; text-align: justify;">

Наша ролевая активно набирает игроков и модераторов. Всем участникам обязательно соблюдать правила и создавать темы строго по шаблону, если такой имеется. Маты запрещены, и за них можно получить предупреждение, а далее, при повторном нарушении, по решению Гл. Администратора может последовать бан.

</div>


<!-- Конец блока -->
</div>
</div>
</td>
<td style="width: 250px;">
<h3>Администраторы</h3>
<div class="link-blks">
<!-- Блок администраторов -->


<a href="http://naturalswolfs.rolka.su/profile.php?id=2">Aatrox</a>
<a href="http://naturalswolfs.rolka.su/profile.php?id=3">Луна</a>
<a href="http://naturalswolfs.rolka.su/profile.php?id=4">Флора</a>


<!-- Конец блока -->
</div>
<h3>Модераторы</h3>
<div class="link-blks">
<!-- Блок модераторов -->


<a href="http://naturalswolfs.rolka.su/profile.php?id=6">Кашил</a>
<a href="http://naturalswolfs.rolka.su/profile.php?id=7">Кит</a>


<!-- Конец блока -->
</div>
<div style="width: 230px; height: 120px; margin: 1px auto 0 auto; line-height: 1.2em; overflow-y: auto;">
<!-- Доп. блок -->


Наша ролевая активно набирает игроков и модераторов. Всем участникам обязательно соблюдать правила и создавать темы строго по шаблону, если такой имеется. Маты запрещены, и за них можно получить предупреждение, а далее, при повторном нарушении, по решению Гл. Администратора может последовать бан.


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

Отредактировано Rion Leonheart (Вт, 12 Ноя 2013 17:15:32)

0

767

1)

Таблица

http://s018.radikal.ru/i511/1311/48/0ed986de616f.png

2) Форум
3)
    1 Границы таблицы  не сильно темные но немного  отличались
  Фон таблицы как на моем форуме 
    Опсание
       цифра 1 это  поле картинки Картинка хотелась бы по размеру моего форума чтобы не заскакивала за границы
        Цифра 2 Возможность добавлять текс картинку сылку и возможность  делать цветнои текст не одного цвета а разный также увеличивать текс больше меньше
         Цифра 3 Возможность добавлять текс картинку сылку и возможность  делать цветнои текст не одного цвета а разный также увеличивать текс больше меньше
         Цифры 4 Возможность  выкладывать  важные темы сылкаи на даную тему
         Цифра 5  Администрация саита Картинки  с надписю Модератор Администратор  просто картинки

Модератор

http://s57.radikal.ru/i157/1311/ff/0490f053ab35.png

Администратор

http://s020.radikal.ru/i706/1311/1c/08f50d6eaede.jpg

Аватарки это кнопка при нажатий поевляется  возможность отправить Лс  выбранму администратару

Надеюсь после получения кода я смогу менять текст сылки картинки  и прозба   выделеть в коде все что можно поменять чтобы я случаино не то сменила=)))

Отредактировано kolista (Вт, 12 Ноя 2013 21:28:38)

0

768

Rion Leonheart
Умоляю простить меня, пожалуйста=(.
Спасибо большое Вам за труд и за терпение, удачи Вам).
Ещё раз простите.

0

769

Скажите пожалуйста. Если я начерчу таблицу в Word, где будут указаны надписи, цвет и размер который мне нужен на форуме сможете ли Вы написать скрипт? Чтобы я вставил его в сss и все было так, как я указал в таблице?

0

770

Анэйринэлл написал(а):

Скажите пожалуйста. Если я начерчу таблицу в Word, где будут указаны надписи, цвет и размер который мне нужен на форуме сможете ли Вы написать скрипт? Чтобы я вставил его в сss и все было так, как я указал в таблице?

Cмотрим Правила Оформления вверху и просто выкладываем для заказа

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

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

Эскиз вашей будущей таблицы, Оформляете в Ворде и снимаете скриншот и выкладываете

0

771

Скажите, а какого числа примерно будет готова моя таблица? Я просто жду новый дизайн и хотела установить все сразу.

0

772

ЛаскаКВ, извиняемсо за задержку, кажется, у тов. Люпина небольшие напряги с работой  http://mybb.ru/f/collection/0229.gif

Показать код

Для начала обновите html-верх полностью, чтобы избавить ваш форум от возможных недоразумений, связанных с лишними кусочками различных кодов, на этот:

Код:
<meta name="google-site-verification" content="7boNUfYTzSKMviGi8k0We9iK7s5RcfONnqWBGafN82A" />          

<!-- Top.Roleplay.Ru --> <script type="text/javascript" language="javascript"> var topRPGc="<img src='http://top.roleplay.ru/cgi-bin/iv.cgi?a=ins&id=20946&rnd=" + Math.random(); topRPGc += "&r="+escape(document.referrer)+"' width='1' height='1' border='0'><a href='http://top.roleplay.ru/20946' style='position:absolute;margin-top:12px;z-index:3' title='Рейтинг Ролевых Ресурсов - RPG TOP' target='top_'>"+ "<img src='http://img.rpgtop.su/88x31x11x2.gif' alt='Рейтинг Ролевых Ресурсов - RPG TOP' border='0' width='88' height='31'></a> "; document.write(topRPGc); </script> <noscript> <img src='http://top.roleplay.ru/cgi-bin/iv.cgi?a=ins&id=20946' width='1' height='1' border='0'><a href='http://top.roleplay.ru/20946' target='_top'><img src='http://img.rpgtop.su/88x31x11x2.gif' alt='Рейтинг Ролевых Ресурсов - RPG TOP' border='0' width='88' height='31'></a> </noscript><!-- /Top.Roleplay.Ru -->



<style>                                                
#pozdr{
position:fixed; right:40%; top:35%; z-index:100;padding: 15px;text-align:center;border: 2px solid #696969
-moz-text-shadow: #000 0px 0px 5px;-webkit-text-shadow: #000 0px 0px 5px;text-shadow: #000 0px 0px 5px;
font-size: 15px;color: #FFFFFF;
background-image: -moz-radial-gradient(center 45deg, circle closest-corner, #2F2727 0%, #1a82f7 100%);
background-image: -webkit-gradient(radial, center center, 10, center center, 80, from(#2F2727), to(#1a82f7));
background-image: -o-linear-gradient(top left,#2F2727,#1a82f7);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='##2F2727', endColorstr='#1a82f7');
-moz-border-radius: 18px;border-radius: 18px;khtml-border-radius:18px;-webkit-border-radius:18px;
}
</style>



<style type="text/css">
/* Ширина, цвет текста и стиль текста во всей таблице в объявлении */
#kot-laska {
  width: 100%;
  border: none;
  font: normal 1.3em 'palatino linotype', serif;
  color: #000;
  }

/* Выравнивание контента в ячейках */
#kot-laska td {
  text-align: center;
  vertical-align: top;
  }

/* Отступы, тень и стиль шрифта заголовков */
#kot-laska h3 {
  margin: 0 auto 5px auto;
  font: normal 17px 'Georgia', serif;
  text-shadow: 1px 2px 4px #000;
  }

/* Почти незаметная обводка */
.mag-line {
  width: 92%;
  margin: 0 auto;
  text-align: center;
  border: 1px dashed #7f4d18;
  border-radius: 5px;
  }

/* Авто-прокрутка в соотв. блоках */
.wow {
  width: auto;
  margin: 3px;
  overflow-y: auto;
  }

/* Блок ссылок */
#nav {
  width: 150px;
  margin: 0 auto;
  }

/* Настройка ссылок в соотв. блоке */
#nav a {
  display: block;
  width: 150px;
  margin-top: 2px;
  }
</style>

Теперь аналогичным образом обновляем html-низ полностью на вот этот код:

Код:
<script>
var clr=($("#navpm a").css("color"));var chng="&nbsp;(";
var subs="</span><span style=\"color:"+clr+";\" id=\"news_messag\">(";
$("#navpm a").html($("#navpm a").html().replace(chng,subs));
$("#news_messag").appendTo("#navpm");
</script>




<script type="text/javascript">
$("#navindex a span").replaceWith("Лес");
$("#navuserlist a span").replaceWith("Коты");
$("#navrules a span").replaceWith("Воинский закон");
$("#navsearch a span").replaceWith("Поиск");
$("#navprofile a span").replaceWith("Мордашка");
$("#navpm a span").replaceWith("Весточки");
$("#navadmin a span").replaceWith("Администрирование");
$("#navlogout a span").replaceWith("Уйти");
$("#navregister a span").replaceWith("Стань диким!");
$("#navlogin a span").replaceWith("Войти в лес");
</script>







<style>.punbb img[src*="nocopy.gif"]{display:none;}</style><script type="text/javascript"> var str='<div style="width:100%;text-align:center;"><img style="width:16px;height:16px" src="http://uploads.ru/i/x/i/Q/xiQ7M.png" title="No Copy Post" onclick="No_Copy_click();"></div>';$("#form-buttons #button-keyboard").after("<td id=nocopy.png >"+str+"</td>");function No_Copy_click(){smile('[img]http://forum.mybb.ru//nocopy.gif[/img]')}
$(document).ready(function() {$(".post-box img.postimg[src$='/nocopy.gif']").each(function () { 
var a=$(this).parents(".post");var x = a.width()+20;var y = a.height()+20;var Post_off=true;if(GroupID==1){Post_off=false};if(typeof(UserLogin)!='undefined'){if(a.find(".post-author .pa-author a").text()==UserLogin){Post_off=false}}if(Post_off){a.prepend('<div class="Nocopy"><img title="No Copy!" src="/i/blank.gif" style="margin:-10px;position:absolute!important;z-index:1000!important;width:'+x+'px!important;height:'+y+'px!important;"/></div>')}
});});$("#MakeCopyOff").replaceWith("")</script><!-- Автоматическое поздравление именинников-->
<script type="text/javascript">
function setcookie(a,b,c) {if(c){var d = new Date();d.setDate(d.getDate()+c);}if(a && b) document.cookie = a+'='+b+(c ? '; expires='+d.toUTCString() : '');else return false;}
function getcookie(a) {var b = new RegExp(a+'=([^;]){1,}');var c = b.exec(document.cookie);if(c) c = c[0].split('=');else return false;return c[1] ? c[1] : false;}
$('li#onlinelist.item6 span').before('<img src="http://images.findicons.com/files/icons/2023/standard_smile/48/flowers.png"/>&nbsp;');
$('li#onlinelist.item6 span').map(function () {
var Imenin=$(this).find('a').attr('href');
var ImeninID = Imenin.slice(Imenin.indexOf('?id=')+4);
if(UserID == ImeninID) {document.write('<div id="pozdr"><strong><font size="5" face="Comic Sans Ms">'+UserLogin+'</font></strong>,<br>поздравляем Вас с Днём рождения!!!<br><img src="http://forumupload.ru/uploads/000e/8b/b7/112-1.gif" alt="" /><br><br><input id="closed" style="width:auto;cursor:pointer;font-weight:bold" type="button" value="Спасибо" ></div>')};
if(getcookie('#pozdr')=='remove')$('#pozdr').remove();
$('#closed').click(function(){
$('#pozdr').remove(); 
setcookie('#pozdr','remove',1) }); });
</script>



<center>
<!-- "Graffiti Decorations (R) Banner Start" -->
<a href="http://graffitistudio.ru" title="Сайт добавлен в список бесплатной раскрутки Graffiti Decorations (R) Site Promoter"><img border="1"  src="http://graffitistudio.ru/banners/banner2.gif" width="100" height="100" alt="Graffiti Decorations(R) Studio (TM) Site Promoter"></a>
<!-- "Graffiti Decorations (R) Banner End  " --><a title="бесплатная раскрутка, бесплатное продвижение, SEO, ссылочное ранжирования" href="http://raskrutka.clan.su/"><img src="http://raskrutka.clan.su/banner_raskrutka.gif" border="0" alt="продвижение бесплатно" /></a>
<a title="клуб строителей" href="http://www.remontestroy.ru/blogs/obschenie-stroitelei"><img src="http://raskrutka.clan.su/freesumbit.png" border="0" alt="общение строителей" /></a>
</center>


<script type="text/javascript">
if (document.URL.indexOf("viewtopic")!=-1)
{var sigs=document.getElementById('pun-main').getElementsByTagName("div")
var v=0
for (v=0; v<=(sigs.length-1); v++)
{if (sigs[v].className=="post-content")
{if (sigs[v].innerHTML.toLowerCase().indexOf("<span>подпись автора</span>")==-1)
{sigs[v].innerHTML=sigs[v].innerHTML+"<dl class='post-sig'><dt><span>Подпись автора</span></dt><dd><p>"+"Подпись ушла патрулировать территорию)"+"</p></dd></dl>"}}}}</script>

   




<div id="pun-main" class="main">
<div id="pun-category1" class="category">
<h2><span>Наши друзья</span></h2>
<div class="container" align="center" style="border: none;">

<a href="http://warriorscats.rp-g.ru"><img src="http://s1.uploads.ru/WIABc.png" alt="WARRIORS CATS. НОВЫЕ ТЕРРИТОРИИ." title="КОТЫ ВОИТЕЛИ! ЖМИ! НОВЫЕ ТЕРРИТОРИИ."></a>

</div>
</div>
</div>





<script type="text/javascript">
PiarNik="Рекламяу.";
PiarPas="1111";

var L="<div id=\"PR_loginDiv\" style=\"display:none;\">\
<form id=\"form_login\" name=\"login\" method=\"post\" action=\"login.php?action=in\" onsubmit=\"return check_form()\">\
<fieldset>\
<input type=\"hidden\" name=\"form_sent\" value=\"1\"/>\
<input type=\"text\" id=\"fld1\" name=\"req_username\" size=\"21\" maxlength=\"25\"/>\
<input type=\"text\" id=\"fld2\" name=\"req_password\" size=\"7\" maxlength=\"16\"/>\
<input type=\"submit\" class=\"button\" name=\"login\"/>\
</fieldset>\
</form>\
</div>\
<li id=\"navpiar\"><a href=\"#\" onclick=\"PiarIn();return false\"><span>Пиар вход</span></a></li>";
if($("#navlogin").html()!=null){

$("#navlogin").after(L) //navlogin
$("#PR_loginDiv #fld1").val(PiarNik)
$("#PR_loginDiv #fld2").val(PiarPas)
function PiarIn () {$("#PR_loginDiv input[type='submit']").click();}
}
</script>

Если все сделали правильно, заметите, что появилось изображение баннера партнера, которое ранее выглядело непонятной ссылкой-заголовком.

А теперь в объявление вставляем код (вместо старого):

Код:
<!-- Основная таблица -->
<table id="kot-laska" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td style="width: 30%;" rowspan="2">
<h3>Новости</h3>
<div class="mag-line">
<div class="wow" style="height: 345px;">
<!-- Блок новостей -->


Здравствуйте! Ваш вредный Админ решила обновить объявление. Дело в том, что мы ждем.. Ладно, не буду рассказывать. Хотя все-же расскажу! Мы ждем новое объявление! Поэтому редактировать это я считала ненужным. Спасибо за регистрацию Мраку, Сапфироглазке, Теньке, Тимьяну,Голубогривке! теперь Вы-в нашей дружной компании! Ну что ж! Ролевая все движется вперед! И я этому несказано рада! У нас новые обновления, конкурсы, состоится Совет в 20:00 17 ноября! Думаю это радостная новость не только для новичков, но и для бывалых участников форума! 


<!-- Конец блока новостей -->
</div>
</div>
</td>
<td style="width: 40%;">
<h3>Погода</h3>
<div class="mag-line">
<!-- Ротатор погоды -->


<style>#PrognosRotator p{display:none}</style>
<div id="PrognosRotator" style="width: 350px; margin-bottom: 15px;"><!-- Ротатор произвольного контента -->

<p><img src="http://s7.uploads.ru/DUkVX.png"/> <br/> Дует теплый ветер.</p>
<p><img src="http://s7.uploads.ru/dBkFH.png"/> <br/> Идёт ливень! Раскаты грома сокрушают землю.</p>
<p><img src="http://s6.uploads.ru/mL5CI.png"/> <br/> Идёт мелкий дождь.</p>
<p><img src="http://s6.uploads.ru/m1tyH.png"/> <br/> Очень тепло.</p>
<p><img src="http://s6.uploads.ru/GtFgV.png"/> <br/> Легкий ветерок.</p>

</div>

<script type="text/javascript">
var RandArray=[
103,242,99,335,449,554,662,430,595,588,668,225,244,23,659,683,624,454,62,250,
213,427,426,507,532,604,362,301,149,403,512,72,492,436,252,491,602,525,44,150,
465,74,527,181,408,444,511,276,503,655,541,75,202,486,118,276,129,26,244,487,
280,388,251,604,592,272,522,294,179,543,37,453,567,578,184,262,390,683,380,340,
305,10,153,566,219,14,321,211,542,111,596,307,691,134,583,449,207,554,573,412,
412,511,427,328,478,154,175,665,193,264,674,595,436,628,245,407,456,620,387,595,
316,148,237,516,543,1,481,634,63,202,226,240,565,438,375,585,591,44,396,620,
545,560,174,397,666,316,644,443,155,513,230,176,386,206,671,527,382,274,533,615,
42,561,76,267,633,402,8,92,23,157,386,145,135,542,424,19,224,212,500,157,
337,460,469,537,461,33,234,615,642,630,74,328,171,264,120,400,452,264,346,349,
100,673,524,84,228,46,546,450,197,42,646,624,30,216,607,385,24,566,215,536,
359,176,240,20,675,313,300,366,647,638,578,327,208,160,296,221,163,170,137,119,
338,194,234,307,98,648,490,380,98,549,397,565,433,295,278,123,326,87,613,524,
120,524,600,45,35,170,695,218,529,461,256,591,444,224,623,560,546,375,589,622,
436,222,410,370,192,582,582,53,651,535,452,377,294,176,251,593,214,206,94,699,
308,588,255,279,409,146,658,46,222,228,5,502,310,37,122,510,441,362,396,173,
552,46,15,113,229,407,427,486,368,444,290,55,515,526,385,483,508,679,289,433,
572,394,542,27,31,647,168,147,335,403,404,501,630,34,180,111,257,210,430,214,
406,74,328,672,267,49,227,401,403,280,293,650,197,48,431,255,204,296,320,596,
351,269,141,667,541,175,601,231,360,606,84,14,439,489,543,109,625,110,160,47,
537,308,668,504,440,5,644,473,389,608,668,346,500,192,104,202,634,432,317,241,
171,527,697,281,152,377,249,648,298,577,217,167,525,412,671,321,94,562,565,579,
524,491,131,576,634,633,619,94,93,202,592,662,542,413,173,115,263,642,441,16,
277,300,73,140,608,228,595,689,162,337,659,343,477,302,591,200,11,69,521,490,
209,171,657,394,160,43,199,276,25,365,685,530,47,485,695,262,64,15,673,385,
596,565,441,47,634,26,87,620,483,17,147,367,566,118,568,348,640,523,525,595,
479,356,322,525,57,185,485,39,184,196,336,631,155,137,697,285,590,284,493,438,
330,13,384,243,229,595,91,160,524,204,510,640,504,438,393,56,223,374,402,208,
693,406,34,482,491,294,685,24,696,616,698,54,357,81,249,602,169,169,484,164,
71,386,37,390,498,418,249,650,301,107,115,447,673,128,555,691,694,84,194,263,
80,396,306,549,371,416,62,689,209,674,636,576,118,604,533,40,117,512,325,652,
414,518,689,280,373,143,593,54,2,637,185,638,241,352,340,80,275,417,94,543,
31,393,630,373,555,245,365,242,54,557,503,319,290,545,86,626,606,511,539,334,
118,503,551,408,30,209,600,272,1,661,302,286,80,587,343,124,655,396,621,260,
242,99,335,449,554,662,430,595,588,668,225,244,23,659,683,624,454,62,250,310,
];
var today = new Date().getTime();
a=Math.floor(today/(1000*60*60*24*1)); //1 - кол-во суток, через которые меняется
a=a-Math.floor(a/700)*700;
var Nrout=$("#PrognosRotator p").length;
a=Math.floor(Nrout*(RandArray[a]+1)/700)
RotatorMycontent(a);
function RotatorMycontent(i) {
$("#PrognosRotator p").hide();
$("#PrognosRotator p").eq(i).show();
}
</script>


<!-- Конец ротатора погоды -->
</div>
</td>
<td style="width: 30%;">
<h3>Полезно</h3>
<div class="mag-line">
<div id="nav">
<!-- Блок ссылок -->


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


<!-- Конец блока ссылок -->
</div>
</div>
</td>
</tr>
<tr>
<td>
<h3>Ситуация в ролевой</h3>
<div class="mag-line">
<div class="wow" style="height: 200px;">
<!-- Блок ситуации в ролевой -->


- У Алмазоглазки и Песчаника появились котята. Их трое: Чулочек, Пятнышко и Рыжинка.<br/>
- История с мертвой кошкой на границе с Речным постепенно забывается.<br/>
- Подготовка оруженосца Сапфироглазки подходит к концу.<br/>
- В племени скоро появится новый воин.<br/>
- Есть волнение из-за лисы, поселившийся в берегу реки.<br/>
- Дичи вдоволь. В Речном племени все хорошо: речка полна рыбы, еды на всех хватает.<br/>
- Выступила на Совете со своей речью Горькая звезда: "Речным котам мешают лишь Двуногие, поселившиеся на берегу реки. К несчастью, одного оруженосца они украли. - - Речное племя надеется на лучшее..."<br/>
- У Горькой звезды вскоре должны будут появиться котята, а это большая радость для всего племени.<br/>
- У двоих кошек родились котята. Еще у троих котят ожидают.<br/>
- Посвятили в оруженосцы двух котят.<br/>
- Дичи, правда, становится меньше. <br/>
- В Кровавом новый главарь - Данте. Кровавые коты неплохо живут на нынешнее время.


<!-- Конец блока ситуации в ролевой -->
</div>
</div>
</td>
<td>
<h3>О форуме</h3>
<div class="mag-line">
<div class="wow" style="height: 200px;">
<!-- Блок доп. информации о форуме -->


Тут текст (прокрутка появляется автоматически)


<!-- Конец блока доп. информации о форуме -->
</div>
</div>
</td>
</tr>
<tr>
<td colspan="3"><br/>
<div align=center><a href="#" onclick=" obj=this.parentNode.childNodes[1].style; 
tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;"> 
<h3>Баннеры (жми!)</h3></a><div style="display: none"> 


<!-- Баннер Топа (не трогать!) -->
<!--LiveInternet counter--><script type="text/javascript"><!--
document.write("<a href='http://www.liveinternet.ru/click' "+
"target=_blank><img src='//counter.yadro.ru/hit?t44.6;r"+
escape(document.referrer)+((typeof(screen)=="undefined")?"":
";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+
";"+Math.random()+
"' alt='' title='LiveInternet' "+
"border='0' width='31' height='31'><\/a>")
//--></script><!--/LiveInternet-->
<a href='http://wizardtop.ru/in.php?id=2592' target='_blank' title='Волшебный рейтинг игровых сайтов'><img src='http://wizardtop.ru/b/1.gif' border='0' width='88' height='31' alt='Волшебный рейтинг игровых сайтов'></a>
<!-- Конец баннера топа (не трогать!) -->

<br/>Топ: Голосни! Пожалуйста!

<hr style="width: 98%; height: 1px; border: none; border-top: 1px dashed #7f4d18; margin: 2px 0;">
<marquee style="width: 98%; height: 31px;" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="2">
<!-- Сюда добавляются баннеры партнеров (блок с бегущей строкой) -->


<a href="http://warriors.8bb.ru/" target="_blank"><img src="http://savepic.net/2825803.gif" border="0" alt="любовь к РКВ навечно" width="88" height="31"/></a>
<a href="http://cwmor.0pk.ru/" target="_blank"><img src="http://s5.uploads.ru/Pmw31.gif"/></a>
<a href="http://cv.koti-voiteli.ru/" target="_blank"><img src="http://ognegrivka271.narod.ru/di.png" border="0" alt="Коты Воители. Шаг в пропасть."/></a>


<!-- Конец бегущей строки -->
</marquee>
</div></div>
</td>
</tr>
</tbody>
</table>
<!-- Конец основной таблицы -->

P.S.:
- указанный вами шрифт - 'monotype corsiva' - не совсем практичен в использовании (слишком много завитушек), поэтому заменил на аналогичный: который не так сильно скручивается и вполне читабельно смотрится);
- цвет ссылок изменится "самостоятельно", в зависимости от настроек отображения ссылок на новом дизайне;
- вокруг каждого блока таблицы есть едва заметная граница-обводка, для легкого акцента на информацию.
Скорее всего, на новом дизайне эта граница будет бросаться в глаза.
Для замены цвета на более практичный найдите в html-верху (выделено красным):

/* Почти незаметная обводка */
.mag-line {
  width: 92%;
  margin: 0 auto;
  text-align: center;
  border: 1px dashed #7f4d18;
  border-radius: 5px;
  }

Указаный (красный) параметр можно заменить на нужный вам цвет.

Последний штрих: Если вдруг что-то случится с размером шрифта - ну вдруг окажется крупнее, чем необходимо, при установке нового дизайна, - возвращайтесь, отрегулируем  :yep: Да и вообще, если понадобится что-то добавить/убрать - все равно возвращайтесь  :)

Отредактировано Rion Leonheart (Ср, 13 Ноя 2013 20:47:56)

+1

773

Rion Leonheart
Замечательная таблица! Огромнещее Спасибо!! Это просто блестяще!!

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

R.J.M.

0

774

не актуально

Отредактировано Счастливая (Чт, 14 Ноя 2013 20:45:51)

0

775

МухХа, здравствуйте.

На ваш эскиз только с лупой "бросаться"... У меня зрение и без того -2 диоптрии...

0

776

Rion Leonheart
Если /t/ убрать - будет прямая ссылка http://s6.uploads.ru/tj2xw.png

0

777

Танюшка1482, здравствуйте.

Показать код

Настройки таблицы, что идут в html-верх:

Код:
<!-- Кольцевой слайдер -->
<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/39493.js"></script>


<style type="text/css">
/* Настройки объявления */
/* Оступ слайдера */
#slider2 {margin-top: 20px;}
/* Сдвиг стрелочек */
.button-left, .button-right {margin-top: 65px;}
/* Убираем лишние "запчасти" кольцевого слайдера */
#indexActive {display: none;}

/* Настройка отступов контейнера объявления */
#pun-announcement h2 {display: none}
#pun-announcement .container {
  padding: 2em 0 0 0;
  margin: 0 1em;
  }

/* Основные настройки таблицы */
#navaho {
  width: 820px;
  height: 300px;
  margin: 0 auto;
  border: none;
  background: transparent url(http://s7.uploads.ru/zPnCN.jpg) 0 0 no-repeat;
  color: #512a00;
  }

/* Выравнивание в ячейках таблицы */
#navaho td {
  text-align: center;
  vertical-align: top;
  line-height: 1.5em;
  }

/* Настройки жирного текста */
#navaho td b {
  font-weight: normal;
  color: #000;
  }

/* Отображение изображений-заголовков */
.uhu {
  display: block;
  margin: 5px auto 8px auto;
  }

/* Блок ссылок */
#nav-block {
  width: 170px;
  margin: 12px auto 0 auto;
  }

/* Вид ссылок в обычном состоянии */
#nav-block a {
  display: block;
  width: 170px;
  margin-top: 2px;
  padding: 2px 2px 4px 2px;
  text-align: center;
  background-color: #b4a681;
  color: #fff; 
  }

/* Вид ссылок при наведении */
#nav-block a:hover {
  background-color: transparent;
  color: #000;
  }
</style>

Сама таблица, что идет в объявление:

Код:
<!-- Основная таблица -->
<table id="navaho" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td style="width: 240px;" rowspan="2">
<img class="uhu" style="margin-top: 18px; margin-left: 45px;" src="http://s7.uploads.ru/P1i62.png"/>
<div id="nav-block">
<!-- Блок ссылок -->


<a href="http://western.rusff.ru/viewtopic.php?id=4">Гостевая</a>
<a href="http://western.rusff.ru/viewtopic.php?id=34#p48">Правила</a>
<a href="http://western.rusff.ru/viewtopic.php?id=14">Вводная в игру</a>
<a href="http://western.rusff.ru/viewtopic.php?id=26">Персонажи от игроков</a>
<a href="http://western.rusff.ru/viewtopic.php?id=10">О городе</a>
<a href="http://western.rusff.ru/viewtopic.php?id=5#p6">Шаблон анкеты</a>
<a href="http://western.rusff.ru/viewforum.php?id=7">Реклама</a>
<a href="http://western.rusff.ru/pages/banneri">Баннеры партнеров</a>


<!-- Конец блока ссылок -->
</div>
</td>
<td style="width: 580px; height: 200px;" colspan="2">
<!-- Cлайдер -->
<div id="slider2" slide-width="555" slide-height="170" class="slider" style="padding:0;height:0;width:0">
<!-- Две Кнопки слайдера -->
<img button-width="60" class="button-left hide" src="http://s7.uploads.ru/3EWNR.png"/>
<img button-width="60" class="button-right" src="http://s7.uploads.ru/U2NJe.png"/>
<div class="slider-content active">
<!-- Первый слайд -->


<img class="uhu" src="http://s6.uploads.ru/5ZgY0.png"/>

Дикий Запад. Бескрайние просторы прерий, горы, скрывающие золото, серебро и спрятанные древние клады. Кольты, выкашливающие несущий смерть свинец. 
<br/>
Яркие, как степной пожар, характеры тех, кто пришел покорить эти земли, и тех, кто не желает отдавать их без боя. Станьте одним из них, присоединившись к нашей игре.
<br/>
Седлайте коня, время не ждет.


<!-- Конец первого слайда -->
</div>
<div class="slider-content">
<!-- Второй слайд -->


<img class="uhu" src="http://s7.uploads.ru/bAxZQ.png"/>

Уважаемые игроки, игра начата. 
<br/>
Тема с <strong><a href="http://western.rusff.ru/viewtopic.php?id=21#p29">поиском соигрока</a></strong> к Вашим услугам. 
<br/>
В добрый путь!


<!-- Конец второго слайда -->
</div>
<div class="slider-content">
<!-- Третий слайд -->


<img class="uhu" src="http://s6.uploads.ru/9HUQM.png"/>

<a href="http://lylife.ru/" target="_blank"><img src="http://s2.uploads.ru/1tCcd.png" title="Каталог форумов" alt="LYL"/></a>


<!-- Конец третьего слайда -->
</div>
</div><script>$("#slider2").slideF(1,0);</script>
<!-- Конец слайдера -->
</td>
</tr>
<tr>
<td style="width: 280px; height: 100px;">
<img class="uhu" src="http://s6.uploads.ru/CrZ92.png"/>
<!-- Блок "В игре" -->


<b>Дата:</b> июнь-июль 1869 года
<br/>
<b>Место действия:</b> Юта, город Амистад


<!-- Конец блока -->
</td>
<td style="width: 280px;">
<img class="uhu" src="http://s6.uploads.ru/hQGBc.png"/>
<!-- Блок топов -->

<a href="http://forum-top.ru/vote/3041" title="Рейтинг форумов Forum-top.ru" target="_blank"><img src="http://forum-top.ru/uploads/buttons/forum-top_88x31_4.gif" alt="Рейтинг форумов Forum-top.ru"/></a>  
<a href="http://top.roleplay.ru/21566" title="Рейтинг Ролевых Ресурсов - RPG TOP" target="top_"><img src="http://img.rpgtop.su/88x31x11x3.gif" alt="Рейтинг Ролевых Ресурсов - RPG TOP" border="0" width="88" height="31"/></a>

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

+1

778

По заказу была сделана таблица. Когда поменяли дизайн, мы обнаружили, что неправильно отображается. Убираем таблицу - все верно. Вернули старый дизайн, но все равно видно, что шапка "обрезана" как бы. Помогите

0

779

Огненная Звезда,

В блоке:

/* Подправить границы тела */
#pun-announcement .container {margin-right: 0.5em;}

#pun {
  width: 780px;
  padding: 0 10px;
  }

Выделенное красным замените на:

/* Подправить границы тела */
/*#pun-announcement .container {margin-right: 0.5em;}*/

/*#pun {
  width: 780px;
  padding: 0 10px;
  }*/

Тестируйте на новом дизайне. О результате отпишитесь.

0

780

Rion Leonheart
Теперь все прекрасно отображается, спасибо!

0


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