X   Сообщение сайта
(Сообщение закроется через 2 секунды)

Здравствуйте, гость ( Вход | Регистрация )

2 страниц Открыть меню   1 2 >  
Ответить в данную темуНачать новую тему
> Фон
Kaname26
сообщение 2012-01-24, 17:29
Сообщение #1
Любитель
Иконка группы

Группа: Eleanor user
Сообщений: 395
Регистрация: 2010-03-09

Репутация:   нет  
Всего: нет


Кто может или кто скажет как поменять задний фон в стандартном шаблоне просто по тематике на сайте очень надо =) Спасибо .

Добавлено через 2 минут, 6 секунд:

Мне типо картинку на задний фон поставить надо =))
Перейти в начало страницы
+Цитировать сообщение
Don53_Empire
сообщение 2012-01-24, 17:45
Сообщение #2
Новичок
Иконка группы

Группа: Eleanor user
Сообщений: 50
Регистрация: 2012-01-05
Из: Сибирь, Заринск

Репутация:   нет  
Всего: нет


Kaname26, заходите в папку style (находится в папку с шаблоном), открываете файл main.css, находите строчку:
.page_bg {
	text-align: center;
	background-color: #f2f2f2;

Эм...подробнее о картинку, как хотите разместить и т.п.

Сообщение отредактировал Don53_Empire - 2012-01-24, 17:48
Перейти в начало страницы
+Цитировать сообщение
Kaname26
сообщение 2012-01-24, 17:49
Сообщение #3
Любитель
Иконка группы

Группа: Eleanor user
Сообщений: 395
Регистрация: 2010-03-09

Репутация:   нет  
Всего: нет


Мне надо чтобы вот такой же фон был =)) примерно http://www.dkpopnews.net/
Перейти в начало страницы
+Цитировать сообщение
Don53_Empire
сообщение 2012-01-24, 17:54
Сообщение #4
Новичок
Иконка группы

Группа: Eleanor user
Сообщений: 50
Регистрация: 2012-01-05
Из: Сибирь, Заринск

Репутация:   нет  
Всего: нет


Kaname26, ок, тогда заменяете строчку выше вот на это:
.page_bg {
	text-align: center;
	backgroun: url('../images/bg.jpg') center fixed;


Добавлено через 1 минут, 2 секунд:

Где /images/bg.jpg путь до картинки, картинка должна лежать в папке: images папки шаблона.
Перейти в начало страницы
+Цитировать сообщение
Kaname26
сообщение 2012-01-24, 18:00
Сообщение #5
Любитель
Иконка группы

Группа: Eleanor user
Сообщений: 395
Регистрация: 2010-03-09

Репутация:   нет  
Всего: нет


Разрешение какое картинки без разницы ?? =))
Перейти в начало страницы
+Цитировать сообщение
Don53_Empire
сообщение 2012-01-24, 18:02
Сообщение #6
Новичок
Иконка группы

Группа: Eleanor user
Сообщений: 50
Регистрация: 2012-01-05
Из: Сибирь, Заринск

Репутация:   нет  
Всего: нет


Ну да, если не хотите чтобы повторялось, то пропишите:
.page_bg {
	text-align: center;
	backgroun: url('../images/bg.jpg') center fixed no-repeat;
Перейти в начало страницы
+Цитировать сообщение
Kaname26
сообщение 2012-01-24, 18:17
Сообщение #7
Любитель
Иконка группы

Группа: Eleanor user
Сообщений: 395
Регистрация: 2010-03-09

Репутация:   нет  
Всего: нет


Хм странно какой фон был такой и остался =) http://k-galaxy.ru/
Перейти в начало страницы
+Цитировать сообщение
Don53_Empire
сообщение 2012-01-24, 18:46
Сообщение #8
Новичок
Иконка группы

Группа: Eleanor user
Сообщений: 50
Регистрация: 2012-01-05
Из: Сибирь, Заринск

Репутация:   нет  
Всего: нет


Kaname26, картинка лежит в папке images?
Перейти в начало страницы
+Цитировать сообщение
Kaname26
сообщение 2012-01-24, 18:56
Сообщение #9
Любитель
Иконка группы

Группа: Eleanor user
Сообщений: 395
Регистрация: 2010-03-09

Репутация:   нет  
Всего: нет


угу вот .../templates/Uniel/images/bg.jpg

Добавлено через 0 минут, 29 секунд:

http://k-galaxy.ru/templates/Uniel/images/bg.jpg вот =)
Перейти в начало страницы
+Цитировать сообщение
Don53_Empire
сообщение 2012-01-24, 19:21
Сообщение #10
Новичок
Иконка группы

Группа: Eleanor user
Сообщений: 50
Регистрация: 2012-01-05
Из: Сибирь, Заринск

Репутация:   нет  
Всего: нет


CSS файл заменили?
Перейти в начало страницы
+Цитировать сообщение
Kaname26
сообщение 2012-01-24, 19:59
Сообщение #11
Любитель
Иконка группы

Группа: Eleanor user
Сообщений: 395
Регистрация: 2010-03-09

Репутация:   нет  
Всего: нет


/*
	Copyright © Eleanor CMS
	URL: http://eleanor-cms.ru, http://eleanor-cms.com
	E-mail: support@eleanor-cms.ru
	Developing: Alexander Sunvas*
	Interface: Rumin Sergey
	=====
	*Pseudonym
*/

html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset { margin:0; padding:0; word-wrap:break-word; }
h1, h2, h3, h4, h5, pre, code, address, caption, cite, table, font { font-size: 1em; font-style: normal; font-weight: normal; }
h1, h2, h3, h4, h5, body { font-family: Tahoma, Arial, Verdana, sans-serif; }
h1, h2, h3, h4, h5 { line-height: 1.2em; }
h1 { font-size: 2em; } h2 { font-size: 1.6em; font-family: Arial, Verdana, sans-serif; letter-spacing: -0.01em; } h3 { font-size: 1.20em; font-weight: bold; } h4 { font-size: 1.2em; font-weight: bold; } h5 { font-weight: bold; font-size: 1.0em; }
a { color: #469ebf; text-decoration: none; outline: none; }
a:hover { text-decoration: underline; }
input, textarea, select { font-size: 1em; font-family: Tahoma, Arial, Verdana, sans-serif; outline: none; }
body { color: #000; background-color: #FFFFFF; font-size: 0.70em; font-style: normal; font-weight: normal; line-height: 1.4em; }
.reset, .reset li, #pager ul, #pager ul li { margin: 0; padding: 0; list-style: none; }

.listing li.listing { padding: 3px 4px; border: 1px solid #E0E0E0; margin-bottom: 2px; }
.listing li.listing:hover { background-color: #f9f9f9; }


/*НАСТРОЙКА ФОНА*/
.page_bg {
	text-align: center;
	backgroun: url('../images/bg.jpg') center fixed;
}

/*Other*/
p { padding: 0; margin: 0 0 0.4em 0; }
.clr { clear: both; }
img  { border:0 none; }
img.left { float: left; margin: 2px 20px 16px 0; }
img.right { float: right; margin: 2px 0 16px 20px; }
hr	{ border: none; border-top: 1px solid #cfcfcf; }
strong { font-weight: bold; }

.lcolomn { float: left; display: inline; }
.rcolomn { float: right; display: inline; }
table { border-collapse: collapse; border-spacing: 0; border: 0 none; }

/*UL, LI*/
ul {
    margin: 0;
    padding-left: 16px;
    list-style-position:outside;
    list-style-image:none;
}

ul li { margin: 0; padding: 0; }

ol {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: decimal;
	margin-bottom: 18px;
	margin-left: 2.2em;
}

/*===== ОБЩЕЕ ОФОРМЛЕНИЕ =====*/
/*ОСНОВНОЙ БЛОК ШАБЛОНА*/
.wrapper {
	margin: auto;
	width: 981px;
	text-align: left;
	padding-top: 15px;
	padding-bottom: 15px;
}

/*dleft, dright*/
.dleft, .dright { background-position: left; background-repeat: repeat-y; background-color: transparent; }
.dright { background-position: right; }

/*headerboxic  - Настройка шапки где расположен логотип и баннер*/
#headerboxic, #headerboxic .dleft, #headerboxic .dright { height: 71px; } /*Высота*/
#headerboxic { margin-bottom: 3px; background: #ffffff url("../images/eleanortemplate_bg_xaxa.png") repeat-x left -71px; position: relative; }
#headerboxic .dleft { padding-left: 15px; background: transparent url("../images/eleanortemplate_bg_xaxa.png") repeat-y left 0; }
#headerboxic .dright { padding-right: 5px; background: transparent url("../images/eleanortemplate_bg_xaxa.png") repeat-y right -142px; }

.logotype {	float: left; position: relative; top: 8px; } /*НАСТРОЙКА ЛОГОТИПА*/
.headbanner { float: right; position: relative; top: 5px; }
.headbanner img { width: 468px; height: 60px; }


/*menuhead - Настройка верхнего меню СТРОКА 1*/
#menuhead, #menuhead .dleft, #menuhead .dright { height: 41px; }
#menuhead { margin-bottom: 3px; background: #4c4c4c url("../images/eleanortemplate_bg_xaxa.png") repeat-x left -254px; }
#menuhead .dleft { padding-left: 12px; background: transparent url("../images/eleanortemplate_bg_xaxa.png") repeat-y left -213px; }
#menuhead .dright { padding-right: 12px; background: transparent url("../images/eleanortemplate_bg_xaxa.png") repeat-y right -295px; }

/*container - содержательная центральная часть*/
.container { }

.mainbox {
	float: right;
	width: 760px; height: auto;
}

#maincolR {
	float: left;
	width: 539px; height: auto;
}

#maincol {
	float: left;
	width: 760px; height: auto;
}

/*leftcol - левая колонка для блоков*/
#leftcol {
	float: left;
	width: 218px; height: auto;
}

#rightcol {
	float: right;
	width: 218px; height: auto;
}

#rightcol a { color: #aad8ed; }

/*footer - нижняя часть*/
#footmenu, #footmenu .dleft, #footmenu .dright { height: 24px; } /*Высота*/
#footmenu { margin-bottom: 3px; background: #4c4c4c url("../images/eleanortemplate_bg_xaxa.png") repeat-x left -360px; }
#footmenu .dleft { padding-left: 12px; background: transparent url("../images/eleanortemplate_bg_xaxa.png") repeat-y left -336px; }
#footmenu .dright { padding-right: 9px; background: transparent url("../images/eleanortemplate_bg_xaxa.png") repeat-y right -384px; }

/*TOP BTN*/
a.top-top {
	float: right;
	outline: none;
	position: relative;
	top: 4px;
}

a.top-top:hover {
	background-position: left bottom;
}

/*footer - нижняя часть*/
#footer, #footer .dleft, #footer .dright { height: 50px; } /*Высота*/
#footer { margin-bottom: 6px; background: #4991c3 url("../images/eleanortemplate_bg_xaxa.png") repeat-x left -458px; }
#footer .dleft { padding-left: 25px; background: transparent url("../images/eleanortemplate_bg_xaxa.png") repeat-y left -408px; }
#footer .dright { padding-right: 9px; background: transparent url("../images/eleanortemplate_bg_xaxa.png") repeat-y right -508px; }


/*copyright - Копирайты*/
.copyright {
	float: left;
	color: #595959;
	padding-top: 15px;
}

.copyright a { color: #595959; }

/*===СЧЕТЧИКИ===*/
div.count {
	float: right;
	display: inline;
	padding-top: 9px;
}

div.count span {
	display: block;
	float: left;
	height: 31px;
	margin-right: 2px;
}

#syscopyright {
	padding-left: 25px;
	padding-right: 25px;
	font-size: 0.9em;
	line-height: 15px;
	color: #b1b1b1;
}

#syscopyright a { color: #616161; }

.centroarts { float: right; }

.twocol .colomn { float: left; width: 50%; margin: 0 -1px; }
.threecol .colomn { float: left; width: 33.3%; }

.avatarcol { padding: 0 0 0 90px; }
.avatarcol .lcolomn { margin: 0 0 0 -90px;  width: 90px; overflow: hidden; }
.avatarcol .rcolomn { width: 100%; }
.avatarcol .avatarbox img { width: 80px; }

/*tooltip*/
.tooltip { z-index:1000; text-align:left;	border:1px solid #d9dee3; padding: 8px; min-width:50px; max-width:400px; background-color:#f2f4f6;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}

.tooltip .tip-arrow-top, .tooltip .tip-arrow-right,
.tooltip .tip-arrow-bottom, .tooltip .tip-arrow-left { width: 10px; height: 10px; background: url("../images/tip_arrows.png") no-repeat; }
.tooltip .tip-arrow-top, .tooltip .tip-arrow-left { margin-top: -10px; margin-left: 6px; top: 0; left: 0; }
.tooltip .tip-arrow-right { margin-top:6px; margin-left:0; top:0; left:100%; background-position: -10px 0; }
.tooltip .tip-arrow-bottom { margin-top:0; margin-left:6px; top:100%; left:0; background-position: -20px 0; }
.tooltip .tip-arrow-left { margin-top:6px; margin-left:-10px; background-position: -30px 0; }

/*tabs*/
.linetabs { padding: 0 4px; margin: 0 0 5px 0; height: 33px; overflow: hidden; background: #e4e5e5 url("../../Audora/images/htools.png") repeat-x 0 -342px; }
.linetabs li { display: inline; }
.linetabs a, .linetabs a b { float: left; height: 23px; cursor: pointer; font-weight: normal; text-decoration: none; }
.linetabs a { color: #505252; line-height: 22px; margin: 9px 1px 0 0; background: #c6c6c6 url("../../Audora/images/htools.png") no-repeat 0 -421px; }
.linetabs a b { background: url("../../Audora/images/htools.png") no-repeat 100% -375px; padding: 0 12px; }

.linetabs a:hover { background-position: 0 -444px; background-color: #fdfdfd; }
.linetabs a:hover b { background-position: 100% -398px; }

.linetabs a.selected, .linetabs a.selected b { height: 28px; }
.linetabs a.selected { line-height: 27px; margin: 5px 1px 0 0; background-position: 0 -495px; background-color: #fff; }
.linetabs a.selected b {  background-position: 100% -467px; }

.tabcontent { display: none; }
@media print {
.tabcontent {
	display: block !important;
}
}

/*table style*/
.tabstyle, .filtertable { width: 100%; }
.tabstyle td, .tabstyle th, .filtertable td { padding: 7px 10px; }
.tabform .first td { padding-top: 3px; }
.tabstyle th { text-align: center; }
.tabstyle td, .filtertable td { border: 1px solid #dbdbdb; background: url("../../Audora/images/tablerow.png") repeat-x 0 100%; }
.tabstyle td table.inside td { background: none; padding: 0; border: 0 none; }
.tabstyle .tabletrline2:hover td, .tabstyle .tabletrline1:hover td { background: #f1f1f1; }
.filtertable td { border-width: 0 0 1px 0; }

.tabform td { border-width: 0 0 1px 0; vertical-align: top; }
.tabform .tabletrline2:hover td, .tabform .tabletrline1:hover td { background: url("../../Audora/images/tablerow.png") repeat-x 0 100%; }

.tablethhead th { padding: 5px 10px; color: #fff; font-size: 0.9em; border: 1px solid #373839; background: #57595a url("../../Audora/images/tablethhead.png") repeat-x 0 100%; }
.tablethhead th a { color: #fff; }
.infolabel td { background: none; padding-top: 14px; border-bottom: 2px solid #9fa3aa; text-align: left; font-size: 1.5em; padding-top:15px !important;}

.function { text-align: right; }
	.function img { vertical-align: middle; margin: 0 2px; }

.submitline { padding: 10px 8px 5px 8px; text-align: center; background: url("../../Audora/images/submitline.png") repeat-x 0 0; }
button, input[type=button], input[type=submit] {
	border: 1px solid #bdbdbd; color: #747474; font-weight: bold; cursor: pointer;
	background: #fff url("../../Audora/images/buttons.png") repeat-x 0 100%;
	padding-bottom: 3px; padding-top: 3px;
	-moz-border-radius-bottomleft:12px;
	-moz-border-radius-bottomright:12px;
	-moz-border-radius-topleft:12px;
	-moz-border-radius-topright:12px;
}
button.button:hover, input.button:hover { color: #4c4c4c; background: #fff; }

.label { font-weight: bold; text-align: right; vertical-align: top; width: 200px; color: #525252; }
.label .small { font-weight: normal; line-height: 1.3em; }
.imp { color: #d34b4b; font-weight: normal; }
.labinfo {cursor:help;display: inline-block; white-space: nowrap; margin: -2px 2px 0 0; vertical-align: middle; line-height: 40px; height: 13px; width: 16px; overflow: hidden; background: url("../../Audora/images/labinfo.png") no-repeat 0 0; }

/*upload image*/
.screenblock { color: #757575; vertical-align: middle; text-align: center; display: table-cell; background-color: #ebe9e5; border: 1px solid #c9c7c3; }

/*Вкладка заполнения других языков*/
ul.editlang, ul.editlang li { list-style: none; padding: 0; margin: 0; }
.ol_heading { background: #fff url("../images/submitline.png") repeat-x 0 0; border-bottom: 1px solid #d6d6d6; border-top: 1px solid #ededed; font-weight: bold; padding: 5px; display: block; }
.ol_heading img { float: left; margin-right: 8px; }

/*в настройках*/
.langtabcont { float: left; padding: 4px; border: 1px solid #dbddde; }
.langtabs { clear: both; }
.langtabs img { width: 20px; height: 16px; padding: 3px; border: 0 solid #dbddde; margin-top: -1px; }
.langtabs .selected img { border-width: 0 1px 1px 1px; background-color: #fff; }

/* Личные сообщения */
a.isnewpm { font-weight:bold }
#pm div.status { text-align:center; padding:7px;margin:7px 0; display:none; border:1px gray dotted; }
#pm div.ok { background-color:lightgreen; }
#pm div.error { background-color:#f88; }
#pm div.load { background-color:lightblue; }


Добавлено через 0 минут, 19 секунд:

Так же?=)
Перейти в начало страницы
+Цитировать сообщение
Screatch
сообщение 2012-01-24, 20:21
Сообщение #12
Опытный
Иконка группы

Группа: Eleanor TEAM
Сообщений: 717
Регистрация: 2008-11-11
Из: Таллинн

Репутация:   нет  
Всего: 20


У вас ошибка, вместо backgroun напишите background
Перейти в начало страницы
+Цитировать сообщение
Kaname26
сообщение 2012-01-24, 20:26
Сообщение #13
Любитель
Иконка группы

Группа: Eleanor user
Сообщений: 395
Регистрация: 2010-03-09

Репутация:   нет  
Всего: нет


Вооо от души Спасибо =))
Перейти в начало страницы
+Цитировать сообщение
Kaname26
сообщение 2012-01-24, 22:25
Сообщение #14
Любитель
Иконка группы

Группа: Eleanor user
Сообщений: 395
Регистрация: 2010-03-09

Репутация:   нет  
Всего: нет


Еще вопросик вот например у меня две картинки как сделать чтобы они менялись? =) по очереди =))
Перейти в начало страницы
+Цитировать сообщение
Screatch
сообщение 2012-01-24, 22:34
Сообщение #15
Опытный
Иконка группы

Группа: Eleanor TEAM
Сообщений: 717
Регистрация: 2008-11-11
Из: Таллинн

Репутация:   нет  
Всего: 20


Менялся фон?

Первое что приходит в голову это написать небольшой php код который генерирует случайное значение, 1 или 0 например, если значение 1 то в body class используем один класс, если 2 то другой.

<?php
$value = rand(0,1);

if ($value == 0) $class=".page_bg1";
else $class = ".page_bg2";
?>

и в шаблоне тогда вместо
<body class="page_bg">
пишем
<body class="<?php echo $class; ?>">

Само собой нужно будет добавить необходимые стили для классов с разными фоновыми изображениями.

Код не проверял но в теории должен работать.

Сообщение отредактировал Screatch - 2012-01-24, 22:35
Перейти в начало страницы
+Цитировать сообщение
Kaname26
сообщение 2012-01-24, 23:24
Сообщение #16
Любитель
Иконка группы

Группа: Eleanor user
Сообщений: 395
Регистрация: 2010-03-09

Репутация:   нет  
Всего: нет


Спасибо попробую отпишу сюда =)
Перейти в начало страницы
+Цитировать сообщение
Phoenix84
сообщение 2012-01-25, 12:30
Сообщение #17
Любитель
Иконка группы

Группа: Eleanor user
Сообщений: 231
Регистрация: 2010-03-31
Версия системы: RC5

Репутация:   нет  
Всего: нет


А можно делать так же как предложил Screatch, но изменять не class а style и тогда можно будет подставлять вообще любую картинку из папки, а не описанные в классах
Перейти в начало страницы
+Цитировать сообщение
Don53_Empire
сообщение 2012-01-25, 13:34
Сообщение #18
Новичок
Иконка группы

Группа: Eleanor user
Сообщений: 50
Регистрация: 2012-01-05
Из: Сибирь, Заринск

Репутация:   нет  
Всего: нет


Phoenix84, мне кажется через Java Script можно осуществить.
Перейти в начало страницы
+Цитировать сообщение
kentik
сообщение 2013-02-27, 14:05
Сообщение #19
Новичок
Иконка группы

Группа: Eleanor user
Сообщений: 94
Регистрация: 2013-02-20

Репутация:   нет  
Всего: нет


подниму темку.

поменял фон, сменив на свою кортинку в ccs

все блоки с закругленными углами стали показываться как квадратные. т.е. угол-то скруглен, только за ним серый фон. как это убрать? подскажите, плиииз
Перейти в начало страницы
+Цитировать сообщение
LuxCore
сообщение 2013-02-27, 14:11
Сообщение #20
Любитель
Иконка группы

Группа: Eleanor user
Сообщений: 278
Регистрация: 2011-11-09

Репутация:   нет  
Всего: нет


Цитата (kentik @ 2013-02-27, 15:05)
все блоки с закругленными углами стали показываться как квадратные. т.е. угол-то скруглен, только за ним серый фон. как это убрать? подскажите, плиииз
В фотошопе только. Или другом редакторе изображений.
Перейти в начало страницы
+Цитировать сообщение

2 страниц Открыть меню   1 2 >
Ответить в данную темуНачать новую тему
0 чел. читают эту тему (гостей: 0, скрытых пользователей: 0)
Пользователей: 0

 
RSS Текстовая версия 0.0379 сек.    12 запросов    GZIP включен    Сейчас: 2024-03-28, 19:14