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

Форум   Пользователи   Календарь   Помощь   Поиск   Новые сообщения   Новые темы   Темы без ответов  

Форум
 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

Поисковые боты: 227
Bot(210), BingBot(4), Mail.Ru Bot(10), Googlebot(3)
 Статистика форума

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

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