[ex]Внимание! Если берете у нас информацию, оставляйте ссылку на эту страницу[/ex]
Pro-Замена элементов дизайна в стиле <
Страница: 1
Сообщений 1 страница 4 из 4
Поделиться12010-06-10 15:16:43
- Администратор
- Зарегистрирован: 2009-09-24
- Приглашений: 0
- Сообщений: 217
- Уважение: [+5/-0]
- Позитив: [+2/-0]
- Провел на форуме:
2 дня 1 час - Последний визит:
2016-06-02 22:31:03
Поделиться22010-06-10 15:31:16
- Администратор
- Зарегистрирован: 2009-09-24
- Приглашений: 0
- Сообщений: 217
- Уважение: [+5/-0]
- Позитив: [+2/-0]
- Провел на форуме:
2 дня 1 час - Последний визит:
2016-06-02 22:31:03
как вставить шапку в стиль?
все что касается шапки находтся в разделе:
Цвета style_cs.css
Код:
/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
background-color: #FFFFFF;
color: #333;
}Код:
элемент background-color: #FFFFFF; - цвет фона - заменяем на background-image: url(Ссылка на вашу картинку); repeat right; color: #333; - цвет текста - "333" заменяем на свое
Структура style.css
Код:
/* D1.2 */
#pun-title h1 {
display : block;
height : 120px;
padding: 2em 1em 0 1em;
}
height : 120px; - высота шапки - 120px меняем на своеДополнительно:
- высоту шапки можно задать и в %
- граница шапки, положение шапки
Код:
/* D1.1 */
#pun-title {
margin: 0;
border-style: solid solid none solid;
border-width: 1px 1px 0 1px;
margin: 65px auto auto auto;
}border-width: 0px 0px 0рх 0px; - толщина границы в пикселях, 0- граница отсутствует
margin: 65px auto auto auto; - позиция, отступ сверху,справа,снизу,слева - задается в пикселях и процентах, авто - автоположение
Поделиться32010-06-10 15:49:13
- Администратор
- Зарегистрирован: 2009-09-24
- Приглашений: 0
- Сообщений: 217
- Уважение: [+5/-0]
- Позитив: [+2/-0]
- Провел на форуме:
2 дня 1 час - Последний визит:
2016-06-02 22:31:03
как вставить иконки в стиль?
Структура style.css
Код:
/* C2.14 */
.punbb tbody.hasicon td.tcl {
padding-left: 3.2em
}
/* C2.15 */
.punbb div.icon {
border-style: solid;
border-width: 0.6em 0.6em 0.6em 0.6em;
width: 50px;
height: 47px;
margin-right: 7px;}
line-height: 0.0;
margin-top: 0.1em;
width: 0;
}padding-left: 3.2em - (в em, px, %) пригодится чтобы выровнить описание форума: 
причем отступ должен быть чуть больше чем ширина иконки
width: 50px; - ширина иконки
height: 47px; - высота иконки
Цвета style_cs.css
находим
/* CS4 Post status icons
-------------------------------------------------------------*/
ниже добавляем следующие элементы:
Код:
div.icon {
background: url(Ссылка на иконку старой темы) no-repeat;
}Код:
tr.inew div.icon {
background: url(Ссылка на иконку новой темы) no-repeat;
}Код:
tr.iclosed div.icon {
background: url(Ссылка на иконку закрытой темы) no-repeat;
}Код:
tr.iredirect div.icon {
background: url(Ссылка на иконку важной темы) no-repeat;
}Код:
tr.isticky div.icon {
background: url(Ссылка на иконку перемещенной темы) no-repeat;
}Как поставить картинку в статистику?
Код:
#pun-stats ul.container {
background: transparent url(Ссылка на картинку в статистику) no-repeat 5px 5px; (отступ слева и сверху)
padding-left: 50px; (отступ слева под картинку, задается чуть больше ширины картинки )
}
#pun-stats div.statscon {
background: url(Ссылка на картинку в фон статистики) no-repeat;
}Поделиться42010-06-10 16:05:05
- Администратор
- Зарегистрирован: 2009-09-24
- Приглашений: 0
- Сообщений: 217
- Уважение: [+5/-0]
- Позитив: [+2/-0]
- Провел на форуме:
2 дня 1 час - Последний визит:
2016-06-02 22:31:03
Как поставить задний фон??
Цвета style_cs.css
находим
Код:
/* CS1.1 */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {
background-color: #ffffff;
color: #000000;
}добаляем элемент
Код:
body {
background-image: url(Ссылка на картинку); repeat right; background-attachment: fixed;
}получаем
Код:
body {
background-image: url(Ссылка на картинку); repeat right; background-attachment: fixed;
}
/* CS1.1 */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {
background-color: #d9deda;
color: #000000;
}background-attachment: fixed; - Свойство background-attachment устанавливает, будет ли прокручиваться фоновое изображение вместе с содержимым элемента. Изображение может быть зафиксировано и оставаться неподвижным, либо перемещаться совместно с документом.
Значения:
fixed - Делает фоновое изображение элемента неподвижным.
scroll - Позволяет перемещаться фону вместе с содержимым.
repeat right; - повторение фонового изображения
right - только вправо
left - только влево
top - и вправо и влево
no-repeat - не повторять
Страница: 1
