Как сделать такую рамку вокруг категорий?картинки есть.
Рамка
Сообщений 1 страница 24 из 24
Поделиться12010-07-02 17:22:40
Поделиться22010-07-02 17:26:28
Это собственно фон
По обоим бокам делается идентичные картинки плюс накладывается по краю, ближе к середине что то на подобии линий. В центре там где "тело "форума идет цветовой фон. Фон центрируется. Ну в общем как обычно. ФШ в помощь))
Поделиться32010-07-02 18:02:08
Я чего то не поняла...По краям сделала,а как в центре фон сделать?Что под форумами?
http://stileslilist.0pk.ru/
Отредактировано йцйцйц (2010-07-02 18:04:45)
Поделиться42010-07-02 19:08:00
йцйцйц
http://s50.radikal.ru/i130/1007/f3/d257166f1d65.png
Вот к примеру. Вот так строится вся картинка то что в центре должно быть размером в ваш форум, точнее его основную часть "тело" Далее как пожелаете небольшой отступ затем идет граница затем свободное оставшееся пространство. Считать начинайте с центра если не ошибетесь все будет в ажуре)
Поделиться52010-07-03 12:07:59
Я с ФШ не очень.даже размаер картинки поменять не могу.
Поделиться72010-07-03 13:31:51
там где написано форум.
Можно
<style type="text/css"> #pun th {
background-image : url(ссылка на картинку);
}
</style>
Я с ФШ не очень.даже размаер картинки поменять не могу.
Тогда заказывайте стиль... ну или хотя бы фон на форумах диза, что я еще могу предложить.
Поделиться82010-07-03 17:59:32
Toshiro-kun
Спасибо!Я сделала,только немного не так как хотела.
Вот:
http://stileslilist.0pk.ru/
Поделиться92010-07-03 18:29:49
Я сделала,только немного не так как хотела.
Вижу у вас нет с одной стороны бордюра. Как делали картинкой (отдельной) или же полностью?
Поделиться102010-07-03 18:35:19
Отдельно.А как поменять фон,там где название категории? (Форум поменяла)
Поделиться112010-07-03 18:48:21
йцйцйц
Полосочки на странице
2 сообщение (все расписанно)
Поделиться122010-07-03 21:31:26
Еще вопросик...Как определить номер цвета(код).Подобрать на глаз не получается.
И поменять цвет надписей:"Форум","последнее сообщение","Просмотров","Тем","Сообщений" и названия форумов.
Отредактировано йцйцйц (2010-07-03 21:39:57)
Поделиться132010-07-03 22:19:44
Еще вопросик...Как определить номер цвета(код).Подобрать на глаз не получается.
http://www.artlebedev.ru/tools/colors/
Или вам цвет на определенном элементе? Тогда делаете скрин открываете в ФШ и тыкаете на область инструментом "Пипетка" затем открываете палитру и копируете код
И поменять цвет надписей:"Форум","последнее сообщение","Просмотров","Тем","Сообщений"
<style type="text/css"> #pun th {
color: #Цвет;
}
</style>
названия форумов.
<style type="text/css">
#pun .tcl a {color: #цвет;}
</style>
Поделиться142010-07-04 11:35:31
Спасибо!Все получилось!
Поделиться152010-07-05 16:07:13
С рамкой всё получилось, только форум наползает на неё:
Можно это как-то исправить?
Поделиться162010-07-05 16:14:26
С рамкой всё получилось, только форум наползает на неё:
Уменьшите форум в этой позиции в структуре
/* A5.1 */
#pun {
margin: 0px auto 0px auto;;
width : ширина px;
padding: 0px 0px 0px 0px;
float: center;
}
Поделиться172010-07-05 16:28:48
Уменьшите форум в этой позиции в структуре
У меня здесь другой код стоит:
/* A5.1 */ #pun { margin: 0px auto auto auto; width : 85%; }
Попыталась изменить на ваш код - форум растянулся на весь экран и не реагировал на изменения
width : ширина px;
этой строки.
Поделиться182010-07-05 16:45:55
RaiKivoko
Вместо того что есть ставьте то что я указал размер приблизительно 800-850 px
Поделиться192010-07-05 17:01:35
RaiKivoko
Для начала - поменяйте картинки местами - pun - это фон "тела" форума. HTML, BODY - это фон пространства вокруг если грубо говорить. У вас же все наоборот. Далее ставьте желательно в css в самое начало посте /* CS1 Background and text colours
Получится вот так
HTML, BODY {background-image: url("http://s004.radikal.ru/i205/1007/47/0f002297534c.jpg"); background-attachment: fixed;}
#pun {background-color: #9bc95c; background-image: url("http://i062.radikal.ru/1006/3b/a18065e6f76a.jpg"); background-repeat: repeatx; background-position: top center; background-attachment: fixed;}
Там где меняете ширину
/* A5.1 */
#pun {
margin: 0px auto 0px auto;;
width : ширина px;
padding: 0px 0px 0px 0px;
float: center;
}
ширина_px; - Пробела выделенного быть не должно я поставил только по причине что бы слово не слилось по бишь будет 850px вот так
Поделиться202010-07-05 17:02:33
Toshiro-kun
Ничего не изменилось. В админке ширина меняется, а на самом форуме - нет
Поделиться212010-07-05 17:04:56
RaiKivoko
Я вам выше расписал все подробно. У меня все получилось более чем приемлемо
Поделиться222010-07-05 19:43:58
Вроде всё получилось, только почему-то вместо одной полоски две получилось... Методом научного тыка выяснила, что это оно размножается по горизонтали, но исправить не получается(
Поделиться232010-07-05 20:00:32
Методом научного тыка выяснила, что это оно размножается по горизонтали, но исправить не получается(
Да да потому что делали картинку не так как нужно. Пример был для широкого форума собственно. А так после вашей рамки, сделайте фон, тогда не будет раздваиваться
Поделиться242010-07-05 22:53:31
всё получилось, спасибо))
Похожие темы
Ставим Рамку Под Категории, Статистику, Объявление | Заказ скриптов | 2011-11-05 |
[отвечено] Динамичная рамка для аватара | Заказ скриптов | 2011-02-13 |
Рамка форума и фон сообщения < | Заказ скриптов | 2011-09-23 |
Рамки для аватаров (выбираются случайно) | Галерея скриптов | 2012-04-24 |
Рамка вокруг аватара < | Архив тем | 2010-06-23 |