Скорректировать Раздел Новости И Статьи
#1
Отправлено 12 Октябрь 2014 - 17:26
Вопрос 1. (рис1) Помогите удалить заголовок новости (зачеркнут черным) и расширить область (выделена красным).
Вопрос 2. (рис2) В шапке сайта добавить раздел "Новости и статьи" при нажатии на который будет в выделенной области появляться список разделов "Каталог статей", Материалы СМИ" и "Новости магазина" без новостей (просто список). При нажатии каждого раздела мы уже будем попадать непосредственно в раздел со списком новостей или статей и т.д.
#2
Отправлено 12 Октябрь 2014 - 17:30
andreyleo (12 Октябрь 2014 - 17:26) писал:
Вопрос 1. (рис1) Помогите удалить заголовок новости (зачеркнут черным) и расширить область (выделена красным).
Вопрос 2. (рис2) В шапке сайта добавить раздел "Новости и статьи" при нажатии на который будет в выделенной области появляться список разделов "Каталог статей", Материалы СМИ" и "Новости магазина" без новостей (просто список). При нажатии каждого раздела мы уже будем попадать непосредственно в раздел со списком новостей или статей и т.д.
h1.heading_title { margin-bottom: 40px; }на
h1.heading_title { margin-bottom: 40px; display: none; }и
#content h2.heading_title { min-height: 29px; }на
#content h2.heading_title { min-height: 65px; }
#3
Отправлено 12 Октябрь 2014 - 18:46
По Вопросу 1 понятно, но хотелось бы, чтобы высота подгонялась бы под заголовок в зависимости от количества строк.
По Вопросу 2 жду ответа.
#4
Отправлено 12 Октябрь 2014 - 19:14
andreyleo (12 Октябрь 2014 - 18:46) писал:
По Вопросу 1 понятно, но хотелось бы, чтобы высота подгонялась бы под заголовок в зависимости от количества строк.
По Вопросу 2 жду ответа.
#5
Отправлено 12 Октябрь 2014 - 20:46
AnnaM (12 Октябрь 2014 - 19:14) писал:
Вообще в данный момент при изменении параметра min-height c 29px на 65px высота осталась фиксированной на 65px, а не подгоняется под высоту в зависимости от количества строк в заголовке.
#6
Отправлено 13 Октябрь 2014 - 10:34
andreyleo (12 Октябрь 2014 - 20:46) писал:
По Вопросу 2 жду ответа.
Вам нужно создать страницу "Новости"
далее нужно зайти в раздел Сайт -Меню и добавить необходимый пункт к меню ссылаясь на данную страницу
далее отпишитесь нам
#7
Отправлено 13 Октябрь 2014 - 11:30
Ирина345 (13 Октябрь 2014 - 10:34) писал:
Вам нужно создать страницу "Новости"
далее нужно зайти в раздел Сайт -Меню и добавить необходимый пункт к меню ссылаясь на данную страницу
далее отпишитесь нам
Страницу "Новости и статьи" создал, а вот создать блок меню не получается, не знаю что написать в "имя переменной в шаблоне".
#8
Отправлено 13 Октябрь 2014 - 11:48
Ирина345 (13 Октябрь 2014 - 10:34) писал:
Вам нужно создать страницу "Новости"
далее нужно зайти в раздел Сайт -Меню и добавить необходимый пункт к меню ссылаясь на данную страницу
далее отпишитесь нам
Сделал, что дальше?
#9
Отправлено 13 Октябрь 2014 - 12:02
andreyleo (13 Октябрь 2014 - 11:48) писал:
#10
Отправлено 13 Октябрь 2014 - 12:24
AnnaM (13 Октябрь 2014 - 12:02) писал:
Не понял о чем Вы?
Раздел в шапке "Новости и статьи" я создал. Теперь мне нужно, чтобы при нажатии на раздел "Новости и статьи" выходили подразделы "Новости", "Статьи" и "Материалы СМИ" (рис3). Эти подразделы уже существуют, мне их надо связать с созданным раздело "Новости и статьи".
#11
Отправлено 13 Октябрь 2014 - 13:11
andreyleo (13 Октябрь 2014 - 12:24) писал:
Раздел в шапке "Новости и статьи" я создал. Теперь мне нужно, чтобы при нажатии на раздел "Новости и статьи" выходили подразделы "Новости", "Статьи" и "Материалы СМИ" (рис3). Эти подразделы уже существуют, мне их надо связать с созданным раздело "Новости и статьи".
<a href="ССЫЛКА НА НОВОСТИ">Новости</a> <a href="ССЫЛКА НА СТАТЬИ">Статьи</a> <a href="ССЫЛКА НА МАТЕРИАЛЫ СМИ">Материалы СМИ</a>
#12
Отправлено 13 Октябрь 2014 - 16:55
На рис4 вот что получилось, когда я сделал это:
Ирина345 (13 Октябрь 2014 - 10:34) писал:
Вам нужно создать страницу "Новости"
далее нужно зайти в раздел Сайт -Меню и добавить необходимый пункт к меню ссылаясь на данную страницу
далее отпишитесь нам
На рис5 вот что получилось, когда сделал это:
AnnaM (13 Октябрь 2014 - 13:11) писал:
<a href="ССЫЛКА НА НОВОСТИ">Новости</a> <a href="ССЫЛКА НА СТАТЬИ">Статьи</a> <a href="ССЫЛКА НА МАТЕРИАЛЫ СМИ">Материалы СМИ</a>
На рис6 отображена (как смог) что я хочу.
1. Каждое название раздела должно находиться в своей рамке (черным я выделил непосредственно область в которой находиться сама рамка)
2. Каждое название раздела должно подчеркиваться в общей стилистике сайта.
3. Шрифт должен соответствовать общей стилистике
4. Название радела должна также отображаться в области (выделено красной рамкой, а не пропадать как это видно рис7.)
Пожалуйста, отвечайте только на вопросы которые я задал, а не просто чтобы по быстрому ответить. Если в том что я прошу нельзя помочь, так и напишите.
PS Выше я так же задавал вопрос по поводу корректировки высоты заголовка (рис1 в самом начале темы). На него мне так и не до конца ответили.
Когда я изменил параметр min-height c 29px на 65px высота осталась фиксированной на 65px, а не подгоняется под высоту в зависимости от количества строк в заголовке. Как мне сделать чтобы высота подгонялась в зависимости от количества строк.
#13
Отправлено 13 Октябрь 2014 - 17:31
andreyleo (13 Октябрь 2014 - 16:55) писал:
На рис4 вот что получилось, когда я сделал это:
меня это устраивает
На рис5 вот что получилось, когда сделал это:
с этого момента данные изменения, не то о чем я просил помочь. Я понимаю, что можно на получившиеся заголовки повесить ссылки, но стилистика сайта уже не будет соблюдаться.
На рис6 отображена (как смог) что я хочу.
1. Каждое название раздела должно находиться в своей рамке (черным я выделил непосредственно область в которой находиться сама рамка)
2. Каждое название раздела должно подчеркиваться в общей стилистике сайта.
3. Шрифт должен соответствовать общей стилистике
4. Название радела должна также отображаться в области (выделено красной рамкой, а не пропадать как это видно рис7.)
Пожалуйста, отвечайте только на вопросы которые я задал, а не просто чтобы по быстрому ответить. Если в том что я прошу нельзя помочь, так и напишите.
PS Выше я так же задавал вопрос по поводу корректировки высоты заголовка (рис1 в самом начале темы). На него мне так и не до конца ответили.
Когда я изменил параметр min-height c 29px на 65px высота осталась фиксированной на 65px, а не подгоняется под высоту в зависимости от количества строк в заголовке. Как мне сделать чтобы высота подгонялась в зависимости от количества строк.
<a href="ССЫЛКА НА НОВОСТИ">Новости</a> <a href="ССЫЛКА НА СТАТЬИ">Статьи</a> <a href="ССЫЛКА НА МАТЕРИАЛЫ СМИ">Материалы СМИ</a>на этот
<div class="newsbox"> <a href="ССЫЛКА НА НОВОСТИ">Новости</a> </div> <div class="newsbox"><a href="ССЫЛКА НА СТАТЬИ">Статьи</a> </div> <div class="newsbox" style=" /* border: none; */ "><a href="ССЫЛКА НА МАТЕРИАЛЫ СМИ">Материалы СМИ</a> </div>Затем, добавьте в конец main.css
.newsbox { border-bottom: 4px solid #e1e1e1; border-radius: 5px; padding-bottom: 15px; font-size: 26px; line-height: 30px; margin-bottom: 20px; }
ПО 4-му пункту, такое реализовать технически не представляется возможным.
#14
Отправлено 13 Октябрь 2014 - 18:33
1. Где регулируется высота, указанная на рис8
2.Вы так и не ответили на вопрос:
andreyleo (13 Октябрь 2014 - 16:55) писал:
Когда я изменил параметр min-height c 29px на 65px высота осталась фиксированной на 65px, а не подгоняется под высоту в зависимости от количества строк в заголовке. Как мне сделать чтобы высота подгонялась в зависимости от количества строк.
#15
Отправлено 14 Октябрь 2014 - 01:37
#content .box .box-content { background-color: #ffffff; border-bottom: 4px solid #e1e1e1; border-radius: 5px; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); margin-bottom: 5px; padding: 20px 10px; position: relative; }измените значение стиля padding
2.В main.css найдите:
#content .heading_title span { border-bottom: 1px solid #ff0551; bottom: -1px; left: 0; padding-bottom: 8px; padding-right: 10px; position: absolute; }замените на:
#content .heading_title span { border-bottom: 1px solid #ff0551; display: block; padding-bottom: 8px; padding-right: 10px; position: relative; }
#17
Отправлено 15 Октябрь 2014 - 11:46
andreyleo (14 Октябрь 2014 - 12:35) писал:
Вопрос 1 - решен
Вопрос 2 - частично решен, но возникли две проблемы (отображено на рис9):
1. Линии разошлись
2. Красная линия раньше была по длине заголовка, а теперь она на всю длину.
Как решить эти вопросы?
#18
Отправлено 15 Октябрь 2014 - 13:11
Dars (15 Октябрь 2014 - 11:46) писал:
На момент вашего просмотра я отменил изменения, но при этом заголовок не отображается корректно. На рис10 видно, что разная высота между заголовком и верхней границей в зависимости от количества строк в заголовке.
Затем я сделал так:
Vaccina (14 Октябрь 2014 - 01:37) писал:
#content .heading_title span { border-bottom: 1px solid #ff0551; bottom: -1px; left: 0; padding-bottom: 8px; padding-right: 10px; position: absolute; }замените на:
#content .heading_title span { border-bottom: 1px solid #ff0551; display: block; padding-bottom: 8px; padding-right: 10px; position: relative; }
На рис11 видно что вопрос частично решен, но:
1.разошлись линии
2.линия которая заполнялась цветом на длину заголовка теперь заполняется на всю длину не зависимо от длины заголовка. Мне нужно подкорректировать эти вопросы.
#19
Отправлено 15 Октябрь 2014 - 13:28
andreyleo (15 Октябрь 2014 - 13:11) писал:
Затем я сделал так:
На рис11 видно что вопрос частично решен, но:
1.разошлись линии
2.линия которая заполнялась цветом на длину заголовка теперь заполняется на всю длину не зависимо от длины заголовка. Мне нужно подкорректировать эти вопросы.
#content .heading_title span {border-bottom: 1px solid #ff0551;display: block;padding-bottom: 8px;padding-right: 10px;position: relative;}
и замените её на:
#content .heading_title span {border-bottom: 1px solid #ff0551;display: inline;padding-bottom: 8px;padding-right: 10px;position: relative;}
а строку:
#content h2.heading_title {min-height:55px;}
на:
#content h2.heading_title {/*min-height:55px;*/}
#20
Отправлено 15 Октябрь 2014 - 13:53
Dars (15 Октябрь 2014 - 13:28) писал:
#content .heading_title span {border-bottom: 1px solid #ff0551;display: block;padding-bottom: 8px;padding-right: 10px;position: relative;}
и замените её на:
#content .heading_title span {border-bottom: 1px solid #ff0551;display: inline;padding-bottom: 8px;padding-right: 10px;position: relative;}
а строку:
#content h2.heading_title {min-height:55px;}
на:
#content h2.heading_title {/*min-height:55px;*/}
Почти получилось, но на рис12 видно, что заголовок с двумя строчками подчеркивается двумя линиями, а нужно одной снизу, не зависимо от количества строк, ведь заголовок то один, не имеет значения сколько строк. Возможно подправить?
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных