изменение дизайна / Техническая помощь / SX CMS / Форум / SX CMS

Доброе утро, Гость! Представляем Вам наши форумы. Вы можете зарегистрироваться чтобы писать на форумах или зайдите под своим именем, если Вы уже регистрировались.

Форум

Пользователи

Календарь

Помощь

Поиск

Новые сообщения

Новые темы

Темы без ответов

Форум

SX CMS / Техническая помощь

изменение дизайна

Похожие темы

изменение дизайна

Ссылка на сообщение в теме Ссылка на страницу сообщения

Пятница, 20.01.2012, 00:52

JohnSmith

Группа: Пользователь

Cообщений: 4

Регистрация: 19.01.2012

Город: спб

изменение дизайна
Задача значит до боли простая, но так как я с данной сборкой сталкиваюсь впервые, хотелось бы спросить у знатоков: как наиболее просто можно сменить цветовую гамму сайта. Думаю

Поясняю:
1. все кнопки в стандартном шаблоне оранжевые. Как проще всего сменить цвета? В панельке или ксс'e (если ксс, то тыкните в каком)
2. в меню когда наводишь на пункт в меню (левом вертикальном и том меню что над шапкой (горизонтальном) то кнопка меняется в цвете. Этот цвет где редактируется?

Очень сильное ощущение что всё это в панельке не изменить, а лопатить ксс - перспективка не из лучших. Фига себе

распишите пожалуйста в каких ксс что менять. Спасибо

Отредактировано JohnSmith: 20.01.2012, 15:42:25

Ссылка на сообщение в теме Ссылка на страницу сообщения

Пятница, 20.01.2012, 20:43

JohnSmith

Автор текущей темы

Группа: Пользователь

Cообщений: 4

Регистрация: 19.01.2012

Город: спб

ладно. с этим с грехом пополам разобрался. возник вопрос. а точнее просьба.
может кто тыкнуть меня носом в тот ксс файл (и блок в нём) в котором нужно изменить цвет бакграунда с белого на прозрачный (это я про "тело сайта", что бы если я поставил на фон сайта картинку она была не по краям видна, а целиком за сайтом)?!

пы.сы. Очанама надо!!
заранее огромное спасибо.

Отредактировано JohnSmith: 20.01.2012, 20:48:45

Ссылка на сообщение в теме Ссылка на страницу сообщения

Суббота, 21.01.2012, 14:44

	Типо так? twistedmoney.ru Отредактировано alextm: 21.01.2012, 14:45:09

Ссылка на сообщение в теме Ссылка на страницу сообщения

Суббота, 21.01.2012, 18:33

HopE

Группа: Пользователь

Ранг: Продвинутый

Cообщений: 274

Регистрация: 18.02.2010

Город: ua

файл style.main.css

PHP-код

  
body, #body { 
    background:#E2F1BA url(../../images/page/eleon-bg.jpg) no-repeat fixed center; 
    padding:0px; 
    margin: 0px; 
    margin-top: 10px; 
    margin-bottom:10px; 
    margin-left: auto; 
    margin-right: auto; 
}

вот гдето так

Всегда так не будет, все меняется...
ЕЛЕОН Все о вышивке и одежде.
Ризница магазин церковного шитья.

Ссылка на сообщение в теме Ссылка на страницу сообщения

Воскресенье, 22.01.2012, 14:22

JohnSmith

Автор текущей темы

Группа: Пользователь

Cообщений: 4

Регистрация: 19.01.2012

Город: спб

Я просил помочь мне сделать тело прозрачным.
Как ставит картинку на бекграунд я и сам знаю.
Но всё равно спасибо, за то что отписались

Отредактировано JohnSmith: 22.01.2012, 14:22:13

Добавлено JohnSmith: 22.01.2012, 14:22:33

Цитата

Автор: alextm
Типо так? twistedmoney.ru

Отредактировано alextm: 21.01.2012, 14:45:09

Да! Да! Именно так! Полундра

Где вы изменили прозрачность? Думаю

Ссылка на сообщение в теме Ссылка на страницу сообщения

Воскресенье, 22.01.2012, 14:55

файл style.main.css

139-145 строчка

Код

.body_padding {
 background: transparent;
 padding:10px;
 }
 #body_blanc {
 background: transparent
 }

158-160 строчка

Код

#page_main {
 background: transparent;
 }

Ах да, и фон у меня хитрый: http://twistedmoney.ru/theme/standard/images/bg.gif

Отредактировано alextm: 22.01.2012, 14:56:32

Ссылка на сообщение в теме Ссылка на страницу сообщения

Воскресенье, 22.01.2012, 15:16

JohnSmith

Автор текущей темы

Группа: Пользователь

Cообщений: 4

Регистрация: 19.01.2012

Город: спб

#page_main у меня не было почему то, но я добавил :ъ

всё остальное прописал как ты написал.
буквально на 5-7 пикселей сузилась "белая область" (перекрывающая фон).. фон попрежнему не "просвечивается"
может где в другом месте косяк висит? Рыло начищу

Код


 body, div, td, th, .button, textarea, input, button, select {
 font: 12px arial, tahoma, 'bitstream vera sans';
 color: #000;
 }
 body, #body {
 background:#E2F1BA url(../../images/page/back1.jpg) no-repeat fixed center;
 padding:0px;
 margin: 0px;
 margin-top: 10px;
 margin-bottom:10px;
 margin-left: auto;
 margin-right: auto;
 }
 #body {
 width:1000px;
 min-width:1000px;
 }
 img {
 border:0px;
 }
 small {
 color:#807872
 }
 fieldset {
 background-color:#ede1da;
 border: 1px solid #ccbdb7;
 }
 legend {
 font-weight:bold;
 color:#D25A0B;
 padding:3px;
 }
 .input, .input_fields, select {
 border: 1px solid #ccbdb7;
 padding:4px;
 }
 select {
 padding:0
 }
 h1, h2, h3, h4, h5, h6 {
 font-weight: bold;
 margin-top: 5px;
 margin-bottom: 3px;
 padding: 0px;
 }
 h1 {
 font-size: 18px;
 }
 h2 {
 font-size: 16px;
 }
 h3 {
 font-size: 16px;
 }
 h4 {
 font-size: 14px;
 }
 h5 {
 font-size: 12px;
 }
 h6 {
 font-size: 10px;
 }
 h3 a, h4 a, h2 a, h1 a {
 text-decoration:none!important
 }
 form {
 display:inline
 }
 p {
 display:block;
 }
 .button, .button_tabs {
 background: #D25A0B url('../../images/page/button_first.gif') bottom repeat-x;
 border:1px solid #c05007;
 margin: 0px 0px 0px 2px;
 color: white;
 padding: 4px 10px 4px 10px;
 cursor: pointer;
 text-decoration: none;
 font-weight:bold;
 }
 .button:hover, .button_tabs:hover {
 background: #12d40f;
 }
 .bull {
 color:#000;
 font-size:120%;
 }
 a, a:link, a:visited {
 color:#000;
 text-decoration:none;
 }
 a:hover {
 color:#12d40f;
 text-decoration:underline;
 }
 .body_padding {
 background: transparent;
 padding:10px;
 }
 #body_blanc {
 background: transparent
 }
 
 #page_main {
 background: transparent;
 }
 
 #body_blanc a {
 color:#D25A0B;
 }
 #header {
 background:#bababa url('../../images/page/header_bg.jpg');
 height:268px;
 }
 #logo {
 top:50px;
 left:30px;
 position:relative;
 }
 #page_main {
 background:#ffffff;
 }
 #contents_left {
 padding:0px;
 padding-top:14px;
 float:left;
 width:200px;
 overflow:hidden;
 }
 #contents_left li {
 display:inline;
 margin:0px;
 padding:0px;
 list-style:none inside;
 }
 #contents_left ul {
 display:inline;
 margin:0px;
 padding:0px;
 list-style:none inside;
 }
 #contents_middle {
 min-height:530px;
 padding-left:20px;
 padding-bottom:32px;
 padding-right:15px;
 padding-top:14px;
 float:left;
 width:540px;
 border-left:0px solid #dea407;
 overflow:hidden;
 }
 #contents_middle_2colums {
 min-height:520px;
 padding-left:10px;
 padding-bottom:32px;
 padding-right:0px;
 padding-top:17px;
 float:right;
 width:755px;
 overflow:hidden;
 }
 #contents_right {
 width:200px;
 float:left;
 margin:0px;
 margin-top:14px;
 float:right;
 }
 #quicknavi {
 margin-left:0px;
 }
 #quicknavi ul {
 display:inline;
 margin:0px;
 padding:0px;
 }
 #quicknavi li {
 display:inline;
 margin:0px;
 padding:0px;
 line-height:36px;
 float:left;
 padding:0;
 margin:0;
 border-right:1px solid #fff;
 }
 #quicknavi a {
 color:#333;
 display:block;
 line-height:36px;
 margin-top:-1px;
 padding-left:24px;
 padding-right:24px;
 }
 .quicknavi a:link, .quicknavi a:visited {
 color:#000;
 text-decoration:none
 }
 .quicknavi a:hover {
 color:#D25A0B;
 text-decoration:underline;
 }
 .quicknavi a:hover, .quicknavi a.active {
 color:#fff!important;
 text-decoration:none;
 background:#999!important;
 }
 #header_nav {
 border-top:1px solid #fff;
 border-bottom:1px solid #fff;
 width:100%;
 position:relative;
 margin-top:5px;
 overflow: hidden;
 float: left;
 display: inline;
 background: #ede1da;
 text-align:center;
 }
 #header_nav a {
 font-weight:bold;
 text-decoration:none;
 }
 #header_nav .left {
 float:left;
 height:35px;
 }
 #header_nav .right {
 float:right;
 padding-right:10px;
 line-height:34px;
 }

вот если интересно первые 200 строк ксс майна.. в дальнейшем коде навряд ли проблема присутствует.. нутром чую что тут искать надо, но не могу вдуплить что мешает Грустно

*то что бакграунд в центре у тебя полупрозрачный, я догадывался :)

кстате.. сам сайт - http://your-world-minecraft.ru (что бы ты лучше представлял о чём я говорю (о белизне в центре Ржу нимагу

))

Ссылка на сообщение в теме Ссылка на страницу сообщения

Воскресенье, 22.01.2012, 15:30

	Хм, ну во первых, было бы хорошо увеличить фон до 2000х2000. У меня на 22" виден цвет. А еще лучше вариант - поставь цвет под картинкой - черный. Добавлено alextm: 22.01.2012, 15:30:11 Хм, добавь в скайп - alextm594 Благодарности JohnSmith

Ссылка на сообщение в теме Ссылка на страницу сообщения

Понедельник, 23.01.2012, 14:00

HopE

Группа: Пользователь

Ранг: Продвинутый

Cообщений: 274

Регистрация: 18.02.2010

Город: ua

ребята вы фигней занимаетесь, в самом файле стилей меняете настройки транспарент , а далее если картинка модульная то повтор картинки и вперед вот пример riznica.org.ua и прозрачность и фон.
Blumentals.Rapid.CSS.2011.Pro.v11.0.0.125.MULTILINGLAL вот программа для правки стилей тамже есть предпросмотр того что редактируете.
строка 99 в майн стайл

PHP-код

  
.body_padding { 
    background:transparent url(../../images/page/glass-page.png); 
    padding:10px; 
} 
#body_blanc { 
    background:transparent 
}

Отредактировано hope: 23.01.2012, 14:15:24

Вложения

Всегда так не будет, все меняется...
ЕЛЕОН Все о вышивке и одежде.
Ризница магазин церковного шитья.

Ссылка на сообщение в теме Ссылка на страницу сообщения

Понедельник, 23.01.2012, 17:37

	Она не модульная.

Ссылка на сообщение в теме Ссылка на страницу сообщения

Понедельник, 23.01.2012, 23:10

HopE

Группа: Пользователь

Ранг: Продвинутый

Cообщений: 274

Регистрация: 18.02.2010

Город: ua

Цитата

Автор: alextm
Она не модульная.

я понял что у вас не модульная ,а не тяжеловато даи косяки могут быть с разными браузерами итд... я показал как вариант использование полу прозрачного фона и бекграунд картинки. А вам решать что и как сделаете.

Всегда так не будет, все меняется...
ЕЛЕОН Все о вышивке и одежде.
Ризница магазин церковного шитья.

Быстрый переход:

Сейчас на сайте

Пользователей: 0, Гостей: 0

Поисковые боты: 177
Bot(170), BingBot(3), oBot(4)

Статистика форума

	Темы	Сообщения	Пользователи
За сутки:	0	0	0
За неделю:	0	0	0
За месяц:	0	0	0
Всего:	1444	9453	3409
Мы приветствуем нового участника: wonad81290

Дни рождения

Aleksandr (66)