Подскажите пожалуйста,
1. как сменить шрифт указанный на рисунке
2. Отредактировать подвал по стрелочкам, как на рисунке
3. Вставить миникарту яндекс, как указанно на рисунке.
Заранее спасибо!!!
0
Шрифты И Подвал
Автор Natalli, 17 дек. 2014 19:10
Сообщений в теме: 51
#1
Natalli
-
- Пользователи
-
- 9 сообщений
Новичок
Отправлено 17 Декабрь 2014 - 19:10
Здравствуйте!
Подскажите пожалуйста,
1. как сменить шрифт указанный на рисунке
2. Отредактировать подвал по стрелочкам, как на рисунке
3. Вставить миникарту яндекс, как указанно на рисунке.
Заранее спасибо!!!
Подскажите пожалуйста,
1. как сменить шрифт указанный на рисунке
2. Отредактировать подвал по стрелочкам, как на рисунке
3. Вставить миникарту яндекс, как указанно на рисунке.
Заранее спасибо!!!
#2
Vaccina
-
- Модераторы
-
- 24 319 сообщений
Активный участник
Отправлено 18 Декабрь 2014 - 03:39
1. В main.css найдите:
пропишите им необходимый стиль, например:
2.В шаблоне HTML найдите и удалите:
далее найдите:
3.В шаблоне HTML после:
.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">© {DATE_YEAR} «{SETTINGS_STORE_NAME}»<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">© {DATE_YEAR} «{SETTINGS_STORE_NAME}»<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>
#4
sofgtteam86
-
- Пользователи
-
- 85 сообщений
Продвинутый пользователь
Отправлено 07 Январь 2015 - 17:17
Здравствуйте.
Аккаунт SL-217350
Я убрал мобильную версию и обнаружил что в подвале фон отображается не до конца.
Можете посмотреть, я попытался у меня не получилось....
Аккаунт SL-217350
Я убрал мобильную версию и обнаружил что в подвале фон отображается не до конца.
Можете посмотреть, я попытался у меня не получилось....
#5
Vaccina
-
- Модераторы
-
- 24 319 сообщений
Активный участник
Отправлено 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
-
- Пользователи
-
- 88 сообщений
Продвинутый пользователь
Отправлено 26 Январь 2015 - 18:33
добрый день!
как в подвал сделать фоном картинку foot.png (на место черного прямоугольника в фут2), т.е. там где белый фон: оплата и копирайт, и какую высоту картинки нужно сделать?
акк 326781
как в подвал сделать фоном картинку foot.png (на место черного прямоугольника в фут2), т.е. там где белый фон: оплата и копирайт, и какую высоту картинки нужно сделать?
акк 326781
Прикрепленные изображения
#7
RayLi
-
- Модераторы
-
- 2 864 сообщений
Активный участник
Отправлено 26 Январь 2015 - 19:09
nymphetamin2004 (26 Январь 2015 - 18:33) писал:
добрый день!
как в подвал сделать фоном картинку foot.png (на место черного прямоугольника в фут2), т.е. там где белый фон: оплата и копирайт, и какую высоту картинки нужно сделать?
акк 326781
как в подвал сделать фоном картинку foot.png (на место черного прямоугольника в фут2), т.е. там где белый фон: оплата и копирайт, и какую высоту картинки нужно сделать?
акк 326781
Вы хотите изображение в подвале поместить на всю площадь белого фона или только под видами оплаты? Уточните, пожалуйста.
#8
nymphetamin2004
-
- Пользователи
-
- 88 сообщений
Продвинутый пользователь
Отправлено 26 Январь 2015 - 19:58
RayLi (26 Январь 2015 - 19:09) писал:
Здравствуйте.
Вы хотите изображение в подвале поместить на всю площадь белого фона или только под видами оплаты? Уточните, пожалуйста.
Вы хотите изображение в подвале поместить на всю площадь белого фона или только под видами оплаты? Уточните, пожалуйста.
и тогда сразу вопрос как в первом футере вместо коричневого фона убрать цветной фон и вместо него чтоб был фон сайта? fon1.jpg.
#9
Vaccina
-
- Модераторы
-
- 24 319 сообщений
Активный участник
Отправлено 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
-
- Пользователи
-
- 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
-
- Пользователи
-
- 2 355 сообщений
Активный участник
Отправлено 27 Январь 2015 - 13:10
nymphetamin2004 (27 Январь 2015 - 12:26) писал:
спасибо то что нужно. но почему то картинка не полностью внизу. Как ее сделать на всю область где белый фон внизу. Под оплаты тоже чтоб задевала так сказать?
Скрытый текст
на
Скрытый текст
#12
Антон Ефимов
-
- Пользователи
-
- 12 сообщений
Пользователь
Отправлено 08 Апрель 2015 - 10:24
Добрый день,Необходимо вынести из подвала колонку новости магазина в правый бок страницы?
#13
Danil
-
- Пользователи
-
- 4 645 сообщений
Активный участник
Отправлено 08 Апрель 2015 - 10:29
Антон Ефимов (08 Апрель 2015 - 10:24) писал:
Добрый день,Необходимо вынести из подвала колонку новости магазина в правый бок страницы?
Пришлите номер аккаунта.
#15
Danil
-
- Пользователи
-
- 4 645 сообщений
Активный участник
Отправлено 08 Апрель 2015 - 11:26
Антон Ефимов (08 Апрель 2015 - 11:10) писал:
sl-339177
Возможно вам подойдет размещение блока новостей в левой колонке?
#16
Антон Ефимов
-
- Пользователи
-
- 12 сообщений
Пользователь
Отправлено 08 Апрель 2015 - 11:27
Да вполне,а для телефонного экрана она тоже будет адаптирована?
#17
Danil
-
- Пользователи
-
- 4 645 сообщений
Активный участник
Отправлено 08 Апрель 2015 - 11:38
Антон Ефимов (08 Апрель 2015 - 11:27) писал:
Да вполне,а для телефонного экрана она тоже будет адаптирована?
<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
Антон Ефимов
-
- Пользователи
-
- 12 сообщений
Пользователь
Отправлено 08 Апрель 2015 - 12:01
Не могу найти в css .menu_main li {
#19
RayLi
-
- Модераторы
-
- 2 864 сообщений
Активный участник
Отправлено 08 Апрель 2015 - 12:05
Антон Ефимов (08 Апрель 2015 - 12:01) писал:
Не могу найти в css .menu_main li {
Нужный вам код находится на 553-й строке в шаблоне main.css .
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных
