X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Переделать горизонтальное меню в вертикальное
badman_mw
badman_mw
Topic Starter сообщение 3.5.2013, 9:27; Ответить: badman_mw
Сообщение #1


Сайт http://ctpoika22.ru/ в верхнем меню нужно сделать горизонтальное меню, а не вертикальное как сейчас. Плюс увеличить шрифт и убрать слово "Страницы". Правильно я понимаю, что все эти действия нужно проделывать в style.css? И если да, то какой блок там нужно отыскивать?

[img]http://ctpoika22.ru/wp-content/uploads/2013/05/5789988.jpg[/img]
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
yury_mw
yury_mw
сообщение 3.5.2013, 11:55; Ответить: yury_mw
Сообщение #2


Нет. Не правильно.
  • Для начала. У вас тема WP, хитро-скроенная в стиле а ля Франкенштейн. Т.е. кто-то над ней долго и со знанием дела издевался, накладывая слои один на другой, в результате страница сайта рисует массу всякой информации, которую посетитель не увидит, потому что она перекрыта другой информацией.

    Т.е. к примеру, на страницу выводятся блок с поиском, блок с меню, еще куча блоков с классом "site-description". Большую часть из них не видно.

    Один из блоков "site-description" (из тех что видны, т.е. не перекрыты другими) содержит тот самый список:
    <div class="site-description"><h2 class="widgettitle">Страницы</h2>
    <ul>
    <li class="page_item page-item-167"><a href="http://ctpoika22.ru/kontakty/">Контакты</a></li>
    <li class="page_item page-item-156"><a href="http://ctpoika22.ru/price/">Прайс</a></li>
    </ul>
    </div>

  • Отсюда вывод: чтобы сделать меню на сайте можно
    1) Либо воспользоваться этим списком, стилизовав его. Т.е. дать ему id или class (это делается в html-файле, в случае с WP не уверен, где оно там точно живет ибо не влезал туда) и описать их в стилях (это делается в css-файле).
    2) Либо воспользоваться уже существующим блоком меню:
    <div class="menu">
    <ul id="menu-top-menu" class="">
    <li id="menu-item-19" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-19"><a title="ctpoika22" href="http://ctpoika22.ru/">Главная</a></li>
    <li id="menu-item-170" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-170"><a href="http://ctpoika22.ru/kontakty/">Контакты</a></li>
    <li id="menu-item-171" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-171"><a href="http://ctpoika22.ru/price/">Прайс</a></li>
    </ul>
    </div>
    , как-то вытащив его из под наслоений других блоков, а затем и уже править его стили в вашем http://ctpoika22.ru/...sight/style.css Благо там какие-то стили для этого блока уже есть (хотя они для вертикального варианта меню и под горизонтальный их переделывать надо будет):
    .menu {width: 100px; padding-right: 30px; float: right;}
    .menu ul {margin-top: 35px;}
    .menu li {font-size: 11px; text-transform: uppercase; margin: 6px 0;}
    .menu a {color: #000; text-decoration: none;}
    .menu a:hover {text-decoration: underline;}

Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
isvetlichniy
isvetlichniy
сообщение 3.5.2013, 15:37; Ответить: isvetlichniy
Сообщение #3


Отсюда вывод: чтобы сделать меню на сайте можно


чего то ты намудрил и уже хочешь изобретать велосипед.
можно ничего не меняя, в файле style.css в самом низу дописать

1. чтобы убрать строчку "Страницы"
.site-description .widgettitle {
display: none;
}


ну а для меню сделать вот что
.site-description ul li{
float: left;
padding: 0 10px;
display: block;
}

.site-description ul li a{
font-size: 14px;
}


этого должно хватить
P.S. Мой способ позволит избежать редактирования структуры шаблона, я не думаю что ТС это будет под силу
P.P.S. Шаблон действительно через одно место сделан, рекомендую автору поудалять неиспользуемые виджеты, типа поиск, архивы и т.д.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
yury_mw
yury_mw
сообщение 3.5.2013, 15:56; Ответить: yury_mw
Сообщение #4


чего то ты намудрил и уже хочешь изобретать велосипед.
Где вы увидели мудрость и велосипед?

То что вы написали — тоже самое, что у меня в первом пункте ("воспользоваться этим списком, стилизовав его"). Только с готовым решением, которое учитывает тот факт, что все прочие блоки "site-description" перекрыты другой инфой. Потому и можно этот класс использовать для оформления меню. Проблемы могут возникнуть лишь, если потом таки возникнет желание этими виджетами воспользоваться.

А второй пункт я привел, как более правильный с точки зрения семантики и здравого смысла: там под меню отряжается не виджет, а уже существующий на сайте блок под названием "menu".
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
isvetlichniy
isvetlichniy
сообщение 3.5.2013, 16:03; Ответить: isvetlichniy
Сообщение #5


там под меню отряжается не виджет, а уже существующий на сайте блок под названием "menu"

это однозначно будет правильней, но...

кстати, я так и не понял почему автор меню делает с помощью виджета
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
badman_mw
badman_mw
Topic Starter сообщение 4.5.2013, 8:17; Ответить: badman_mw
Сообщение #6


Спасибо, помогло)

isvetlichniy, Это чем-то чревато?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
isvetlichniy
isvetlichniy
сообщение 4.5.2013, 18:10; Ответить: isvetlichniy
Сообщение #7


нет, просто смысл какой? ворпресс обладает хорошим функционалом для создания меню.
почитай вот


Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Нужна помощь переделать сайт движок вордпрес +woocommerce
2 sasiza1 1427 27.5.2020, 17:56
автор: sasiza1
Открытая тема (нет новых ответов) Требуется переделать готовый макет
1 Вазелин 2121 24.4.2019, 20:18
автор: Mr_SMO
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыПеренести меню
1 Викторио_mw 1468 28.8.2018, 0:10
автор: TimurR
Открытая тема (нет новых ответов) Необходимо разрезать и установить Меню для группы ВКонтакте
2 boltuk 3415 4.12.2017, 14:44
автор: tezoro
Открытая тема (нет новых ответов) Помогите с меню - переделать в выпадающее
1 lepota 1130 4.12.2017, 13:29
автор: yury_mw


 



RSS Текстовая версия Сейчас: 24.4.2024, 3:15
Дизайн