Сообщений в теме: 138

[miyako]

 yashma (28 Май 2013 - 13:52) писал:

В ЛЕВОЙ колонке конечно же Блок называется "добрые советы" (правой я ее навала. потому что код вставляла после:

<!--Правая колонка -->
<div id="left">

каждый раз путаюсь! Может у меня тут в коде ошибка? правая - левая колонка неправильно подписаны? Или я чего не понимаю...

Этот блок уже оформлен в стиле вашего сайта. Может быть вы хотите изменить шрифт, цвет шрифта. Тогда вставьте в конце файла main.css:

#left .block .state {
color:green; /*ваш цвет*/
font: bold italic 110% serif;  /*ваш шрифт*/
}

Подробнее о шрифтах Вы можете узнать здесь - http://htmlbook.ru/css/font

[yashma]

Да. мне именно шрифт (название-размер-цвет) надо изменить - я об этом и писала выше!

Где мне посмотреть какой шрифт в блоке "наш каталог"?

[miyako]

 yashma (28 Май 2013 - 14:57) писал:

Да. мне именно шрифт (название-размер-цвет) надо изменить - я об этом и писала выше!

Где мне посмотреть какой шрифт в блоке "наш каталог"?

Тогда так:

#left .block .state {
font: normal 12px Verdana, Geneva, sans-serif;
}

[yashma]

спасибо! Все сделала.

[yashma]

прошу помощи!

Надо изменить надпись на странице заказа "распечатать квитанцию" (рис 1) - сделать ее кнопкой зеленого цвета, при наведении красный, сама кнопка как на рис2 ("Перейти к оплате") - это способ оплаты на расчетный счет через банк

На рис.2 соответственно кнопку тоже перекрасить на зеленый цвет, а при наведении курсора цвет кнопки менять на красный. - это способ оплаты через Robokassa

Прикрепленные изображения

• 
• 

[yashma]

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

Прикрепленные изображения

• 

[yashma]

 yashma (30 Май 2013 - 11:09) писал:

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

все сделала

[yashma]

 Koderhan (06 Март 2013 - 12:41) писал:

Нашли решение как можно масштабировать фоновое изображение на css3 .
В файл "main.csstemplate".
Добавить код:

body {
background: url(адрес изображение) center center fixed no-repeat;
-moz-background-size: cover; /* Firefox до 4.0 */
-webkit-background-size: cover; /* Safari и Chrome */
-o-background-size: cover; /* Opera до версии 10.53 */
background-size: cover; /* CSS3 */
}


@media only all and (max-width: 1023px) and (max-height: 767px) {
body {
-webkit-background-size: 1023px 767px;/* Safari и Chrome */
	 -o-background-size: 1023px 767px;/* Opera до версии 10.53 */
-moz-background-size: 1023px 767px; /* Firefox до 4.0 */
background-size: 1023px 767px; /* CSS3 */
}
}

Вам остается добавить адрес к изображению в коде.

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

наверное я много хочу

Прикрепленные изображения

• 

[Koderhan]

 yashma (30 Май 2013 - 11:29) писал:

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

наверное я много хочу

Панель администратора, "Сайт"->"Редактор тем".
В файле "main.css".
Добавить в конец файла код:

#backtop {
background: url(тут адрес до изображения) bottom center no-repeat;
background-size: 100%;
}

Вот еще изображение у которого я вырезал белый фон. Но скорее всего его нужно неменого сжать размеры для быстрой загрузки сайта.

Прикрепленные изображения

• 

[yashma]

спасибо! Сегодня попробую сделать

а с этим как?

 yashma (30 Май 2013 - 09:03) писал:

прошу помощи!

Надо изменить надпись на странице заказа "распечатать квитанцию" (рис 1) - сделать ее кнопкой зеленого цвета, при наведении красный, сама кнопка как на рис2 ("Перейти к оплате") - это способ оплаты на расчетный счет через банк

На рис.2 соответственно кнопку тоже перекрасить на зеленый цвет, а при наведении курсора цвет кнопки менять на красный. - это способ оплаты через Robokassa

и еще! Как сделать фон центральной части сайта (сейчас он белый) полупрозрачным? где менять?

[Taisia]

что бы сделать кнопку "Распечатать квитанцию"
для начала сделайте бэкап вашего сайта

затем в файле main.css в конец добавьте код

.paymentFormSubmitLink
{

padding: 10px;
background: green;
color: white;
border-radius: 5px;
}

где background: green; - это цвет фона вашей кнопки - замените его на тот который вам нужен
color: white; - цвет шрифта надписи на кнопке - замените на тот который вам нужен

далее ниже вставьте код

a.paymentFormSubmitLink:hover
{
text-decoration:none !important;
background:red !important;
color: white !important;
}

  где так же меняйте параметры

background:red !important;
color: white !important;   по вашему усмотрению


что бы изменить кнопку "перейти к оплате"

вставьте в конец файла main.css код

.paymentFormTbodySubmitButton
{
	background:green;
	color:white;
}
.paymentFormTbodySubmitButton:hover
{
	background:red;
}

  меняйте эти параметры что бы установить нужный цвет

[yashma]

спасибо!

[yashma]

 Taisia (30 Май 2013 - 13:04) писал:

что бы сделать кнопку "Распечатать квитанцию"
для начала сделайте бэкап вашего сайта

затем в файле main.css в конец добавьте код

.paymentFormSubmitLink
{

padding: 10px;
background: green;
color: white;
border-radius: 5px;
}

где background: green; - это цвет фона вашей кнопки - замените его на тот который вам нужен
color: white; - цвет шрифта надписи на кнопке - замените на тот который вам нужен

далее ниже вставьте код

a.paymentFormSubmitLink:hover
{
text-decoration:none !important;
background:red !important;
color: white !important;
}

  где так же меняйте параметры

background:red !important;
color: white !important;   по вашему усмотрению


что бы изменить кнопку "перейти к оплате"

вставьте в конец файла main.css код

.paymentFormTbodySubmitButton
{
background:green;
color:white;
}
.paymentFormTbodySubmitButton:hover
{
background:red;
}

  меняйте эти параметры что бы установить нужный цвет

сделала. Теперь надо эту кнопочку сдвинуть вниз

и еще раз повторю вопрос, наверное его не заметили

Цитата

и еще! Как сделать фон центральной части сайта (сейчас он белый) полупрозрачным? где менять?

Прикрепленные изображения

• 

[Taisia]

Цитата

сделала. Теперь надо эту кнопочку сдвинуть вниз

сдвинуть вниз - уточните, пожалуйста,  что имеется в виду ?
вы хотите увеличить расстояние между кнопкой и текстом ?
или вообще переместить кнопку куда то ниже ?


Относительно полупрозрачности фона возможно вас устроит такое решение

найдите в файле main.css код  (56 строка)

#cntrobj { background:url({ASSETS_IMAGES_PATH}conteiner-bg-y.jpg) repeat-y; }

и замените на код

#cntrobj { background:url({ASSETS_IMAGES_PATH}conteiner-bg-y.jpg) repeat-y;
opacity:0.9;
}

[yashma]

сечйчас эта кнопочка находит на текст и соответственно текст стал нечитаемым. Надо эту кнопочку сдвинуть чуть ниже, чтобы текст был читаем

[Taisia]

добавьте в файл main.css код

div.infoblock table
{
   
	height:350px;
}

[yashma]

Спасибо! Все получилось

[yashma]

Картинку с детками поставила и возник новы вопрос

Помогите зеленую полосочку сделать тоже полупрозрачной, а оранжевую сдвинуть чуть вниз - чтобы она детские мордашки не закрывала!

Прикрепленные изображения

• 

[Koderhan]

 yashma (03 Июнь 2013 - 08:30) писал:

Картинку с детками поставила и возник новы вопрос

Помогите зеленую полосочку сделать тоже полупрозрачной, а оранжевую сдвинуть чуть вниз - чтобы она детские мордашки не закрывала!

Панель администратора, "Сайт"->"Редактор тем".
В файле "main.css".
Найти код:

#footer { clear:both; background:#5da130; width: 1100px; border-top:3px solid #FB932E; margin:0 auto; height:90px; overflow:hidden; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px; margin-bottom:20px; }

Заменить:

#footer { clear:both; background:#5da130; width: 1100px; border-top:3px solid #FB932E; margin:0 auto; height:90px; overflow:hidden; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px; margin-bottom:20px; opacity: 0.7;}

[yashma]

спасибо получилось! А оранжевую полосочку как вниз сдвинуть?