Фон форума

Есть любые вопросы, связанные со стилями/темами для phpBB 2.0.x? Задайте их здесь!

Сообщение Siava 06.10.2006 16:54

a1
В этом файле (header) пути указываются от корня форума, например templates/subSilver/images/...
Генератор db_update-файлов для phpBB 2.0
Еще одно нарушение правил и будете забанены.
© Mr. Anderson
Аватара пользователя
Siava
phpBB 3.0.2
 
Сообщения: 2718
Зарегистрирован: 11.01.2005 15:29
Откуда: Питер

Сообщение a1 06.10.2006 17:51

Ну поменял. не фига не получается опять белый фон!

Добавлено спустя 4 минуты 47 секунд:

всё работает!!!
я нашёл ошибку надо было "background-color" поменять на просто "background"

ВСЕМ БОЛЬШОЕ СПАСИБО!!!!
a1
phpBB 1.2.0
 
Сообщения: 16
Зарегистрирован: 20.09.2006 2:41

Сообщение MXM 01.11.2006 12:58

Вообщем, делается это так:
1. В случае, если не используется файл стилей subSilver.css:
Код: Выделить всё
#
#-----[ OPEN ]------------------------------------------
#
overall_header.tpl AND simple_header.tpl (если нужно вставить фон в поп-ап окно смайлов) AND admin/page_header.tpl (если нужно вставить фон в админку)

#
#-----[ FIND ]------------------------------------------
#
body {

#
#-----[ AFTER, ADD ]------------------------------------------
#
background-image: url(templates/subSilver/images/{T_BODY_BACKGROUND});
2. В случае, если используется файл стилей subSilver.css:
Код: Выделить всё
#
#-----[ OPEN ]------------------------------------------
#
subSilver.css

#
#-----[ FIND ]------------------------------------------
#
body {

#
#-----[ AFTER, ADD ]------------------------------------------
#
background-image: url(templates/subSilver/images/Ваша_Картинка.*);
В обоих случаях надо закачать картинку в папку:
templates/subSilver/images/
В случае, если нужно выравнить изображение по горизонтали и вертикали применять соответсующие тэги типа:
background-repeat:
background-position:
Вообщем о них почитайте по подробнее...

Пользуйтесь. Проверено электроникой. :wink:
Последний раз редактировалось MXM 01.11.2006 15:04, всего редактировалось 2 раз(а).
Аватара пользователя
MXM
phpBB 2.0.12
 
Сообщения: 585
Зарегистрирован: 17.08.2004 13:45
Откуда: Санкт-Петербург

Сообщение Палыч 01.11.2006 14:56

MXM писал(а):background-image: url(templates/subSilver/images/images/Ваша_Картинка.*);
Подкачала электроника 8)

Добавлено спустя 1 минуту 9 секунд:

Да и subSilver не у всех :wink:
Не все то WINDOWS, что висит... phpBB только учусь.
ICQ, email, ЛС - только для личных сообщений. Вопросы по phpbb только на форумах. По найму не работаю.
Никогда не бойся делать то, что ты пока не умеешь. Помни, что Ковчег был построен любителем. Профессионалы строили Титаник...
Аватара пользователя
Палыч
Просто Палыч
 
Сообщения: 6293
Зарегистрирован: 24.05.2006 23:20
Откуда: Питер

Сообщение MXM 01.11.2006 15:01

Палыч, электронике свойственно ошибаться... :wink: поторопился... исправлено... спасибо.
Палыч, еще раз, все что не делается все делается для subSilver, у кого другая шкура пусть хоть капельку включат мозги.. :wink: Но, а если не получиться, то постараемся помочь.
Аватара пользователя
MXM
phpBB 2.0.12
 
Сообщения: 585
Зарегистрирован: 17.08.2004 13:45
Откуда: Санкт-Петербург

Сообщение Stema 14.11.2006 12:20

Помогите теперь мне..Не думал что я настолько глупый... :( У меня тема SubSilver, хочу в ней сменить фон на картинку dkback.gif .Что мне нужно в сss поменять? Или добавить. А также в overall_.....tpl ? Помгите рядовому чайников :) Очень прошу

/*
The original subSilver Theme for phpBB version 2+
Created by subBlue design
http://www.subBlue.com
*/


/* General page style. The scroll bar colours only visible in IE5.5+ */
body {
background-color: #E5E5E5;
scrollbar-face-color: #DEE3E7;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #DEE3E7;
scrollbar-3dlight-color: #D1D7DC;
scrollbar-arrow-color: #006699;
scrollbar-track-color: #EFEFEF;
scrollbar-darkshadow-color: #98AAB1;
}

/* General font families for common tags */
font,th,td,p { font-family: Verdana, Arial, Helvetica, sans-serif }
a:link,a:active,a:visited { color : #006699; }
a:hover { text-decoration: underline; color : #DD6900; }
hr { height: 0px; border: solid #D1D7DC 0px; border-top-width: 1px;}


/* This is the border line & background colour round the entire page */
.bodyline { background-color: #FFFFFF; border: 1px #98AAB1 solid; }

/* This is the outline round the main forum tables */
.forumline { background-color: #FFFFFF; border: 2px #006699 solid; }


/* Main table cell colours and backgrounds */
td.row1 { background-color: #EFEFEF; }
td.row2 { background-color: #DEE3E7; }
td.row3 { background-color: #D1D7DC; }


/*
This is for the table cell above the Topics, Post & Last posts on the index.php page
By default this is the fading out gradiated silver background.
However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
background-color: #FFFFFF;
background-image: url(images/cellpic2.jpg);
background-repeat: repeat-y;
}

/* Header cells - the blue and silver gradient backgrounds */
th {
color: #FFA34F; font-size: 11px; font-weight : bold;
background-color: #006699; height: 25px;
background-image: url(images/cellpic3.gif);
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
background-image: url(images/cellpic1.gif);
background-color:#D1D7DC; border: #FFFFFF; border-style: solid; height: 28px;
}


/*
Setting additional nice inner borders for the main table cells.
The names indicate which sides the border will be on.
Don't worry if you don't understand this, just ignore it :-)
*/
td.cat,td.catHead,td.catBottom {
height: 29px;
border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
font-weight: bold; border: #FFFFFF; border-style: solid; height: 28px; }
td.row3Right,td.spaceRow {
background-color: #D1D7DC; border: #FFFFFF; border-style: solid; }

th.thHead,td.catHead { font-size: 12px; border-width: 1px 1px 0px 1px; }
th.thSides,td.catSides,td.spaceRow { border-width: 0px 1px 0px 1px; }
th.thRight,td.catRight,td.row3Right { border-width: 0px 1px 0px 0px; }
th.thLeft,td.catLeft { border-width: 0px 0px 0px 1px; }
th.thBottom,td.catBottom { border-width: 0px 1px 1px 1px; }
th.thTop { border-width: 1px 0px 0px 0px; }
th.thCornerL { border-width: 1px 0px 0px 1px; }
th.thCornerR { border-width: 1px 1px 0px 0px; }


/* The largest text used in the index page title and toptic title etc. */
.maintitle,h1,h2 {
font-weight: bold; font-size: 22px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
text-decoration: none; line-height : 120%; color : #000000;
}


/* General text */
.gen { font-size : 12px; }
.genmed { font-size : 11px; }
.gensmall { font-size : 10px; }
.gen,.genmed,.gensmall { color : #000000; }
a.gen,a.genmed,a.gensmall { color: #006699; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover { color: #DD6900; text-decoration: underline; }


/* The register, login, search etc links at the top of the page */
.mainmenu { font-size : 11px; color : #000000 }
a.mainmenu { text-decoration: none; color : #006699; }
a.mainmenu:hover{ text-decoration: underline; color : #DD6900; }


/* Forum category titles */
.cattitle { font-weight: bold; font-size: 12px ; letter-spacing: 1px; color : #006699}
a.cattitle { text-decoration: none; color : #006699; }
a.cattitle:hover{ text-decoration: underline; }


/* Forum title: Text and link to the forums used in: index.php */
.forumlink { font-weight: bold; font-size: 12px; color : #006699; }
a.forumlink { text-decoration: none; color : #006699; }
a.forumlink:hover{ text-decoration: underline; color : #DD6900; }


/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav { font-weight: bold; font-size: 11px; color : #000000;}
a.nav { text-decoration: none; color : #006699; }
a.nav:hover { text-decoration: underline; }


/* titles for the topics: could specify viewed link colour too */
.topictitle { font-weight: bold; font-size: 11px; color : #000000; }
a.topictitle:link { text-decoration: none; color : #006699; }
a.topictitle:visited { text-decoration: none; color : #5493B4; }
a.topictitle:hover { text-decoration: underline; color : #DD6900; }


/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name { font-size : 11px; color : #000000;}

/* Location, number of posts, post date etc */
.postdetails { font-size : 10px; color : #000000; }


/* The content of the posts (body of text) */
.postbody { font-size : 12px;}
a.postlink:link { text-decoration: none; color : #006699 }
a.postlink:visited { text-decoration: none; color : #5493B4; }
a.postlink:hover { text-decoration: underline; color : #DD6900}


/* Quote & Code blocks */
.code {
font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #006600;
background-color: #FAFAFA; border: #D1D7DC; border-style: solid;
border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.quote {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #444444; line-height: 125%;
background-color: #FAFAFA; border: #D1D7DC; border-style: solid;
border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}


/* Copyright and bottom info */
.copyright { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #444444; letter-spacing: -1px;}
a.copyright { color: #444444; text-decoration: none;}
a.copyright:hover { color: #000000; text-decoration: underline;}


/* Form elements */
input,textarea, select {
color : #000000;
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
border-color : #000000;
}

/* The text input fields background colour */
input.post, textarea.post, select {
background-color : #FFFFFF;
}

input { text-indent : 2px; }

/* The buttons used for bbCode styling in message post */
input.button {
background-color : #EFEFEF;
color : #000000;
font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* The main submit button option */
input.mainoption {
background-color : #FAFAFA;
font-weight : bold;
}

/* None-bold submit button */
input.liteoption {
background-color : #FAFAFA;
font-weight : normal;
}

/* This is the line in the posting page which shows the rollover
help line. This is actually a text box, but if set to be the same
colour as the background no one will know ;)
*/
.helpline { background-color: #DEE3E7; border-style: none; }


/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("formIE.css");
Stema
phpBB 1.2.0
 
Сообщения: 11
Зарегистрирован: 10.11.2006 2:15

Сообщение Палыч 14.11.2006 16:32

Stema
Ну вот же, двумя постами выше :shock:
Не все то WINDOWS, что висит... phpBB только учусь.
ICQ, email, ЛС - только для личных сообщений. Вопросы по phpbb только на форумах. По найму не работаю.
Никогда не бойся делать то, что ты пока не умеешь. Помни, что Ковчег был построен любителем. Профессионалы строили Титаник...
Аватара пользователя
Палыч
Просто Палыч
 
Сообщения: 6293
Зарегистрирован: 24.05.2006 23:20
Откуда: Питер

Сообщение /DiOs 14.11.2006 17:36

Палыч
"Угадал все буквы, но не смог прочесть слова" (С)
И если я неправ, пусть старшие товарищи поправят меня
Аватара пользователя
/DiOs
Шестой лесничий
Шестой лесничий
 
Сообщения: 1189
Зарегистрирован: 21.02.2006 8:53
Откуда: Ленинград

Сообщение Stema 14.11.2006 17:40

Ничо не понял...
Stema
phpBB 1.2.0
 
Сообщения: 11
Зарегистрирован: 10.11.2006 2:15

Сообщение /DiOs 14.11.2006 17:51

Что, глаза боитесь поднять? не бойтесь, это не глаза профессора Плейшнера... http://phpbbguru.net/community/viewtopic.php?p=107402#107402
И если я неправ, пусть старшие товарищи поправят меня
Аватара пользователя
/DiOs
Шестой лесничий
Шестой лесничий
 
Сообщения: 1189
Зарегистрирован: 21.02.2006 8:53
Откуда: Ленинград

Сообщение Stema 14.11.2006 19:03

Вот у меня я поменял вроди правильно. А все как было так и осталось


body {
background-image: url(templates/subSilver/images/images/fon.jpg);
background-color: #E5E5E5;
scrollbar-face-color: #DEE3E7;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #DEE3E7;
scrollbar-3dlight-color: #D1D7DC;
scrollbar-arrow-color: #006699;
scrollbar-track-color: #EFEFEF;
scrollbar-darkshadow-color: #98AAB1;
}




Выше говорилось что в overall_header.tpl ,что тут и на что менять?
Stema
phpBB 1.2.0
 
Сообщения: 11
Зарегистрирован: 10.11.2006 2:15

Сообщение Палыч 14.11.2006 20:41

Stema писал(а): в overall_header.tpl

Попробуй так
Код: Выделить всё
</head>
<body BACKGROUND="http://ваш_форум/templates/subSilver/images/images/fon.jpg"...
Не все то WINDOWS, что висит... phpBB только учусь.
ICQ, email, ЛС - только для личных сообщений. Вопросы по phpbb только на форумах. По найму не работаю.
Никогда не бойся делать то, что ты пока не умеешь. Помни, что Ковчег был построен любителем. Профессионалы строили Титаник...
Аватара пользователя
Палыч
Просто Палыч
 
Сообщения: 6293
Зарегистрирован: 24.05.2006 23:20
Откуда: Питер

Сообщение Stema 15.11.2006 0:50

Что значит три точки объясните пожалуйста. Я просто занялся форумом только в четверг, в пятницу тока поставил, практически ничего к сожалению незнаю.
Stema
phpBB 1.2.0
 
Сообщения: 11
Зарегистрирован: 10.11.2006 2:15

Сообщение Палыч 15.11.2006 1:01

Stema писал(а):Что значит три точки

Продолжение следует :D
Код: Выделить всё
</head>
<body BACKGROUND="http://ваш_форум/templates/subSilver/images/images/fon.jpg" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
Не все то WINDOWS, что висит... phpBB только учусь.
ICQ, email, ЛС - только для личных сообщений. Вопросы по phpbb только на форумах. По найму не работаю.
Никогда не бойся делать то, что ты пока не умеешь. Помни, что Ковчег был построен любителем. Профессионалы строили Титаник...
Аватара пользователя
Палыч
Просто Палыч
 
Сообщения: 6293
Зарегистрирован: 24.05.2006 23:20
Откуда: Питер

Сообщение direqtor 15.11.2006 8:09

Stema писал(а):Вот у меня я поменял вроди правильно. А все как было так и осталось


body {
background-image: url(templates/subSilver/images/images/fon.jpg);
background-color: #E5E5E5;
scrollbar-face-color: #DEE3E7;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #DEE3E7;
scrollbar-3dlight-color: #D1D7DC;
scrollbar-arrow-color: #006699;
scrollbar-track-color: #EFEFEF;
scrollbar-darkshadow-color: #98AAB1;
}

Выше говорилось что в overall_header.tpl ,что тут и на что менять?

Путь к картинке в файле стилей (с расширением CSS) должен быть написан относительно файла стилей
Код: Выделить всё
background-image: url(images/fon.jpg);

Путь к картинке в файле шаблона (с расширением TPL) должен быть написан относительно корня форума
Код: Выделить всё
background-image: url(templates/subSilver/images/fon.jpg);

Куда ведет путь, указанный в вышеприведенном примере, я, боюсь, даже местным телепатам неизвестно :D
Аватара пользователя
direqtor
phpBB 1.4.1
 
Сообщения: 42
Зарегистрирован: 07.06.2006 4:54
Откуда: Владивосток

Пред.След.

Вернуться в Стили для phpBB 2.0.x

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 0