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


Шрифты И Подвал


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

#1 Natalli

Natalli

    Новичок

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

Отправлено 17 Декабрь 2014 - 19:10

Здравствуйте!
Подскажите пожалуйста,
1. как сменить шрифт указанный на рисунке
2. Отредактировать подвал по стрелочкам, как на рисунке
3. Вставить миникарту яндекс, как указанно на рисунке.
Заранее спасибо!!!

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

  • Image 080.png
  • Image 078.png


#2 Vaccina

Vaccina

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

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

Отправлено 18 Декабрь 2014 - 03:39

1. В main.css найдите:
.catButton {
	-moz-user-select: none;
	background: none repeat scroll 0 0 #df747a;
	box-shadow: 3px 3px 0 rgba(153, 153, 153, 0.2);
	color: white;
	cursor: pointer;
	font-size: 30px;
	font-weight: bold;
	padding: 12px;
	text-align: center;
}
.indexPageHeader span:after, .page_title span:after {
	background: none repeat scroll 0 0 #df747a;
	box-shadow: 3px 3px 0 rgba(153, 153, 153, 0.2);
	content: "";
	height: 100%;
	left: -10px;
	padding: 5px 18px 5px 5px;
	position: absolute;
	top: -5px;
	transform: skew(-20deg);
	width: 100%;
	z-index: -1;
}

пропишите им необходимый стиль, например:
.catButton {
	-moz-user-select: none;
	background: none repeat scroll 0 0 #df747a;
	box-shadow: 3px 3px 0 rgba(153, 153, 153, 0.2);
	color: white;
	cursor: pointer;
	font-size: 30px;
	font-weight: bold;
	padding: 12px;
font: 20px Arial;
	text-align: center;
}
.indexPageHeader span:after, .page_title span:after {
	background: none repeat scroll 0 0 #df747a;
	box-shadow: 3px 3px 0 rgba(153, 153, 153, 0.2);
	content: "";
	height: 100%;
	left: -10px;
	padding: 5px 18px 5px 5px;
	position: absolute;
	top: -5px;
	transform: skew(-20deg);
	width: 100%;
	z-index: -1;
font: 20px Arial;
}

2.В шаблоне HTML найдите и удалите:
  <div class="fluid-bg" id="footer-bottom">
   <div class="container">
   <div class="column full" id="footer-bottom-content">
	  <p class="copy">&copy; {DATE_YEAR} &laquo;{SETTINGS_STORE_NAME}&raquo;<br /> {SETTINGS_STORE_ORG_NAME}<br />
		  <span>{SETTINGS_STORE_REGION}</span><br />
		  <span>Все права защищены</span><br />
		  {COPYRIGHT_FOR_DESIGN_CHOCOLATE}
		  {SETTINGS_STORE_HTML_CODE}<br />
		</p>
   </div>
  </div>
</div>

далее найдите:
<div class="footer second">
  <div class="footercontent">
после него вставьте:
<div class="col4">
	   <h3 class="footerHeader">О нас</h3>
	   <div>
		 <div class="menu_main">
		   <p class="copy">&copy; {DATE_YEAR} &laquo;{SETTINGS_STORE_NAME}&raquo;<br /> {SETTINGS_STORE_ORG_NAME}<br />
		  <span>{SETTINGS_STORE_REGION}</span><br />
		  <span>Все права защищены</span><br />
		  {COPYRIGHT_FOR_DESIGN_CHOCOLATE}
		  {SETTINGS_STORE_HTML_CODE}<br />
		</p>
		 </div>
	  </div>
	</div>

3.В шаблоне HTML после:
<div class="col4">
	   <h3 class="footerHeader">Вконтакте</h3>
	   <div>
		 Место для кода виджета вконтакте
	   </div>
	</div>
вставьте:
<div class="col4">
	   <div>
		 Место для кода карты
	   </div>
	</div>


#3 Natalli

Natalli

    Новичок

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

Отправлено 18 Декабрь 2014 - 08:16

Спасибочки )) :)

#4 sofgtteam86

sofgtteam86

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

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

Отправлено 07 Январь 2015 - 17:17

Здравствуйте.
Аккаунт SL-217350

Я убрал мобильную версию и обнаружил что в подвале фон отображается не до конца.

Можете посмотреть, я попытался у меня не получилось....

Изображение

#5 Vaccina

Vaccina

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

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

Отправлено 13 Январь 2015 - 05:56

В данном случае лучше задать минимальную ширину сайта, чтобы избежать подобного казуса, для этого в main.css найдите:
body {
	font-family: "PT Sans Narrow",sans-serif;
}
замените на:
body {
	font-family: "PT Sans Narrow",sans-serif;
	min-width: 1300px;
}


#6 nymphetamin2004

nymphetamin2004

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

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

Отправлено 26 Январь 2015 - 18:33

добрый день!
как в подвал сделать фоном картинку foot.png (на место черного прямоугольника в фут2), т.е. там где белый фон: оплата и копирайт,  и какую высоту картинки нужно сделать?
акк 326781

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

  • 1.png


#7 RayLi

RayLi

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

  • Модераторы
  • 2 864 сообщений

Отправлено 26 Январь 2015 - 19:09

Просмотр сообщенияnymphetamin2004 (26 Январь 2015 - 18:33) писал:

добрый день!
как в подвал сделать фоном картинку foot.png (на место черного прямоугольника в фут2), т.е. там где белый фон: оплата и копирайт,  и какую высоту картинки нужно сделать?
акк 326781
Здравствуйте.
Вы хотите изображение в подвале поместить на всю площадь белого фона или только под видами оплаты? Уточните, пожалуйста.

#8 nymphetamin2004

nymphetamin2004

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

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

Отправлено 26 Январь 2015 - 19:58

Просмотр сообщенияRayLi (26 Январь 2015 - 19:09) писал:

Здравствуйте.
Вы хотите изображение в подвале поместить на всю площадь белого фона или только под видами оплаты? Уточните, пожалуйста.
на всю площадь белого фона.
и тогда сразу вопрос как в первом футере вместо коричневого фона убрать цветной фон и вместо него чтоб был фон сайта? fon1.jpg.

#9 Vaccina

Vaccina

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

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

Отправлено 27 Январь 2015 - 00:33

1.В main.css добавьте:
#footer-bottom{
background: url('ссылка на фон') repeat center top;
}
2.В main.css найдите:
.footer.first {
	background: #c9c4b4;
	border-bottom: 4px solid #bbb89a;
}
замените на:
.footer.first {
	background: url('ссылка на фон') repeat center top;
}


#10 nymphetamin2004

nymphetamin2004

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

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

Отправлено 27 Январь 2015 - 12:26

Просмотр сообщенияVaccina (27 Январь 2015 - 00:33) писал:

1.В main.css добавьте:
#footer-bottom{
background: url('ссылка на фон') repeat center top;
}
2.В main.css найдите:
.footer.first {
background: #c9c4b4;
border-bottom: 4px solid #bbb89a;
}
замените на:
.footer.first {
background: url('ссылка на фон') repeat center top;
}
спасибо то что нужно. но почему то картинка не полностью внизу. Как ее сделать на всю область где белый фон внизу. Под оплаты тоже чтоб задевала так сказать?

#11 Alekseys

Alekseys

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

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

Отправлено 27 Январь 2015 - 13:10

Просмотр сообщенияnymphetamin2004 (27 Январь 2015 - 12:26) писал:

спасибо то что нужно. но почему то картинка не полностью внизу. Как ее сделать на всю область где белый фон внизу. Под оплаты тоже чтоб задевала так сказать?
Здравствуйте. В шаблоне HTML замените Ваш блок с видами оплат
Скрытый текст
на
Скрытый текст


#12 Антон Ефимов

Антон Ефимов

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

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

Отправлено 08 Апрель 2015 - 10:24

Добрый день,Необходимо вынести из подвала колонку новости магазина в правый бок страницы?

#13 Danil

Danil

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

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

Отправлено 08 Апрель 2015 - 10:29

Просмотр сообщенияАнтон Ефимов (08 Апрель 2015 - 10:24) писал:

Добрый день,Необходимо вынести из подвала колонку новости магазина в правый бок страницы?
Здравствуйте.
Пришлите номер аккаунта.

#14 Антон Ефимов

Антон Ефимов

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

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

Отправлено 08 Апрель 2015 - 11:10

sl-339177

#15 Danil

Danil

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

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

Отправлено 08 Апрель 2015 - 11:26

Просмотр сообщенияАнтон Ефимов (08 Апрель 2015 - 11:10) писал:

sl-339177
К сожалению, структура данного шаблона не позволяет разместить новости в правой колонке(будет нарушена адаптивность).
Возможно вам подойдет размещение блока новостей в левой колонке?

#16 Антон Ефимов

Антон Ефимов

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

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

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

Да вполне,а для телефонного экрана она тоже будет адаптирована?

#17 Danil

Danil

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

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

Отправлено 08 Апрель 2015 - 11:38

Просмотр сообщенияАнтон Ефимов (08 Апрель 2015 - 11:27) писал:

Да вполне,а для телефонного экрана она тоже будет адаптирована?
В шаблоне html найдите код и удалите
<h3 class="footerHeader">Новости магазина</h3>
	   <div class="menu_main">
	   <ul>
		 <li><a href="{NEWS_SHOP_URL}">Последние Новости</a></li>
		 <li><a href="{NEWS_MASS_MEDIA_URL}">Материалы СМИ</a></li>
		 <li><a href="{NEWS_ARTICLES_URL}">Статьи</a></li>
	   </ul>
Далее в шаблоне html найдите код
 </div>
	   {% IFNOT index_page %}

и перед ним вставьте
<div class="leftbox">
	<h3 class="leftH">Новости магазина</h3>
	   <div class="menu_main">
	   <ul>
		 <li><a href="{NEWS_SHOP_URL}">Последние Новости</a></li>
		 <li><a href="{NEWS_MASS_MEDIA_URL}">Материалы СМИ</a></li>
		 <li><a href="{NEWS_ARTICLES_URL}">Статьи</a></li>
	   </ul>
	   </div>
	   </div>
В main.css найдите код
.menu_main li {
  list-style: none;
  margin-bottom: 10px;
  font-size: 14px;
}
и замените на
.menu_main li {
  list-style: none;
  font-size: 16px;
  padding: 5px 10px 5px;
}


#18 Антон Ефимов

Антон Ефимов

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

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

Отправлено 08 Апрель 2015 - 12:01

Не могу найти в css .menu_main li {

#19 RayLi

RayLi

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

  • Модераторы
  • 2 864 сообщений

Отправлено 08 Апрель 2015 - 12:05

Просмотр сообщенияАнтон Ефимов (08 Апрель 2015 - 12:01) писал:

Не могу найти в css .menu_main li {
Здравствуйте.
Нужный вам код находится на 553-й строке в шаблоне main.css .

#20 Антон Ефимов

Антон Ефимов

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

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

Отправлено 08 Апрель 2015 - 12:35

Спасибо!




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

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