Перейти к содержимому


Цвета, Шрифт, Убрать Голубой Отовсюду.


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 79

#21 support 2.0

support 2.0

    Активный участник

  • Модераторы
  • 4 950 сообщений

Отправлено 16 Апрель 2013 - 17:39

Просмотр сообщенияРишат (16 Апрель 2013 - 17:06) писал:

не совсем понятно общий фон мне не нужно менять. вот мои вопросы:

1 Мне нужно изменить фон при навидение, пунктов меню сверху и в нижнем меню т.е. в подвале сайта. (скрин 1)
2 Заменить цвет меню "Поиск по товарам" (скрин 1)
3 заменить цвет строк  и всех строк, на всех шагах при оформление заказа (скрин 2)
4 логотип опустить ниже чтобы был по середине (скрин 1)
5 создать слайдер и блок такой же как (скрин3) с расположением  по схеме (скрина 4)
6 заменить данные цвета (скрин 5)
Прошу содействия по данным вопросам, и зарание Вас благодарю!!!)))

про фон я написала, т.к. первоначально сайт грузится очень долго из-за изображения фона сайта. Поэтому я Вам предложила изменить на это, чтобы загружался сайт побыстрее в разы.
Теперь по поводу Ваших вопросов
1)  в верхнем меню
#panelsite div.centercol .menuheader ul li a { font:normal 12px Verdana, Geneva, sans-serif; color:#5d5c5c; text-decoration:none; padding:5px 13px; display:block; }
color:#5d5c5c; - цвет текста

при наведении:
#panelsite div.centercol .menuheader ul li a:hover, #panelsite div.centercol .menuheader ul li a.current { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 6px; background:#8B5F65; color:#FFF; }
background:#8B5F65; - фон
color:#FFF; - цвет текста

в нижнем
#footer #main .menufooter ul li a { font:normal 12px Verdana, Geneva, sans-serif; color:#5d5c5c; text-decoration:none; padding:5px 13px; display:block; }
color:#5d5c5c;  - цвет текста
при наведении:
#footer #main .menufooter ul li a:hover, #footer #main .menufooter ul li a.current { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 6px; background:#FFA500; color:#FFF; }
background:#FFA500; - фон
color:#FFF; - цвет текста

2) Вам нужно скачать и заменить в графич.редакторе файл searchbg.jpg, далее загрузит с измененным текстом обратно на сайт, предварительно удалив с сайта тот

3) в файле main.css найдите блок
#content table.tblinput textarea.back {
background: url({ASSETS_IMAGES_PATH}textarea-bg.jpg) #FFF top center repeat-x;
padding: 7px 3px 5px 3px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 8px;
}
замените на
#content table.tblinput textarea.back {
background: #FF8C00;
padding: 7px 3px 5px 3px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 8px;
}

4) в файле main.css найдите блок
#header .blocks .logotype {
margin: 3px 0 0 20px;
float: left;
}
замените на
#header .blocks .logotype {
margin: 40px 0 0 20px;
float: left;
}

5) инструкция по установке слайдера представлена здесь

6) Вам нужно скачать и заменить данное изображения block-bg.jpg - фон блоков слева
whtblue-bg.jpg - изображения кнопки купить
whtgreen-bg.jpg - кнопка купить при наведении

#22 Ришат

Ришат

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

  • Пользователи
  • PipPip
  • 29 сообщений

Отправлено 17 Апрель 2013 - 09:34

огромное спасибо, за инфо про фон, я думал не возможно сделать чтоб страничка быстрее загружалась. Теперь ещё один вопрос на (скрине 1). Спасибо)))

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

  • Screen1.png


#23 miyako

miyako

    Активный участник

  • Модератоpы
  • 5 372 сообщений

Отправлено 17 Апрель 2013 - 11:27

Просмотр сообщенияРишат (17 Апрель 2013 - 09:34) писал:

огромное спасибо, за инфо про фон, я думал не возможно сделать чтоб страничка быстрее загружалась. Теперь ещё один вопрос на (скрине 1). Спасибо)))

Измените изображения - panel-bg.png, затем удалите прежний panel-bg.png и загрузите Ваш panel-bg.png через Сайт-Редактор тем-Файлы. Очистите кэш, если у вас нет изменений.

#24 Ришат

Ришат

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

  • Пользователи
  • PipPip
  • 29 сообщений

Отправлено 17 Апрель 2013 - 15:24

Сделал как вы сказали, вот что получилось(скрин1), и ещё как закруглить углы???

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

  • ScreenShot 445.png


#25 Ришат

Ришат

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

  • Пользователи
  • PipPip
  • 29 сообщений

Отправлено 17 Апрель 2013 - 15:34

И по поводу фона, т.е. быстрой загрузки страницы, взгляните пожалуйста http://5klikov.ru/??))

#26 Stasya

Stasya

    Активный участник

  • Модератоpы
  • 4 007 сообщений

Отправлено 17 Апрель 2013 - 17:11

Закруглить углы можно только в граф.редакторе, так как блок верхнего меню и поисковая строка это картинка. Рамка к ней конечно можно применить, но ни какого результата это не даст. А что именно у Вас с фоном? На данный момент у Вас на сайте я его почти не наблюдаю.

#27 Ришат

Ришат

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

  • Пользователи
  • PipPip
  • 29 сообщений

Отправлено 17 Апрель 2013 - 17:24

дело вот в чём модератор support 2.0, чтобы страничка загружалась в разы быстрее, посоветовала мне сделать следущее:


По поводу фона, то у Вас стоит картинка и + фон, думаю, фон стоит убрать. Делается это в блоке

body {background: url({ASSETS_IMAGES_PATH}bg.jpg) no-repeat fixed center top #ADCDD7;
color: #000000;
font: 100%/1.4 Tahoma,Geneva,sans-serif;
margin: 0;
padding: 0;color:#000;}

замените его на

body {background: url({ASSETS_IMAGES_PATH}bg.jpg) repeat-x fixed center top;
color: #000000;
font: 100%/1.4 Tahoma,Geneva,sans-serif;
margin: 0;
padding: 0;color:#000;}

и загрузите вместо Вашего это прикрепленное изображение

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

Просмотр сообщенияРишат (17 Апрель 2013 - 09:34) писал:

огромное спасибо, за инфо про фон, я думал не возможно сделать чтоб страничка быстрее загружалась. Теперь ещё один вопрос на (скрине 1). Спасибо)))

после этой процедуры данные элементы на (скрине) пропали вообще.

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

  • bg.jpg
  • Screen1.png


#28 support 2.0

support 2.0

    Активный участник

  • Модераторы
  • 4 950 сообщений

Отправлено 17 Апрель 2013 - 17:34

Просмотр сообщенияРишат (17 Апрель 2013 - 17:24) писал:

дело вот в чём модератор support 2.0, чтобы страничка загружалась в разы быстрее, посоветовала мне сделать следущее:


По поводу фона, то у Вас стоит картинка и + фон, думаю, фон стоит убрать. Делается это в блоке

body {background: url({ASSETS_IMAGES_PATH}bg.jpg) no-repeat fixed center top #ADCDD7;
color: #000000;
font: 100%/1.4 Tahoma,Geneva,sans-serif;
margin: 0;
padding: 0;color:#000;}

замените его на

body {background: url({ASSETS_IMAGES_PATH}bg.jpg) repeat-x fixed center top;
color: #000000;
font: 100%/1.4 Tahoma,Geneva,sans-serif;
margin: 0;
padding: 0;color:#000;}

и загрузите вместо Вашего это прикрепленное изображение

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



после этой процедуры данные элементы на (скрине) пропали вообще.

1) Изображение Я Вам присылала другое. Вам нужно загрузить на сайт это изображение
2) да, мной была допущена небольшая ошибка. Измените
body {background: url({ASSETS_IMAGES_PATH}bg.jpg) repeat-x fixed center top;
color: #000000;
font: 100%/1.4 Tahoma,Geneva,sans-serif;
margin: 0;
padding: 0;color:#000;}
на
body {background: url({ASSETS_IMAGES_PATH}bg.jpg) fixed center top;
color: #000000;
font: 100%/1.4 Tahoma,Geneva,sans-serif;
margin: 0;
padding: 0;color:#000;}


#29 Ришат

Ришат

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

  • Пользователи
  • PipPip
  • 29 сообщений

Отправлено 17 Апрель 2013 - 18:16

Круто, всё получилось, правда фон немного изминился, но этот мне тоже нравиться)) Огромное  спасибо за помощь и за оперативное реагирование!!!)))

#30 support 2.0

support 2.0

    Активный участник

  • Модераторы
  • 4 950 сообщений

Отправлено 17 Апрель 2013 - 19:12

Просмотр сообщенияРишат (17 Апрель 2013 - 18:16) писал:

Круто, всё получилось, правда фон немного изминился, но этот мне тоже нравиться)) Огромное  спасибо за помощь и за оперативное реагирование!!!)))
\

Вообще, Вы опять загрузили не то изображении, которое Я Вам присылала. Возможно, Вам поможет прикрепленный архив. Просто распакуйте его на своем компьютере и загрузите данное изображение.
Получиться должно так, как на скриншоте

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

  • ScreenShot 228.png

Прикрепленные файлы

  • Прикрепленный файл  bg.zip   87,27К   84 Количество загрузок:


#31 Ришат

Ришат

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

  • Пользователи
  • PipPip
  • 29 сообщений

Отправлено 18 Апрель 2013 - 09:40

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

#32 Djasmin

Djasmin

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

  • Пользователи
  • PipPip
  • 25 сообщений
  • ГородМосква

Отправлено 18 Апрель 2013 - 10:51

Опять про цвет. Заменил почти везде, осталось кое какие значки подправить. Но вот эту вот фиговину никак не найду, гдеж она закопалась то.

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

  • Безымянный.jpg


#33 support 2.0

support 2.0

    Активный участник

  • Модераторы
  • 4 950 сообщений

Отправлено 18 Апрель 2013 - 11:13

Просмотр сообщенияРишат (18 Апрель 2013 - 09:40) писал:

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

в принципе смотрите, здесь действует метод: чем меньше будет изображение, тем лучше, далее вырезаете как можно меньше, вставляете на сайт и в коде оно просто дублируется по все странице сайта. Если использовать тот код, который написан здесь, то можете брать изображение шириной в 1920 пикселей (длины практически любой, главное помнить, что оно будет дублироваться по всей странице и хорошо ли будут смотреться стыки в таком случае). Если Вы посмотрите на фон своего сайта, то стыков в общем-то не видно, если конечно Вы специально не будете смотреть с исходным изображением. Там оно все-таки немного отличается. Зная все это Вы можете смело начинать экспериментировать. В любом случае, если у Вас что-то не получится, можете написать здесь и мы Вам поможем сделать так, как Вам нужно будет.

Просмотр сообщенияDjasmin (18 Апрель 2013 - 10:51) писал:

Опять про цвет. Заменил почти везде, осталось кое какие значки подправить. Но вот эту вот фиговину никак не найду, гдеж она закопалась то.

Вам осталось заменить изображение cart-money-bg.jpg

#34 Djasmin

Djasmin

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

  • Пользователи
  • PipPip
  • 25 сообщений
  • ГородМосква

Отправлено 18 Апрель 2013 - 11:16

Спасибо огромное, сейчас попробую. А вот текст в этом же окне?

#35 Stasya

Stasya

    Активный участник

  • Модератоpы
  • 4 007 сообщений

Отправлено 18 Апрель 2013 - 12:09

В файле main.css найдите блок
#content .boxmoney .main .block .delivery p {
margin: 5px 0 0px 0;
color: #2f7793;
}
и блок
#content .boxmoney .main .block .delivery .delivmoney {
font-weight: bold;
color: #2f7793;
padding: 0 0 5px 0;
}
и изменяйте в них значение color:

#36 fredshka

fredshka

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 241 сообщений
  • ГородМосква

Отправлено 20 Апрель 2013 - 14:56

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

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

  • изменить2.png


#37 Taisia

Taisia

    Активный участник

  • Модератоpы
  • 1 289 сообщений

Отправлено 20 Апрель 2013 - 15:01

что бы опустить красный квадрат найдите в файле main.css
#header {
	clear: both;
	height: 120px;
	width: 100%;
}

height: 120px; -  меняйте параметр в сторону увеличения

#38 Taisia

Taisia

    Активный участник

  • Модератоpы
  • 1 289 сообщений

Отправлено 20 Апрель 2013 - 15:08

Не совсем понятно какой синий вы хотите убрать
у вас фон шапки это картинка (http://design.tweest...u/panel-bgx.png) там синий цвет присутствует и что бы его убрать надо редактировать картинку в графическом редакторе

все номера телефонов - это какие ? сколько их будет.
вы не знаете где их вводить или в чем вопрос ?

#39 fredshka

fredshka

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 241 сообщений
  • ГородМосква

Отправлено 20 Апрель 2013 - 15:22

ТАИСИЯ, ОГромное спасибо) наконец то получилось так как хотел! Сейчас вот появилось еще пара вопросов:
НА принтскрине!
1. Как убрать этот элемент с сайта вообще? чтобы было прозрачно, как фон поиска.
2. Тоже самое, хочется чтобы этот элемент был прозрачным. Как он называется? Я его исправлю в редакторе
3. Номера телефонов выделил, хотелось бы их в то место, куда стрелка показывает!

Спасибо огромное за оперативность, думал мне будут долго отвечать) очень рад, что ответили быстро!

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

  • 11.png


#40 support 2.0

support 2.0

    Активный участник

  • Модераторы
  • 4 950 сообщений

Отправлено 20 Апрель 2013 - 16:07

Просмотр сообщенияfredshka (20 Апрель 2013 - 15:22) писал:

ТАИСИЯ, ОГромное спасибо) наконец то получилось так как хотел! Сейчас вот появилось еще пара вопросов:
НА принтскрине!
1. Как убрать этот элемент с сайта вообще? чтобы было прозрачно, как фон поиска.
2. Тоже самое, хочется чтобы этот элемент был прозрачным. Как он называется? Я его исправлю в редакторе
3. Номера телефонов выделил, хотелось бы их в то место, куда стрелка показывает!

Спасибо огромное за оперативность, думал мне будут долго отвечать) очень рад, что ответили быстро!

1. 2. у Вас сейчас на сайте этих блоков нет. Вы заменили их на другие изображения, поэтому будет проблемотично ответить Вам на этот вопрос (не знаю нужно ли Вам это решение еще)
3. в шаблоне HTML найдите блок
[size=4]			{% IF SETTINGS_STORE_PHONE_NUMBER2 %}<li>{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}</li>{% ENDIF %}[/size]
			{% IF SETTINGS_STORE_PHONE_NUMBER3 %}<li>{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}</li>{% ENDIF %}
			{% IF SETTINGS_STORE_ICQ %}<li><img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="16" height="16" />{SETTINGS_STORE_ICQ}</li>{% ENDIF %}
			
измените на
[size=4]					  {% IF SETTINGS_STORE_ICQ %}<li><img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="16" height="16" />{SETTINGS_STORE_ICQ}</li>{% ENDIF %}[/size]
			

теперь найдите блок выше
<ul style="height:60px;">
			  <li class="title">Контакты для связи:</li>
			  {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<li class="telephone padd">{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}</li>{% ENDIF %}
			  {% IF SETTINGS_STORE_SKYPE %}<li class="skype padd">{SETTINGS_STORE_SKYPE}</li>{% ENDIF %}
			</ul>
измените его на
<ul style="height:60px;">
			  <li class="title">Контакты для связи:</li>
			  {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<li class="telephone padd">{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}</li>{% ENDIF %}
			  {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<li class="telephone padd">{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}</li>{% ENDIF %}
			  {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<li class="telephone padd">{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}</li>{% ENDIF %}
			  {% IF SETTINGS_STORE_SKYPE %}<li class="skype padd">{SETTINGS_STORE_SKYPE}</li>{% ENDIF %}
			</ul>





Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных