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


Изминения Общей Стилистики


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

#61 Danil

Danil

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

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 19 Ноябрь 2014 - 16:03

Просмотр сообщенияProrock_Ugl (19 Ноябрь 2014 - 15:59) писал:

Супер..А цвет текста ввода поиска покажите, пожалуйста, где в коде заменить можно?
В коде из сообщения 59 измените color: #1e1e1e;

#62 Prorock_Ugl

Prorock_Ugl

    Продвинутый пользователь

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

Отправлено 19 Ноябрь 2014 - 16:18

Просмотр сообщенияDanil (19 Ноябрь 2014 - 16:03) писал:

В коде из сообщения 59 измените color: #1e1e1e;

Спасибо большое

#63 Prorock_Ugl

Prorock_Ugl

    Продвинутый пользователь

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

Отправлено 20 Ноябрь 2014 - 13:26

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

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

  • скрин6.png


#64 Dars

Dars

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

  • Пользователи
  • PipPipPipPip
  • 1 410 сообщений

Отправлено 20 Ноябрь 2014 - 13:31

Просмотр сообщенияProrock_Ugl (20 Ноябрь 2014 - 13:26) писал:

Здравствуйте. Можно ли изменить шрифт заголовков сайта на свой?И требуется сменить цвет кнопочки при наведении(скрин прикреплен)
Здравствуйте!
Стиль всех заголовков задается в main.css строкой:

h1, h2, h3, h4, h5, h6 {font-weight: normal;line-height: 1.3;margin: 0 0 22px 10px;text-rendering: optimizelegibility;color:#C5C5C5;font-family: 'Arimo', sans-serif;word-wrap: break-word;}

где 'Arimo' - название шрифта, поменяйте его на нужный вам.

Далее найдите код:

.btn:hover, .btn:focus, .btn:active,
.btn.active,
.btn.disabled,
.btn[disabled],
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
color: #fff;
outline: none;
-webkit-transition:
background .2s linear,
color .2s linear;
transition:
background .2s linear,
color .2s linear;
background-color: #00c59c;
background-color: rgba(0,197,156,.8);
text-decoration:none;
}

и замените в строке:

background-color: rgba(0,197,156,.8);

rgba(0,197,156,.8) на нужный вам цвет.

#65 Prorock_Ugl

Prorock_Ugl

    Продвинутый пользователь

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

Отправлено 20 Ноябрь 2014 - 13:36

Спасибо! Свой шрифт перед этим нужно загрузить на сайт?

#66 Dars

Dars

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

  • Пользователи
  • PipPipPipPip
  • 1 410 сообщений

Отправлено 20 Ноябрь 2014 - 13:50

Просмотр сообщенияProrock_Ugl (20 Ноябрь 2014 - 13:36) писал:

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

#67 Prorock_Ugl

Prorock_Ugl

    Продвинутый пользователь

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

Отправлено 21 Ноябрь 2014 - 15:14

Теперь проблема с отображением категорий на главной на смартфоне (экран 5 дюймов). У картинок белая полоса справа.

#68 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 22 Ноябрь 2014 - 03:24

В main.css найдите:
#catalog .category .default {
	background: #f7f7f7;
	border-radius: 3px;
	overflow: hidden;
	position: relative;
}
измените значение background

далее найдите:
#catalog .category-img-index {
	background: #999999;
	display: table-cell;
	height: 270px;
	margin: 0 auto;
	text-align: center;
	vertical-align: middle;
	width: 270px;
}
замените на:
#catalog .category-img-index {
	background: #000;
	display: block;
	height: 270px;
	margin: 0 auto;
	text-align: center;
	vertical-align: middle;
	width: 270px;
}
#catalog .category-img-index a {
	display: table-cell;
	height: 220px;
	vertical-align: middle;
	width: 270px;
}


#69 Prorock_Ugl

Prorock_Ugl

    Продвинутый пользователь

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

Отправлено 23 Ноябрь 2014 - 18:03

Просмотр сообщенияVaccina (22 Ноябрь 2014 - 03:24) писал:

В main.css найдите:[CODE]


Спасибо.Задумку понял. Вроде получилось с картинками) Но теперь нижнюю кнопку с названием категории заставить бы также себя вести..

#70 Lamer

Lamer

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

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

Отправлено 24 Ноябрь 2014 - 12:00

Здравствуйте.
1 Хочу поставить по краям экрана, по вертикальной стороне слева и справа картинки чтобы отображались на всех страницах.
2 Уменьшить высоту подвала.
3 Убрать черту оставшуюся от"заказ обратного звонка"
4 Нижнее меню сделать строкой, а не столбцом
Помогайте пжст.
Не могу понять в чем дело?!!!
В верхнем меню в Контакты ставлю ссылку на вновь созданную страницу вида  page/contakty , но открывается catalog/contakty !!!!!!!!!!

Сообщение отредактировал Lamer: 24 Ноябрь 2014 - 19:00


#71 Lamer

Lamer

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

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

Отправлено 25 Ноябрь 2014 - 19:31

Поднимаю )  Здорово так!  теперь не просто ник, а даже голос слышал )))

#72 Ирина345

Ирина345

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

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

Отправлено 25 Ноябрь 2014 - 19:35

Просмотр сообщенияLamer (24 Ноябрь 2014 - 12:00) писал:

Здравствуйте.
1 Хочу поставить по краям экрана, по вертикальной стороне слева и справа картинки чтобы отображались на всех страницах.
2 Уменьшить высоту подвала.
3 Убрать черту оставшуюся от"заказ обратного звонка"
4 Нижнее меню сделать строкой, а не столбцом
Помогайте пжст.
Не могу понять в чем дело?!!!
В верхнем меню в Контакты ставлю ссылку на вновь созданную страницу вида  page/contakty , но открывается catalog/contakty !!!!!!!!!!
Здравствуйте,
1. для начала загрузите картинки на сайт
далее найдите в файле main.css
.main-container {
background: #ffffff;
}
замените

.main-container {
background: #ffffff url('ссылка на картинку');
}
2. далее найдите
#footer .sidebar .widget {
margin-bottom: 0px;
display: block;
margin: 0 0 80px;
}
замените на

#footer .sidebar .widget {
margin-bottom: 0px;
display: block;
margin: 0 0 35px;
}

3. найдите в HTML
<div class="col-xs-12 col-sm-6 col-md-3 widget callback">
замените на
<div class="col-xs-12 col-sm-6 col-md-3 widget callback" style="display:none">
4 найдите
#footer .sidebar .links li {
line-height: 21px;

}
замените на


#footer .sidebar .links li {
line-height: 21px;
display: initial;
padding: 0px 6px 0px 1px;
}


контакты выводятся в верхнем меню, которое Вы удалили.
уточните Вы специально это сделали и вам нужно в каталоге вывести контакты или вернуть верхнее меню.

#73 Lamer

Lamer

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

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

Отправлено 25 Ноябрь 2014 - 20:07

Картинку для пробы загрузил, указал ссылку - ничего.
Футер не уменьшился (давайте уберем ИП ешника  совсем)
Контакты убрал специально, дабы избавиться от обратной связи

#74 Ирина345

Ирина345

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

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

Отправлено 25 Ноябрь 2014 - 20:15

Просмотр сообщенияLamer (25 Ноябрь 2014 - 20:07) писал:

Картинку для пробы загрузил, указал ссылку - ничего.
Футер не уменьшился (давайте уберем ИП ешника  совсем)
Контакты убрал специально, дабы избавиться от обратной связи
Не вижу что бы Вы произвели изменения для уменьшения подвала
Подвал уменьшился очистите кеш браузера.
найдите
.main-container {background: #ffffff; url('http://design.oknolife.ru/1.jpg?4746'); }
замените на
.main-container {background: #ffffff url('http://design.oknolife.ru/1.jpg?4746'); }


#75 Lamer

Lamer

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

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

Отправлено 25 Ноябрь 2014 - 20:24

Сделал как Вы сказали, подвал не уменьшился.
Фон стал репит, а мне надо одну картинку слева вертикально, другую справа вертикально.

#76 shnafix

shnafix

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

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

Отправлено 25 Ноябрь 2014 - 21:52

Просмотр сообщенияLamer (25 Ноябрь 2014 - 20:24) писал:

Сделал как Вы сказали, подвал не уменьшился.
Фон стал репит, а мне надо одну картинку слева вертикально, другую справа вертикально.
Для изменения высоты подвала поэкспериментируйте с выделенными параметрами.
#footer .footer-top {background: #f2f2f2;font-size: 12px;line-height: 21px;[b]padding: 50px [/b]0 13px;}
#footer .footer-bottom {background: #f7f7f7;border-top-width: 1px;border-color: #e1e1e1;font-size: 11px;line-height: 17px;[b]padding: 21px [/b]0 20px;}

#footer {color: #7f7f7f;[b]margin: -310px[/b] 0 0 0;overflow-x: hidden;}


#77 Lamer

Lamer

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

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

Отправлено 25 Ноябрь 2014 - 22:56

Нет, не получается. Я совсем убрал футер-хидер, так лучше. Теперь может мне все же ответят на мои вышезаданные вопросы?
Картинки по бокам поставить.
Уменьшить подвал.
Поставить свою страницу "Контакты" в верхнее меню.
Нижнее меню сделать строкой

#78 Dars

Dars

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

  • Пользователи
  • PipPipPipPip
  • 1 410 сообщений

Отправлено 26 Ноябрь 2014 - 13:49

Просмотр сообщенияLamer (25 Ноябрь 2014 - 22:56) писал:

Нет, не получается. Я совсем убрал футер-хидер, так лучше. Теперь может мне все же ответят на мои вышезаданные вопросы?
Картинки по бокам поставить.
Уменьшить подвал.
Поставить свою страницу "Контакты" в верхнее меню.
Нижнее меню сделать строкой

В шаблоне HTML найдите код:

			<div class="col-xs-12 col-sm-6 col-md-3 widget links">
			 
			  <div class="nav">

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

			<div class="col-xs-12 col-sm-6 col-md-4 widget links">
			 
			  <div class="nav">

Далее, чтобы уменьшить подвал, найдите в main.css строку:

#footer {color: #7f7f7f;margin: -110px 0 0 0;overflow-x: hidden;}

и замените её на:

#footer {color: #7f7f7f;margin: -110px 0 0 0;overflow-x: hidden;height: 60px;}

Вместо 60 подставьте нужное значение высоты. Также вы, возможно, захотите уменьшить отступ снизу - увеличивайте значение -110.

По поводу контактов - в верхнем меню выводятся категории каталога, а не пункты меню. Поскольку "Контакты" у вас являются одной из товарных категорий, она имеет соответствующую ссылку. Можно попробовать вывести там же пункты меню, а не только категории товаров.

По поводу картинок - укажите расположение на скриншоте и названия загруженных картинок.

#79 Lamer

Lamer

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

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

Отправлено 26 Ноябрь 2014 - 22:54

Спасибо! как надо получилось.

Цитата

По поводу контактов - в верхнем меню выводятся категории каталога, а не пункты меню. Поскольку "Контакты" у вас являются одной из товарных категорий, она имеет соответствующую ссылку. Можно попробовать вывести там же пункты меню, а не только категории товаров.

Как вернуть контакты которые были дабы избежать танцев с бубном.?
Картинку прилагаю

Сейчас добавил в верхнее меню новый пункт с "произвольным адресом" ссылка ведет на страницу созданную - пункта что то вообще не видно......

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

  • Снимок.JPG

Сообщение отредактировал Lamer: 26 Ноябрь 2014 - 23:00


#80 ya_v_ten

ya_v_ten

    Продвинутый пользователь

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

Отправлено 28 Ноябрь 2014 - 02:18

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




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

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