подскажите пожалуйста, как ставить таблицу в шапку, как на этом форуме
Запихните - посмотрим или адрес сайта и код таблицы в студию и скриншот того - чо хотите получить
Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Корзина » Вопросы по дизайну форумов
подскажите пожалуйста, как ставить таблицу в шапку, как на этом форуме
Запихните - посмотрим или адрес сайта и код таблицы в студию и скриншот того - чо хотите получить
Запихните - посмотрим или адрес сайта и код таблицы в студию и скриншот того - чо хотите получить
хочу засунуть таблицу сюда
*код таблицы
<table width ="800px"> <tr> <td width ="500px"><center><img src="http://savepic.net/59023.png"></center> <center><img src="http://savepic.net/62095.png"></center> </td> <td width ="300px"><center><img src="http://savepic.net/32385.png"></center> <div style="overflow: scroll; overflow-x: hidden; height: 170px; width: 300px"><center> <a href='http://newtwilightforyou.rolka.su/' target='_blank' ><img src='http://i42.tinypic.com/2rxbayu.gif'></img><a href='http://twilightrock.rolka.su/' target='_blank' ><img src='http://savepic.ru/1068154.gif'></img></center></div> </td> </tr> <td width ="400px"><center><img src="http://savepic.net/56975.png"></center> <center>Лялялялллллляялялялля</center> </td> <td width ="400px"><center><img src="http://savepic.net/42639.png"></center> <center>Лялялялллллляялялялля</center> </td> </tr> </table>
а получается вот что: http://twilightsagaforum.rolka.su/
#bubble gum, а просто код таблицы вставить в ХТМЛ-верх не пробовали?
а просто код таблицы вставить в ХТМЛ-верх не пробовали?
так вот именно, что я туда и ставлю и получается х*** полная
а получается вот что:
ясно
Добавьте в первый тег табле синим
<table style="position:absolute; margin: 200px 0 0 40px" width ="800px">
200 - значение оцтупа от верха - 40 от левого края - регулируйте саме
(*Поправил
Отредактировано Deff (Пн, 1 Ноя 2010 14:31:19)
Deff
уиии спасибо)))))
У меня стоит код такого спойлераhttp://darkness.5bb.ru/viewtopic.php?id=328#p22374хочу оставить его таким же, но чтобы кнопку можно было подписывать самостоятельно [spoiler="название"]Можно как то видоизменить код или может есть другой чтобы спойлер выглядел именно так. Не нравятся те которые "выезжают" из кнопки.Еще бывает когда не поставишь пробелы ентером перед тегами спойлера и текстом, тот текст что стоит после спойлера сжимается, межстрочное расстояние меньше делается. Как устранить?
Это реализуемо, но Вам нужно обратиться к скриптёрам.
подскажите пожалуйста, как сделать такое же разделение по категориям, чтобы форум вроде блоками был, как тут: http://photoshopcity.ipbb.ru/
#bubble gum
Здравствуйте.
подскажите пожалуйста, как сделать такое же разделение по категориям, чтобы форум вроде блоками был, как тут: http://photoshopcity.ipbb.ru/
Там форум сделан полностью одним сплошным цветом, а затем на названия каждой из категорий поставили изображение, вот такое: http://xmages.net/storage/10/1/0/5/5/up … 2354e9.jpg. Как видите, изображение чуть больше, чем ширина форума, а также имеет скруглённые участки (сиреневого цвета) там, где будут блоки категорий.
Код для вставки такой:
<style type="text/css"> .category h2 span{ display: none; } #pun-category1 h2 { height: 81px; background-image: url(Адрес изображения для первой категории) !important; background-repeat: no-repeat; background-position: top center; } #pun-category2 h2 { height: 81px; background-image: url(Адрес изображения для второй категории) !important; background-repeat: no-repeat; background-position: top center; } #pun-category3 h2 { height: 81px; background-image: url(Адрес изображения для третьей категории) !important; background-repeat: no-repeat; background-position: top center; } #pun-category4 h2 { height: 81px; background-image: url(Адрес изображения для четвёртой категории) !important; background-repeat: no-repeat; background-position: top center; } #pun-category5 h2 { height: 81px; background-image: url(Адрес изображения для пятой категории) !important; background-repeat: no-repeat; background-position: top center; } #pun-category6 h2 { height: 81px; background-image: url(Адрес изображения для шестой категории) !important; background-repeat: no-repeat; background-position: top center; } #pun-category7 h2 { height: 81px; background-image: url(Адрес изображения для седьмой категории) !important; background-repeat: no-repeat; background-position: top center; } #pun-category8 h2 { height: 81px; background-image: url(Адрес изображения для восьмой категории) !important; background-repeat: no-repeat; background-position: top center; } </style>
Отредактировано rps (Вт, 2 Ноя 2010 16:38:08)
rps
ой, спасибо огромное)))
Добрый вечер. Не подскажите скрипт, чтобы фон форума не двигался при прокрутке?
Всем здрасьте! Помогите вставить сюда этот код:
<div class="clear-line"> </div> </div> <div class="column" style="width:50%"> <div class="btnround btn-darkblue" style="float:right"><div class="btn-corner-br"><div class="btn-corner-bl"><div class="btn-corner-tr"><div class="btn-corner-tl"><a style="color:#fff !important; font-size:18px; text-decoration:none" target="_blank" title="Храните файлы Вконтакте" href="http://vkontakte.ru/app1982352_19811261">Храните свои файлы Вконтакте</a></div></div> </div></div></div> <div class="clear-line"></div> </div> <div class="clear-line"> </div> </div> <div class="clear-line"></div>
Или как то надо его переделать?
balzak2
Чо нидь типо так:
В HTML верх
<div style="position:absolute; margin: 99px 0 0 30%" width ="500px"><a style="color:#000 !important; font-size:18px; text-decoration:none" target="_blank" title="Храните файлы Вконтакте" href="http://vkontakte.ru/app1982352_19811261">Храните свои файлы Вконтакте</a></div>
Красным регулировки: оцтуп от верха; оцтуп слева; - цвет текста;
Отредактировано Deff (Чт, 4 Ноя 2010 10:22:42)
Спасибо! Приложилось! Немного оцентровал!
<div style="position:absolute; margin: 99px 0 0 30%" width ="500px"><a style="color:#000 !important; font-size:18px; text-decoration:none" target="_blank" title="Храните файлы Вконтакте" href="http://vkontakte.ru/app1982352_19811261">Храните свои файлы Вконтакте</a></div>
Ещё бы эту картинку вложить:
Отредактировано balzak2 (Чт, 4 Ноя 2010 11:51:14)
Вот только самой картинки не могу найти:
А похоже это даже не картинка, а обрамление надписи "Храните свои файлы Вконтакте"!
Что то здесь похоже кроется:
<div class="btnround btn-darkblue"
Отредактировано balzak2 (Чт, 4 Ноя 2010 12:14:17)
balzak2
Здравствуйте.
Ещё бы эту картинку вложить:
Вот так наверное:
<div style="position: absolute; top: 99px; left: 30%; width: 500px"> <a style="text-decoration: none" target="_blank" href="http://vkontakte.ru/app1982352_19811261"> <img src="Адрес изображения" alt="Храните файлы Вконтакте" title="Храните файлы Вконтакте" /> </a> </div>
Только изображение сами впишите.
А похоже это даже не картинка, а обрамление надписи "Храните свои файлы Вконтакте"!Что то здесь похоже кроется:
balzak2
rps Предлагает: Cделать скриншот этой надписи вместе с обрамлением в натуральную величину; обрезать, загрузить, к примеру, на радикал и вставить всё это дело ссылкой на рисунок в его код
Отредактировано Deff (Чт, 4 Ноя 2010 13:02:01)
Вот так наверное:
Спасибо, как всегда за помощь, + с меня (как говорится, чем могу)!
rps Предлагает: Cделать скриншот этой надписи вместе с обрамлением в натуральную величину; обрезать, загрузить, к примеру, на радикал и вставить всё это дело ссылкой на рисунок в его код
Вот только одна проблема: скрин во всю величину не берётся, а найти такую картинку не сумел, правда могу в .bmp выложить, вот только я с фотошопом не в ладах
Вот что у меня получилось:
Отредактировано balzak2 (Чт, 4 Ноя 2010 13:31:16)
Добрый день!
Помогите пожалуйста в нескольких вопросах:
1. Как убрать эти полоски
2. Как поставить по центру следующее ->
3. И как избавиться от повторения шапки вот здесь
Адрес: http://testidiz.mybb.ru/
Вы здесь » Единый форум поддержки » Корзина » Вопросы по дизайну форумов