ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов » Архив устаревших тем » Расшифровка кода стиля. - ОБСУЖДЕНИЕ И ВОПРОСЫ
LiSa
На первый вопрос читайте вот тут Вопрос/ответ по дизайну css
на второй вот код
Элемент {
opacity: 0.5;filter: alpha(opacity=50)
}Правда сколько я его мучал не получалось(хотя должен работать)Я ещё поищу
вай пасииииииииип=))) сча попробую)) 
можно ли в границы форума ставить картинки, хочу границы узором, и где поменять толщину границ/линий
шаг первый
найди в style.css вот этот блок:
/* A5.9 */
.punbb .container {
border-style: solid;
border-width: 1px;
}
красная цифра - это ширина границ. поменяй на побольше (чтобы было видно узор), например на 5 пикселей. (посмотри сама, как тебе будет лучше)
шаг второй
идем в style_cs.css, там есть блоки:
/* CS2 Border colours
-------------------------------------------------------------*//* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
border-color: #064A29 #064A29 #064A29 #064A29
}/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
border-color: #8FDFBF
}/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
border-color: #064A29;
}/* CS2.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
border-color: #297D5C;
}/* CS2.5 */
.punbb th {
border-color: #3A8E6D
}/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
border-color: #2B7F5E #6BBF9E #6BBF9E #2B7F5E;
}#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
border-color: #2B7F5E
}#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
border-color: #6BBF9E
}.punbb .divider {
border-color: #2B7F5E #6BBF9E #6BBF9E #6BBF9E
}.punbb .formal fieldset .post-box, .punbb .info-box {
border: 1px solid #dedfdf
}li.pa-online {
border-left-color: #064A29;
}.punbb .post-sig dt {
border-top-color: #297D5C !important;
}
там заменяешь цвета на изображение как обычно, т.е. вместо
border-color: #цвет
пишем
border-image: url(ссылка)
Правда сколько я его мучал не получалось(хотя должен работать)Я ещё поищу
пасип все работает
Герда, пасипа))) но у меня чего-то вместо картинки черная рамка стала О_х
LiSa
протестировала - действительно не прокатывает.
видимо, границам нельзя задать фон.
Я вставила картинку в категорию, но она как бы не подошла по размерам. я спрасила на другом форуме в чём дело. Так вот что мне дали:
/* A5.10 */
.punbb .section h2, #pun-main h1, #pun-main h2, #pun-debug h2,
{
padding: 0.5em 1em;
border-style: none solid solid none;
border-width: 0 1px 1px 0;
height: 25px;
}
#pun-stats h2 {
padding: 0.5em 1em;
border-style: none solid solid none;
border-width: 0 1px 1px 0;
height: 25px;
text-align: left;
background-position: top center;
}
#pun-main h2, #pun-main h1, #pun-stats h2 {
padding: 7px 1em 7px 1em;
border-style: solid;
border-width: 1px;
border-bottom: none;
height: 25px;
}
#punbb-admin, #pun-admain h2 {
padding: 0.5em 1em;
border-style: none solid solid none;
border-width: 0 1px 1px 0;
height: 25px;
text-align: left;
background-position: top center;
}Что это?
У меня вопрос по иконкам... Я всё сделала как написано, но кнопочки у меня не высвечиваются... Что делать?
а как шапку в код аставить?
Искра
Свой стиль. Инструкции по моделированию. - четвертый пост этой темы.
Эмили
скинь код посмотреть.
Mivani
это css-код, меняющий размеры заголовков форума.
Герда
/* C2.14 */
.punbb td div.tclcon {
margin-left: 25px;
}
/* C2.15 */
.punbb div.icon {
float: left;
display: block;
width: 50px;
height: 47px;
margin-right: 7px;}
/* CS4 Post status icons
-------------------------------------------------------------*/
div.icon {
background: url(http://s16.radikal.ru/i190/0909/9c/0148dd9c31c9.gif) no-repeat;
}
tr.inew div.icon {
background: url(http://i020.radikal.ru/0909/67/9ce3f5fd116f.gif) no-repeat;
}
tr.iclosed div.icon {
background: url(http://i074.radikal.ru/0909/15/117cd4ae303e.gif) no-repeat;
}
tr.iredirect div.icon {
background: url(http://i014.radikal.ru/0909/90/dcd685b5bccd.gif) no-repeat;
}
tr.isticky div.icon {
background: url(http://s39.radikal.ru/i086/0909/26/614365c74b1a.gif) no-repeat;
}
#pun-main div.catleft, #pun-main div.catright {display: none}
Я вообще в этом не разбираюсь! Подскажи что делать.
Офф: я кажется не в ту тему написала?
Картинка высвечивается, но вот так. http://www.magicscreenshot.com/MagicScr … YhBlUw.jpg
Отредактировано Эмили (20.09.09 20:51)
Вы здесь » ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов » Архив устаревших тем » Расшифровка кода стиля. - ОБСУЖДЕНИЕ И ВОПРОСЫ
