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


Форум
 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;
    
margin0px;
    
margin-top10px;
    
margin-bottom:10px;
    
margin-leftauto;
    
margin-rightauto;
}


вот гдето так


Всегда так не будет, все меняется...
ЕЛЕОН Все о вышивке и одежде.
Ризница магазин церковного шитья.
Пользователь офлайн
События Воскресенье, 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, Гостей: 4

Поисковые боты: 190
Bot(154), oBot(26), BingBot(5), Yandex(2), Googlebot(2), Spider
 Статистика форума

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

Hazard (34)
Copyright © 2009 - 2024 SX All rights reserved | Powered by SX CMS 1.06 UTF | Контакты