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


Скорректировать Раздел Новости И Статьи


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

#1 andreyleo

andreyleo

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

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

Отправлено 12 Октябрь 2014 - 17:26

Здравствуйте

Вопрос 1. (рис1) Помогите удалить заголовок новости (зачеркнут черным) и расширить область (выделена красным).

Вопрос 2. (рис2) В шапке сайта добавить раздел "Новости и статьи" при нажатии на который будет в выделенной области появляться список разделов "Каталог статей", Материалы СМИ" и "Новости магазина" без новостей (просто список). При нажатии каждого раздела мы уже будем попадать непосредственно в раздел со списком новостей или статей и т.д.

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

  • рис1.jpg
  • рис2.jpg


#2 AnnaM

AnnaM

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

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

Отправлено 12 Октябрь 2014 - 17:30

Просмотр сообщенияandreyleo (12 Октябрь 2014 - 17:26) писал:

Здравствуйте

Вопрос 1. (рис1) Помогите удалить заголовок новости (зачеркнут черным) и расширить область (выделена красным).

Вопрос 2. (рис2) В шапке сайта добавить раздел "Новости и статьи" при нажатии на который будет в выделенной области появляться список разделов "Каталог статей", Материалы СМИ" и "Новости магазина" без новостей (просто список). При нажатии каждого раздела мы уже будем попадать непосредственно в раздел со списком новостей или статей и т.д.
1.в шаблоне main.css замените
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 andreyleo

andreyleo

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

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

Отправлено 12 Октябрь 2014 - 18:46

Спасибо за ответ.

По Вопросу 1 понятно, но хотелось бы, чтобы  высота подгонялась бы под заголовок в зависимости от количества строк.

По Вопросу 2 жду ответа.

#4 AnnaM

AnnaM

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

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

Отправлено 12 Октябрь 2014 - 19:14

Просмотр сообщенияandreyleo (12 Октябрь 2014 - 18:46) писал:

Спасибо за ответ.

По Вопросу 1 понятно, но хотелось бы, чтобы  высота подгонялась бы под заголовок в зависимости от количества строк.

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

#5 andreyleo

andreyleo

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

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

Отправлено 12 Октябрь 2014 - 20:46

Просмотр сообщенияAnnaM (12 Октябрь 2014 - 19:14) писал:

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

Вообще в данный момент при изменении параметра min-height c 29px на 65px высота осталась фиксированной на 65px, а не подгоняется под высоту в зависимости от количества строк в заголовке.

#6 Ирина345

Ирина345

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

  • Модераторы
  • 5 709 сообщений

Отправлено 13 Октябрь 2014 - 10:34

Просмотр сообщенияandreyleo (12 Октябрь 2014 - 20:46) писал:


По Вопросу 2 жду ответа.
Здравствуйте, для того что бы создать пункт меню "Новости"
Вам нужно создать страницу  "Новости"
далее нужно зайти в раздел Сайт -Меню и добавить необходимый пункт к меню ссылаясь на данную страницу
далее отпишитесь нам

#7 andreyleo

andreyleo

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

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

Отправлено 13 Октябрь 2014 - 11:30

Просмотр сообщенияИрина345 (13 Октябрь 2014 - 10:34) писал:

Здравствуйте, для того что бы создать пункт меню "Новости"
Вам нужно создать страницу  "Новости"
далее нужно зайти в раздел Сайт -Меню и добавить необходимый пункт к меню ссылаясь на данную страницу
далее отпишитесь нам

Страницу "Новости и статьи" создал, а вот создать блок меню не получается, не знаю что написать в "имя переменной в шаблоне".

#8 andreyleo

andreyleo

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

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

Отправлено 13 Октябрь 2014 - 11:48

Просмотр сообщенияИрина345 (13 Октябрь 2014 - 10:34) писал:

Здравствуйте, для того что бы создать пункт меню "Новости"
Вам нужно создать страницу  "Новости"
далее нужно зайти в раздел Сайт -Меню и добавить необходимый пункт к меню ссылаясь на данную страницу
далее отпишитесь нам

Сделал, что дальше?

#9 AnnaM

AnnaM

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

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

Отправлено 13 Октябрь 2014 - 12:02

Просмотр сообщенияandreyleo (13 Октябрь 2014 - 11:48) писал:

Сделал, что дальше?
Зайдите Сайт--Меню--Добавить пункт меню(верхнее меню).В поле "заголовок" впишити нужный заголовок страницы,а в поле "куда ссылается" выберите из выпадающего списка вашу вновь созданную страницу "Новости и статьи".

#10 andreyleo

andreyleo

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

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

Отправлено 13 Октябрь 2014 - 12:24

Просмотр сообщенияAnnaM (13 Октябрь 2014 - 12:02) писал:

Зайдите Сайт--Меню--Добавить пункт меню(верхнее меню).В поле "заголовок" впишити нужный заголовок страницы,а в поле "куда ссылается" выберите из выпадающего списка вашу вновь созданную страницу "Новости и статьи".

Не понял о чем Вы?

Раздел в шапке "Новости и статьи" я создал. Теперь мне нужно, чтобы при нажатии на раздел "Новости и статьи" выходили подразделы "Новости", "Статьи" и "Материалы СМИ" (рис3). Эти подразделы уже существуют, мне их надо связать с созданным раздело "Новости и статьи".

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

  • рис3.jpg


#11 AnnaM

AnnaM

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

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

Отправлено 13 Октябрь 2014 - 13:11

Просмотр сообщенияandreyleo (13 Октябрь 2014 - 12:24) писал:

Не понял о чем Вы?

Раздел в шапке "Новости и статьи" я создал. Теперь мне нужно, чтобы при нажатии на раздел "Новости и статьи" выходили подразделы "Новости", "Статьи" и "Материалы СМИ" (рис3). Эти подразделы уже существуют, мне их надо связать с созданным раздело "Новости и статьи".
Сайт--Страницы--Новости и статьи (редактировать).Затем, откройте Описание через кнопку "Источник" и там вставьте код:
<a href="ССЫЛКА НА НОВОСТИ">Новости</a>
<a href="ССЫЛКА НА СТАТЬИ">Статьи</a>
<a href="ССЫЛКА НА МАТЕРИАЛЫ СМИ">Материалы СМИ</a>


#12 andreyleo

andreyleo

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

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

Отправлено 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, а не подгоняется под высоту в зависимости от количества строк в заголовке. Как мне сделать чтобы высота подгонялась в зависимости от количества строк.

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

  • рис4.jpg
  • рис5.jpg
  • рис6.jpg
  • рис7.jpg


#13 AnnaM

AnnaM

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

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

Отправлено 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 andreyleo

andreyleo

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

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

Отправлено 13 Октябрь 2014 - 18:33

Спасибо

1. Где регулируется высота, указанная на рис8

2.Вы так и не ответили на вопрос:

Просмотр сообщенияandreyleo (13 Октябрь 2014 - 16:55) писал:

PS Выше я так же задавал вопрос по поводу корректировки высоты заголовка (рис1 в самом начале темы). На него мне так и не до конца ответили.
Когда я изменил параметр min-height c 29px на 65px высота осталась фиксированной на 65px, а не подгоняется под высоту в зависимости от количества строк в заголовке. Как мне сделать чтобы высота подгонялась в зависимости от количества строк.

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

  • рис8.jpg


#15 Vaccina

Vaccina

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

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

Отправлено 14 Октябрь 2014 - 01:37

1. В main.css найдите:
#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;
}


#16 andreyleo

andreyleo

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

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

Отправлено 14 Октябрь 2014 - 12:35

Спасибо

Вопрос 1 - решен

Вопрос 2 - частично решен, но возникли две проблемы (отображено на рис9):
1. Линии разошлись
2. Красная линия раньше была по длине заголовка, а теперь она на всю длину.

Как решить эти вопросы?

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

  • рис9.jpg


#17 Dars

Dars

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

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

Отправлено 15 Октябрь 2014 - 11:46

Просмотр сообщенияandreyleo (14 Октябрь 2014 - 12:35) писал:

Спасибо

Вопрос 1 - решен

Вопрос 2 - частично решен, но возникли две проблемы (отображено на рис9):
1. Линии разошлись
2. Красная линия раньше была по длине заголовка, а теперь она на всю длину.

Как решить эти вопросы?
На данный момент всё отображается корректно, вы отменили изменения или решили вопрос самостоятельно?

#18 andreyleo

andreyleo

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

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

Отправлено 15 Октябрь 2014 - 13:11

Просмотр сообщенияDars (15 Октябрь 2014 - 11:46) писал:

На данный момент всё отображается корректно, вы отменили изменения или решили вопрос самостоятельно?

На момент вашего просмотра я отменил изменения, но при этом заголовок не отображается корректно. На рис10 видно, что разная высота между заголовком и верхней границей в зависимости от количества строк в заголовке.

Затем я сделал так:

Просмотр сообщенияVaccina (14 Октябрь 2014 - 01:37) писал:

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;
}

На рис11 видно что вопрос частично решен, но:
1.разошлись линии
2.линия которая заполнялась цветом на длину заголовка теперь заполняется на всю длину не зависимо от длины заголовка. Мне нужно подкорректировать эти вопросы.

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

  • рис10.jpg
  • рис11.jpg


#19 Dars

Dars

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

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

Отправлено 15 Октябрь 2014 - 13:28

Просмотр сообщенияandreyleo (15 Октябрь 2014 - 13:11) писал:

На момент вашего просмотра я отменил изменения, но при этом заголовок не отображается корректно. На рис10 видно, что разная высота между заголовком и верхней границей в зависимости от количества строк в заголовке.

Затем я сделал так:


На рис11 видно что вопрос частично решен, но:
1.разошлись линии
2.линия которая заполнялась цветом на длину заголовка теперь заполняется на всю длину не зависимо от длины заголовка. Мне нужно подкорректировать эти вопросы.
Попробуем так: в main.css найдите строку:

#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 andreyleo

andreyleo

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

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

Отправлено 15 Октябрь 2014 - 13:53

Просмотр сообщенияDars (15 Октябрь 2014 - 13:28) писал:

Попробуем так: в main.css найдите строку:

#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 видно, что заголовок с двумя строчками подчеркивается двумя линиями, а нужно одной снизу, не зависимо от количества строк, ведь заголовок то один, не имеет значения сколько строк. Возможно подправить?

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

  • рис12.jpg





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

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