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


Изменение Стилистики

новости логотип стиль шапка

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

#21 blackdron

blackdron

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

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

Отправлено 18 Август 2014 - 16:53

Просмотр сообщенияAnnaM (18 Август 2014 - 16:48) писал:

Конечно,как и из обычного изображения.
Вы поможете мне внедрить этот слайдер на сайт?

#22 daria_dnk

daria_dnk

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

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

Отправлено 18 Август 2014 - 20:54

Просмотр сообщенияblackdron (18 Август 2014 - 16:53) писал:

Вы поможете мне внедрить этот слайдер на сайт?
Здравствуйте! Следуйте написанной инструкции. Если что-то не будет получатся или возникнут вопросы, то пожалуйста обращайтесь.

#23 blackdron

blackdron

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

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

Отправлено 19 Август 2014 - 10:28

1. Подскажите, пожалуйста, как изменить стиль ссылки главной странице текст Здесь последние новости! Молния!, как на этой странице: http://edoshakazan.c...inka-na-sajte-4 . Т.е. без подчеркивания и чтобы при наведение выделялось красным цветом.
2. Как сделать так, чтобы заливка цветом сверху и снизу были одинаковые, где логотип
3. Какой именно код удалить из футера, чтобы снизу убрать новости, а под каталог оставить
4. Можно ли сделать так, чтобы стиль новостей (которые под каталогом) было такое же, как и в футере

Заранее спасибо!

#24 MikDark

MikDark

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

  • Модераторы
  • 6 468 сообщений

Отправлено 19 Август 2014 - 10:36

Просмотр сообщенияblackdron (19 Август 2014 - 10:28) писал:

1. Подскажите, пожалуйста, как изменить стиль ссылки главной странице текст Здесь последние новости! Молния!, как на этой странице: http://edoshakazan.c...inka-na-sajte-4 . Т.е. без подчеркивания и чтобы при наведение выделялось красным цветом.
2. Как сделать так, чтобы заливка цветом сверху и снизу были одинаковые, где логотип
3. Какой именно код удалить из футера, чтобы снизу убрать новости, а под каталог оставить
4. Можно ли сделать так, чтобы стиль новостей (которые под каталогом) было такое же, как и в футере

Заранее спасибо!

1) В шаблоне HTML найдите:
<h2 style="font-style: italic; text-align: center;"><span style="font-size:28px;"><span style="font-family:comic sans ms,cursive;"><a href="http://edoshakazan.com/news?sid=1" target="_blank"><span style="color:#FC8B17;">Здесь последние новости!</span></a><span style="color:#FC8B17;"> </span><a href="http://edoshakazan.com/news/Vnimanie-degustaciya-6"><span style="color:#FC8B17;">Молния!</span></a></span></span></h2>

и замените на:
<h2 style="font-style: italic; text-align: center;"><span style="font-size:28px;"><span style="font-family:comic sans ms,cursive;"><a href="http://edoshakazan.com/news?sid=1" target="_blank" class="moln"><span style="color:#FC8B17;">Здесь последние новости!</span></a><span style="color:#FC8B17;"> </span><a href="http://edoshakazan.com/news/Vnimanie-degustaciya-6" class="moln"><span style="color:#FC8B17;">Молния!</span></a></span></span></h2>

Далее в main.css добавляем:
.moln{text-decoration:none;}
.moln:hover{color:red;}

2) Покажите, пожалуйста, на скриншоте, какую часть именно нужно окрасить

3) Нужно удалить из шаблона HTML код:
<!--  Если есть список из любых новостей и если в тарифном плане подключен модуль новостей -->
		{% IFNOT news_list_all_empty && TARIFF_FEATURE_NEWS %}
		  <div class="one_fourth column">
			<a href="{NEWS_ALL_URL}"><h4>Новости</h4></a>
			<ul class="footer_links">
			  {% FOR news_list_all %}
				<li><a href="{news_list_all.URL}" title="Перейти к странице &laquo;{news_list_all.TITLE}&raquo;" {% IF news_list_all.ID = NEWS_ID %}class="selected"{%ENDIF%}>{news_list_all.TITLE}</a></li>
			  {% ENDFOR %}
			</ul>
		  </div>
		{% ENDIF %}
		<!-- /Если есть список из любых новостей и если в тарифном плане подключен модуль новостей -->
	   
		<!-- Если есть список новости магазина и если в тарифном плане подключен модуль новостей -->
		{% IFNOT news_list_shop_empty && TARIFF_FEATURE_NEWS %}
		  <div class="one_fourth column">
			<a href="{NEWS_SHOP_URL}"><h4>Новости</h4></a>
			<ul class="footer_links">
			  {% FOR news_list_shop %}
				<li><a href="{news_list_shop.URL}" title="Перейти к странице &laquo;{news_list_shop.TITLE}&raquo;" {% IF news_list_shop.ID = NEWS_ID %}class="selected"{%ENDIF%}>{news_list_shop.TITLE}</a></li>
			  {% ENDFOR %}
			</ul>
		  </div>
		{% ENDIF %}
		<!-- /Если есть список новости магазина и если в тарифном плане подключен модуль новостей -->
   
		<!-- Если есть список статей магазина и если в тарифном плане подключен модуль новостей -->
		{% IFNOT news_list_articles_empty && TARIFF_FEATURE_NEWS %}
		  <div class="one_fourth column">
			<a href="{NEWS_ARTICLES_URL}"><h4>Статьи</h4></a>
			<ul class="footer_links">
			  {% FOR news_list_articles %}
				<li><a href="{news_list_articles.URL}" title="Перейти к странице &laquo;{news_list_articles.TITLE}&raquo;" {% IF news_list_articles.ID = NEWS_ID %}class="selected"{%ENDIF%}>{news_list_articles.TITLE}</a></li>
			  {% ENDFOR %}
			</ul>
		  </div>
		{% ENDIF %}
		<!-- /Если есть список статей магазина и если в тарифном плане подключен модуль новостей -->
	   
		<!-- Если есть список материалов СМИ магазина и если в тарифном плане подключен модуль новостей -->
		{% IFNOT news_list_mass_media_empty && TARIFF_FEATURE_NEWS %}
		  <div class="one_fourth column">
			<a href="{NEWS_MASS_MEDIA_URL}"><h4>Материалы СМИ</h4></a>
			<ul class="footer_links">
			  {% FOR news_list_mass_media %}
				<li><a href="{news_list_mass_media.URL}" title="Перейти к странице &laquo;{news_list_mass_media.TITLE}&raquo;" {% IF news_list_mass_media.ID = NEWS_ID %}class="selected"{%ENDIF%}>{news_list_mass_media.TITLE}</a></li>
			  {% ENDFOR %}
			</ul>
		  </div>
		{% ENDIF %}
		<!-- /Если есть список материалов СМИ магазина и если в тарифном плане подключен модуль новостей -->

4) В main.css найдите:
#footer .column ul.footer_links {
margin: 0;
padding: 0;
list-style: none;
}

и замените на:
ul.footer_links {
margin: 0;
padding: 0;
list-style: none;
}

Далее найдите:
#footer .column ul.footer_links li {
margin: 0;
padding: 0;
border-bottom: 1px solid #e1e1e1;
}

и замените на:
ul.footer_links li {
margin: 0;
padding: 0;
border-bottom: 1px solid #e1e1e1;
}


#25 blackdron

blackdron

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

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

Отправлено 19 Август 2014 - 10:41

Просмотр сообщенияMikDark (19 Август 2014 - 10:36) писал:

Далее в main.css добавляем:
.moln{text-decoration:none;}
.moln:hover{color:red;}
Почему-то при наведение не меняет цвет на красный

#26 MikDark

MikDark

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

  • Модераторы
  • 6 468 сообщений

Отправлено 19 Август 2014 - 10:43

Просмотр сообщенияblackdron (19 Август 2014 - 10:41) писал:

Почему-то при наведение не меняет цвет на красный

В main.css вместо этого кода добавьте:
a.moln:hover span {
color: black !important;
}


#27 blackdron

blackdron

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

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

Отправлено 19 Август 2014 - 11:10

Просмотр сообщенияMikDark (19 Август 2014 - 10:36) писал:

2) Покажите, пожалуйста, на скриншоте, какую часть именно нужно окрасить
На скрине видно, что расстояние снизу и сверху логотипа разные
Снимок2.jpg

#28 MikDark

MikDark

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

  • Модераторы
  • 6 468 сообщений

Отправлено 19 Август 2014 - 11:15

Просмотр сообщенияblackdron (19 Август 2014 - 11:10) писал:

Стиль почти не изменился. Мне нужно так, чтобы при наведение текст новости уходил чуть направо. Шаблон откуда можно брать, это как у каталога выше.


На скрине видно, что расстояние снизу и сверху логотипа разные
Прикрепленный файл Снимок2.jpg

Еще строки:
#footer .column ul.footer_links a {text-decoration: none;color: #666666;padding:15px 8px 14px 8px;display:block;font-size:12px;transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;}
#footer .column ul.footer_links a:hover {background-color:#f1f1f1;padding:15px 8px 14px 15px; }

замените на:
ul.footer_links a {text-decoration: none;color: #666666;padding:15px 8px 14px 8px;display:block;font-size:12px;transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s; }
ul.footer_links a:hover {background-color:#f1f1f1;padding:15px 8px 14px 15px; }

Просмотр сообщенияblackdron (19 Август 2014 - 11:10) писал:

На скрине видно, что расстояние снизу и сверху логотипа разные
Прикрепленный файл Снимок2.jpg

В main.css ищем:
#header #logo {
float: left;
clear: both;
margin: 12px 12px 12px 0;
}

и меняем на:
#header #logo {
float: left;
clear: both;
margin: 18px 12px 12px 0;
}


#29 blackdron

blackdron

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

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

Отправлено 19 Август 2014 - 11:22

Просмотр сообщенияMikDark (19 Август 2014 - 11:15) писал:

#header #logo {
float: left;
clear: both;
margin: 12px 12px 12px 0;
}

и меняем на:
#header #logo {
float: left;
clear: both;
margin: 18px 12px 12px 0;
}

Сейчас сверху 21px, а снизу 25. Смотрю по мягкому знаку

#30 MikDark

MikDark

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

  • Модераторы
  • 6 468 сообщений

Отправлено 19 Август 2014 - 11:27

Просмотр сообщенияblackdron (19 Август 2014 - 11:22) писал:

Сейчас сверху 21px, а снизу 25. Смотрю по мягкому знаку

Увеличьте тогда первый параметр в margin до нужного или уменьшите третий.

#31 blackdron

blackdron

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

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

Отправлено 19 Август 2014 - 11:55

Просмотр сообщенияMikDark (19 Август 2014 - 11:15) писал:

Еще строки:
#footer .column ul.footer_links a {text-decoration: none;color: #666666;padding:15px 8px 14px 8px;display:block;font-size:12px;transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;}
#footer .column ul.footer_links a:hover {background-color:#f1f1f1;padding:15px 8px 14px 15px; }
1. А можно сделать так, чтобы показывалось только 3 новости, а не 5?
2. Можно ли сделать так, чтобы у заголовка Новости был такой же стиль как у заголовка Каталог. Т.е. размер шрифта и без подчеркивания, но ссылка должна остаться на Все новости
3. Как уменьшить высоту футера?

Сообщение отредактировал blackdron: 19 Август 2014 - 11:57


#32 MikDark

MikDark

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

  • Модераторы
  • 6 468 сообщений

Отправлено 19 Август 2014 - 12:04

Просмотр сообщенияblackdron (19 Август 2014 - 11:55) писал:

1. А можно сделать так, чтобы показывалось только 3 новости, а не 5?
2. Можно ли сделать так, чтобы у заголовка Новости был такой же стиль как у заголовка Каталог. Т.е. размер шрифта и без подчеркивания, но ссылка должна остаться на Все новости
3. Как уменьшить высоту футера?

1) В шаблоне HTML найдите:
{% FOR news_list_all %}

после добавьте:
{% IF news_list_all.index > 3 %} {break} {% ENDIF %}

Далее ищем:
{% FOR news_list_articles %}

после добавляем:
{% IF news_list_articles.index > 3 %} {break} {% ENDIF %}

Ищем:
{% FOR news_list_mass_media %}

После добавляем:
{% IF news_list_mass_media.index > 3 %} {break} {% ENDIF %}

2) В main.css добавьте:
div#News {padding: 15px 0;
border-bottom: 1px solid #e1e1e1;
font-size: 20px;
font-weight: normal !important;
margin: 0 10px;
color: #666666;
}

3) В main.css ищем:
#footer .column {
margin-bottom: 15px;
min-height: 348px;
}

и меняем на:
#footer .column {
margin-bottom: 15px;
min-height: 200px;
}


#33 blackdron

blackdron

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

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

Отправлено 19 Август 2014 - 12:10

Просмотр сообщенияMikDark (19 Август 2014 - 12:04) писал:

1) В шаблоне HTML найдите:
{% FOR news_list_all %}

после добавьте:
{% IF news_list_all.index > 3 %} {break} {% ENDIF %}

Далее ищем:
{% FOR news_list_articles %}

после добавляем:
{% IF news_list_articles.index > 3 %} {break} {% ENDIF %}

Ищем:
{% FOR news_list_mass_media %}

После добавляем:
{% IF news_list_mass_media.index > 3 %} {break} {% ENDIF %}

Не могу найти код, который Вы написали, прилагаю код новостей у меня в HTML
<!-- Если есть список новости магазина и если в тарифном плане подключен модуль новостей -->
	 {% IFNOT news_list_shop_empty && TARIFF_FEATURE_NEWS %}
<div class="one_fourth column" id="News"[size=4]>
<a href="{NEWS_SHOP_URL}"><h4>Новости</h4></a>
		 <ul class="footer_links">
			 {% FOR news_list_shop %}
			 <li><a href="{news_list_shop.URL}" title="Перейти к странице &laquo;{news_list_shop.TITLE}&raquo;" {% IF news_list_shop.ID = NEWS_ID %}class="selected"{%ENDIF%}>{news_list_shop.TITLE}</a></li>
			 {% ENDFOR %}
		 </ul>
		 </div>
	 {% ENDIF %}
	 <!-- /Если есть список новости магазина и если в тарифном плане подключен модуль новостей -->


#34 blackdron

blackdron

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

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

Отправлено 19 Август 2014 - 12:15

Просмотр сообщенияMikDark (19 Август 2014 - 12:04) писал:

2) В main.css добавьте:
div#News {padding: 15px 0;
border-bottom: 1px solid #e1e1e1;
font-size: 20px;
font-weight: normal !important;
margin: 0 10px;
color: #666666;
}

Заголовок новостей не изменился

#35 MikDark

MikDark

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

  • Модераторы
  • 6 468 сообщений

Отправлено 19 Август 2014 - 12:15

Просмотр сообщенияblackdron (19 Август 2014 - 12:10) писал:

Не могу найти код, который Вы написали, прилагаю код новостей у меня в HTML
<!-- Если есть список новости магазина и если в тарифном плане подключен модуль новостей -->
	 {% IFNOT news_list_shop_empty && TARIFF_FEATURE_NEWS %}
<div class="one_fourth column" id="News"[size=4]>
<a href="{NEWS_SHOP_URL}"><h4>Новости</h4></a>
		 <ul class="footer_links">
			 {% FOR news_list_shop %}
			 <li><a href="{news_list_shop.URL}" title="Перейти к странице &laquo;{news_list_shop.TITLE}&raquo;" {% IF news_list_shop.ID = NEWS_ID %}class="selected"{%ENDIF%}>{news_list_shop.TITLE}</a></li>
			 {% ENDFOR %}
		 </ul>
		 </div>
	 {% ENDIF %}
	 <!-- /Если есть список новости магазина и если в тарифном плане подключен модуль новостей -->

После
{% FOR news_list_shop %}

вставьте:
{% IF news_list_shop.index > 3 %} {break} {% ENDIF %}


#36 blackdron

blackdron

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

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

Отправлено 19 Август 2014 - 13:00

Просмотр сообщенияMikDark (19 Август 2014 - 12:04) писал:

2) В main.css добавьте:
div#News {padding: 15px 0;
border-bottom: 1px solid #e1e1e1;
font-size: 20px;
font-weight: normal !important;
margin: 0 10px;
color: #666666;
}

Заголовок новостей не изменился

#37 MikDark

MikDark

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

  • Модераторы
  • 6 468 сообщений

Отправлено 19 Август 2014 - 13:12

Просмотр сообщенияblackdron (19 Август 2014 - 13:00) писал:

Заголовок новостей не изменился

Вот этот код поставьте:
div#News h4 {padding: 15px 0;
border-bottom: 1px solid #e1e1e1;
font-size: 20px;
font-weight: normal !important;
margin: 0 10px;
color: #666666;
}


#38 blackdron

blackdron

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

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

Отправлено 19 Август 2014 - 13:25

Просмотр сообщенияMikDark (19 Август 2014 - 13:12) писал:

Вот этот код поставьте:
div#News h4 {padding: 15px 0;
border-bottom: 1px solid #e1e1e1;
font-size: 20px;
font-weight: normal !important;
margin: 0 10px;
color: #666666;
}

А как убрать подчеркивание у заголовка? И чтобы при наведение изменял цвет на красный?

#39 Danil

Danil

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

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

Отправлено 19 Август 2014 - 14:20

Просмотр сообщенияblackdron (19 Август 2014 - 13:25) писал:

А как убрать подчеркивание у заголовка? И чтобы при наведение изменял цвет на красный?

Здравствуйте.
Зайдите main.css и добавьте код
div#News a {
text-decoration: none;
}
Так же добавьте код
div#News h4:hover {
color: #F00;
}


#40 blackdron

blackdron

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

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

Отправлено 19 Август 2014 - 14:33

Просмотр сообщенияDanil (19 Август 2014 - 14:20) писал:

Здравствуйте.
Зайдите main.css и добавьте код
div#News a {
text-decoration: none;
}
Так же добавьте код
div#News h4:hover {
color: #F00;
}

Все супер, осталось только сделать блок Новости такой же ширины, как и блок Каталога





Темы с аналогичным тегами новости, логотип, стиль, шапка

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

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