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

Реферальная программа Мегаплана


Проблемы при увеличении меню в Wordpress

#1 UnderControl

UnderControl
  • Пользователь
  • 23 сообщений
  • Репутация: 0
0

Отправлено 21 Октябрь 2012 - 22:15

Доброго времени суток всем! Ребят, подскажите как можно опустить меню чтобы надпись "Ремонт компьютеров, компьютерная помощь в Самаре" имела второй ряд. Т.е. после этой надписи у меня ещё текст а меню оказалось на нем после увеличения количества страниц сайта. Прикрепил скрин.

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

  • Image 2.jpg

 

 

  • 0

#2 Sosnovskij

Sosnovskij
  • Администратор
  • 3 886 сообщений
  • Репутация: 566

Отправлено 22 Октябрь 2012 - 10:06

Выкладывайте кусок кода, CSS и еще лучше ссылку на сайт. Без этого не помогут :)
  • 0

Не стесняйтесь ставить оценки темам :) Правила форума. Мой блог http://sosnovskij.ru/.



#3 UnderControl

UnderControl
    Topic Starter
  • Пользователь
  • 23 сообщений
  • Репутация: 0

Отправлено 26 Октябрь 2012 - 16:14

CSS пробовал в блокноте и в ворде прикреплять и в архив, не получается. Адрес вот самараремонткомпа.рф
Есть в сайте косячки, не судите строго ^_^

Прикрепленные файлы

  • Прикрепленный файл  CSS.rar   19,64К   Количество загрузок: 70

  • 0

#4 sae

sae
  • Пользователь
  • 269 сообщений
  • Репутация: 79

Отправлено 26 Октябрь 2012 - 16:42

Чтобы было так:
Изображение

замените в файле style.css следующие стили.

Для начала увеличить высоту самой шапки:

Оригинал:
#header {
position: relative;
height: 160px;
margin-bottom: 20px;
}


Заменить на:
#header {
position: relative;
height: 220px;
margin-bottom: 20px;
}


Ну и подредактировать положение телефонов:

Оригинал:
#site-description {
color: #ddd;
position: absolute;
top: 50px;
font: italic 200%/250% Georgia, "Times New Roman", Times, serif;
}

Заменить на:
#site-description {
color: #ddd;
position: absolute;
top: 58px;
right: 0;
font: italic 200%/250% Georgia, "Times New Roman", Times, serif;
}



А чтобы так:
Изображение

То делаем все вышеперечисленное, а еще

Уменьшаем шрифт заголовка и добавляем свечение:

Оригинал:
#site-logo a {
font: bold 190%/110% Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
padding-bottom: 2px;
}

Заменить на:
#site-logo a {
font: bold 23px Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
padding-bottom: 2px;
text-shadow: 0 0 20px #fff;
}


И выравниваем по центру:

Оригинал:
#site-logo {
position: absolute;
top: 30px;
}

Заменить на:
#site-logo {
position: absolute;
top: 30px;
width: 100%;
text-align:center;
}

  • 1

#5 UnderControl

UnderControl
    Topic Starter
  • Пользователь
  • 23 сообщений
  • Репутация: 0

Отправлено 26 Октябрь 2012 - 16:56

Огромное спасибо! Не ожидал что так быстро отреагируют тут. Всё поменял, всё отлично. Как думаете что можно ещё косметически на ваш вкус добавить, убрать, подсветить и т.д.? И как тут поощряют за такие полные и моментальные ответы на просьбу?
  • 0

#6 sae

sae
  • Пользователь
  • 269 сообщений
  • Репутация: 79

Отправлено 26 Октябрь 2012 - 18:21

UnderControl, у вас проблема с меню. Горизонтальное меню надо бы уместить в одну строку, а вертикальное слишком длинное. Посмотрите как на Рег.ру сделано горизонтальное меню. Думаю, для вас это - оптимальный вариант будет.

А что касается благодарности, не знаю. Я сам тут новенький ^_^. Попробуйте ткнуть зеленую стрелочку в моем сообщении.
  • 1

#7 UnderControl

UnderControl
    Topic Starter
  • Пользователь
  • 23 сообщений
  • Репутация: 0

Отправлено 27 Октябрь 2012 - 18:40

Насчет верхнего подумаю а так по мелочи исправил все. Может есть какие нибудь интересные виджеты. У вас на сайте не нашел.
  • 0


Оформление форума – IPBSkins.ru