Главная Страница
#1
Отправлено 23 Июнь 2013 - 16:45
1. Хочу убрать слово МобиФан.
2. Поменять цвет, размер и выделить жирным аську и контакты.
3. Как в этом поле написать текст?
4. Как сделать чтобы все было ровно, знаю что из-за разного разрешения снимков товара, но может быть можно как-то сделать чтобы они сами сжимались до примерно одинаковых размеров, или что-то вроде того?
#2
Отправлено 23 Июнь 2013 - 17:34
Brend7111 (23 Июнь 2013 - 16:45) писал:
1. Хочу убрать слово МобиФан.
2. Поменять цвет, размер и выделить жирным аську и контакты.
3. Как в этом поле написать текст?
4. Как сделать чтобы все было ровно, знаю что из-за разного разрешения снимков товара, но может быть можно как-то сделать чтобы они сами сжимались до примерно одинаковых размеров, или что-то вроде того?
Безымянный.png
#3
Отправлено 23 Июнь 2013 - 19:00
#4
Отправлено 23 Июнь 2013 - 20:36
Brend7111 (23 Июнь 2013 - 16:45) писал:
1. Хочу убрать слово МобиФан.
2. Поменять цвет, размер и выделить жирным аську и контакты.
3. Как в этом поле написать текст?
4. Как сделать чтобы все было ровно, знаю что из-за разного разрешения снимков товара, но может быть можно как-то сделать чтобы они сами сжимались до примерно одинаковых размеров, или что-то вроде того?
Безымянный.png
<h1 title="МобиФан">и удалите там это слово.
2. В main.css найдите строку
.phone{font-size:17px; /*размер шрифта*/ color:red; /*ваш цвет*/ }и добавьте там параметр font-weight: bold; как указано ниже
.phone{font-size:17px; /*размер шрифта*/ color:red; /*ваш цвет*/ ;font-weight: bold;}C ICQ аналогично строки
.v-middle, .valignMiddle { vertical-align:middle !important;}на
.v-middle, .valignMiddle { vertical-align:middle !important; font-weight: bold;}чтобы изменить размер изменить параметр font-size, чтобы изменить цвет добавьте параметр color: цвет .
3. Укажите, пожалуйста, в каком конкретно поле?
4. Покажите на примере. чтобы мы правильно вас поняли.
#6
Отправлено 24 Июнь 2013 - 18:01
Brend7111 (24 Июнь 2013 - 15:56) писал:
Безымянный.png
3. Вот где синие полосы хочу вставить текст.
4. Что бы красная линия была прямая.
3. Это адаптивный шаблон, поэтому при разном разрешении экрана он будет выглядеть по-разному. Если там поставить текст, то при небольшом разрешении экрана поиск может переместиться на этот текст (можете сами попробовать уменьшить окно браузера)
Можно на то место картинку какую-нибудь поставить (шапка сайта) и тогда в случае, если поиск окажется там, визуально это будет выглядеть хорошо.
4. Вам нужно, чтобы все изображения были одной высоты, либо можно попробовать следующее:
найдите в html строчку
<div style="width: 100%;position: relative;height: 100%;overflow:hidden;">замените на
<div style="width: 100%;position: relative;height: 198px;overflow:hidden;">
#8
Отправлено 17 Июль 2013 - 19:54
далее в фале html
найдите код
<div class="mycont"> <ul class="mycarousel">
и замените его на код
<div class="mycont"> {% IF index_page %} <!-- /Главная страница --> {BODY} {% ENDIF %} <ul class="mycarousel">
далее там же найдите код
{% ENDIF %} <!-- /Главная страница --> {BODY}
и замените на код
{% ENDIF %} {% IFNOT index_page %} <!-- /Главная страница --> {BODY} {% ENDIF %}
#9
Отправлено 18 Июль 2013 - 15:58
#10 Гость_Наталья C._*
Отправлено 06 Сентябрь 2013 - 15:24
shnafix (23 Июнь 2013 - 20:36) писал:
<h1 title="МобиФан">и удалите там это слово.
2. В main.css найдите строку
.phone{font-size:17px; /*размер шрифта*/ color:red; /*ваш цвет*/ }и добавьте там параметр font-weight: bold; как указано ниже
.phone{font-size:17px; /*размер шрифта*/ color:red; /*ваш цвет*/ ;font-weight: bold;}C ICQ аналогично строки
.v-middle, .valignMiddle { vertical-align:middle !important;}на
.v-middle, .valignMiddle { vertical-align:middle !important; font-weight: bold;}чтобы изменить размер изменить параметр font-size, чтобы изменить цвет добавьте параметр color: цвет .
3. Укажите, пожалуйста, в каком конкретно поле?
4. Покажите на примере. чтобы мы правильно вас поняли.
Подскажите, а как мне убрать название магазина из кода <header role="banner">
<div class="hgroup">
<h1 title="{SETTINGS_STORE_NAME}"><a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}"><img src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}" /><br />{SETTINGS_STORE_NAME}</a></h1>
на ноутбуке его нет, но если с телефона открывать сайт, то кусок его все же появляется.
2) И еще нужно чуть покрупнее телефон сделать. Не смогла найти строчку .phone{font-size:17px;/*размер шрифта*/
#11
Отправлено 06 Сентябрь 2013 - 16:55
так как код приведенный вам не содержится в вашем шаблоне аккаунта
151952
#12 Гость_Наталья C._*
#13
Отправлено 06 Сентябрь 2013 - 18:06
<h1 title="{SETTINGS_STORE_NAME}"><a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}"><img src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}" /><br />{SETTINGS_STORE_NAME}</a></h1>
удалите выделенное жирным шрифтом
Что бы увеличить телефон в конец файла Style.css добавьте код
.phone { font-size: 25px; }
меняйте значение параметра что бы установить нужный вам размер шрифта
#14 Гость_Наталья C._*
Отправлено 23 Сентябрь 2013 - 10:53
SL-232611
#15
Отправлено 23 Сентябрь 2013 - 11:04
Наталья C. (23 Сентябрь 2013 - 10:53) писал:
SL-232611
Код:
<input class="search" name="q" type="search" value="Поиск по магазину..." onfocus="if(this.value=='Поиск по магазину...'){this.value='';}" onblur="if(this.value==''){this.value='Поиск по магазину...';}">
#16 Гость_Наталья C._*
Отправлено 24 Сентябрь 2013 - 21:07
Подскажите, как можно "превратить" мое черное поле с каталогом в широкое поле, разделенное на 3 части (у меня 3 категории в каталоге).
Причем при наведении на категорию цвет картинки должен меняться и появляться выступающий маленький прямоугольник (скриншот приложила). Сайт-образец
То есть область с каталогом должна быть у меня внизу страницы и каждый из 3-х прямоугольников будет ссылаться на определенное место на главной странице.
Мне нужно подготовить 3 картинки или 6 (чтобы 3 категории при наведении меняли цвет)?
И важно: эта область с каталогом должна быть только на главной странице.
Надеюсь, понятно написала )))
Заранее спасибо!
Аккаунт SL-232611
#17
Отправлено 25 Сентябрь 2013 - 02:13
<footer>
вставьте
{% IF index_page %} <nav id="bottomNav"> <div class="container"> <div class="row"> <div class="span4 active"> <a class="a-title section-1" href="#section-1">section 1</a> </div> <div class="span4"> <a class="a-title section-2" href="#section-2">section 2</a> </div> <div class="span4"> <a class="a-title section-3" href="#section-3">section 3</a> </div> </div> </div> <div id="navArrow"></div> </nav> {% ENDIF %}
далее необходимо добавить код в файл стилей style.css
#bottomNav { background: #0EA5A0; border-top: 1px solid #098581; bottom: 0; box-shadow: -5px 0 15px 0 rgba(0, 0, 0, .3); height: 91px; left: 0; position: fixed; width: 100%; z-index: 10; } #navArrow { background: url("{ASSETS_IMAGES_PATH}arrow.png") no-repeat center center; bottom: 91px; height: 16px; left: 0; position: fixed; width: 64px; z-index: 2; } #bottomNav .span4:hover, #bottomNav .span4:focus, #bottomNav .span4.active { background-color: #1BBEB9; } #bottomNav .span4:first-child { background: none; } #bottomNav .span4 { background: url("{ASSETS_IMAGES_PATH}divider.png") no-repeat left center; margin-left: 0; padding-left: 18px; } #bottomNav .a-title.projection { background: url("{ASSETS_IMAGES_PATH}section-1.png") no-repeat 40px 60%; } #bottomNav .a-title { display: block; font: 18px/24px 'PTSansRegular',sans-serif; padding: 24px 15px 18px 95px; text-transform: uppercase; width: auto; } .a-title { color: #FFFFFF; display: inline-block; font: 18px/22px 'PTSansBold',sans-serif; } #bottomNav .row:before, #bottomNav .row:after { content: ""; display: table; line-height: 0; } #bottomNav .row:after { clear: both; } #bottomNav .row:before, #bottomNav .row:after { content: ""; display: table; line-height: 0; } #bottomNav .row { margin-left: -18px; } #bottomNav .span4 { width: 314px; } #bottomNav [class*="span"] { float: left; margin-left: 18px; min-height: 1px; }
Далее необходимо загрузить изображения в раздел редактора тем. Изображение "arrow.png" это стрелка, изображение "divider.png" это разделитель блоков, изображение "section-1.png" это изображение первого блока.
#18 Гость_Наталья C._*
Отправлено 25 Сентябрь 2013 - 12:14
Koderhan (23 Сентябрь 2013 - 11:04) писал:
Код:
<input class="search" name="q" type="search" value="Поиск по магазину..." onfocus="if(this.value=='Поиск по магазину...'){this.value='';}" onblur="if(this.value==''){this.value='Поиск по магазину...';}">
Добрый день!
Как сделать так, чтобы при нажатии в ячейку поиска слово "поиск..." исчезало бы?
А то сейчас получается ввод фразы вместе с этим словом. Спасибо
#19
Отправлено 25 Сентябрь 2013 - 12:27
Наталья C. (25 Сентябрь 2013 - 12:14) писал:
Как сделать так, чтобы при нажатии в ячейку поиска слово "поиск..." исчезало бы?
А то сейчас получается ввод фразы вместе с этим словом. Спасибо
<input class="search" name="q" type="search" value="Поиск..." onfocus="if(this.value=='Поиск...'){this.value='';}" onblur="if(this.value==''){this.value='Поиск...';}">
#20 Гость_Наталья C._*
Отправлено 26 Сентябрь 2013 - 14:05
Vaccina (25 Сентябрь 2013 - 02:13) писал:
<footer>
вставьте
{% IF index_page %} <nav id="bottomNav"> <div class="container"> <div class="row"> <div class="span4 active"> <a class="a-title section-1" href="#section-1">section 1</a> </div> <div class="span4"> <a class="a-title section-2" href="#section-2">section 2</a> </div> <div class="span4"> <a class="a-title section-3" href="#section-3">section 3</a> </div> </div> </div> <div id="navArrow"></div> </nav> {% ENDIF %}
далее необходимо добавить код в файл стилей style.css
#bottomNav { background: #0EA5A0; border-top: 1px solid #098581; bottom: 0; box-shadow: -5px 0 15px 0 rgba(0, 0, 0, .3); height: 91px; left: 0; position: fixed; width: 100%; z-index: 10; } #navArrow { background: url("{ASSETS_IMAGES_PATH}arrow.png") no-repeat center center; bottom: 91px; height: 16px; left: 0; position: fixed; width: 64px; z-index: 2; } #bottomNav .span4:hover, #bottomNav .span4:focus, #bottomNav .span4.active { background-color: #1BBEB9; } #bottomNav .span4:first-child { background: none; } #bottomNav .span4 { background: url("{ASSETS_IMAGES_PATH}divider.png") no-repeat left center; margin-left: 0; padding-left: 18px; } #bottomNav .a-title.projection { background: url("{ASSETS_IMAGES_PATH}section-1.png") no-repeat 40px 60%; } #bottomNav .a-title { display: block; font: 18px/24px 'PTSansRegular',sans-serif; padding: 24px 15px 18px 95px; text-transform: uppercase; width: auto; } .a-title { color: #FFFFFF; display: inline-block; font: 18px/22px 'PTSansBold',sans-serif; } #bottomNav .row:before, #bottomNav .row:after { content: ""; display: table; line-height: 0; } #bottomNav .row:after { clear: both; } #bottomNav .row:before, #bottomNav .row:after { content: ""; display: table; line-height: 0; } #bottomNav .row { margin-left: -18px; } #bottomNav .span4 { width: 314px; } #bottomNav [class*="span"] { float: left; margin-left: 18px; min-height: 1px; }
Далее необходимо загрузить изображения в раздел редактора тем. Изображение "arrow.png" это стрелка, изображение "divider.png" это разделитель блоков, изображение "section-1.png" это изображение первого блока.
Спасибо за столь подробную инструкцию.
Коды вставила, первое изображение section-1 загрузила в файлы, но оно не отображается.
Подскажите, в чем может быть причина? И каким размером в пикселях делать изображения?
Я нашла в коде цифру 91 пиксель в высоту. А вот про ширину ничего не нашла. Поможете?
Заранее спасибо!
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных