Опыты со скинами

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



Но в админке такого не происходит:



Пытался устаеновить скин Nj — заваливается профиль. Просматривал код, менял размер логотипа — не лечится. Очевидно, что такое происходит, когда в меню блога появляются дополнительные пункы «Топ», «Поток»… Каким образом их оттуда убрать и перенести ниже, там где блоги хорошие и плохие? Дело в том, что это более красочные скины, чем стандартные типа «New» и другие. Вобще, эту проблему надо как-то решать, например — чтобы была возможность настраиваемого меню из админки. И с логотипом тоже не все гут, буковки уже мало кого устраивают, все сайты похожи друг на друга, а что-то изменить — фиг с маслом, не перелопачивая шаблона и его css. Нужна помощь, автор что-то молчит, может он занят…

25 комментариев

avatar
Та же проблема! :(
avatar
Вариант — сделать меню в 2 ряда.
avatar
буковки уже мало кого устраивают, все сайты похожи друг на друга, а что-то изменить — фиг с маслом, не перелопачивая шаблона и его css.
А чего вы ожидали? Взять бесплатный шаблон и получить сайт с уникальным дизайном, даже не внося правок? :)
avatar
Там не в лого дело, а в гориз. меню. Когда оно ставится очень длинным, профиль съезжает.
Если кто подскажет, что нужно поправить, буду признательным.
avatar
Бесплатный шаблон должен быть универсальным. Изменяемым легко и без танцев с бубном. Платный шаблон — должен быть вобще уникальным, так я это понимаю.
avatar
я в new прилепил дивы с лого и юзеринфо к макушке посредством position:fixed и top:0
avatar
а на сетке своей меню в два ряда делал. тоже на new
avatar
попробуйте в \templates\skin\шаблон_trewor\css\style.css 41строка
изменить
#container { min-width: 900px; }

на 
#container { min-width: 1220px; }


вроде не должны друг на друга наезжать
  • Loci
  • 0
  • ↓
avatar
тоесть было #container { min-width: 1000px; }

меняем на #container { min-width: 1220px; }
avatar
Это помогает, но наполовину. Как только добавляется еще 1-2 пункта в меню или расширение экрана меньше, профиль дальше съезжает вниз.
Можно как-то сделать меню в 2 ряда?
Или каким-то другим способом решить эту проблему?
Спасибо.
avatar
Добавить ограничение по ширине для строки 90, добавить обтекание для строки 91.
avatar
нужно внимательно смотреть соответствующий шаблон и css, и разбирать каждую строку, уверен, таким образом, вы рано или поздно поймете, где ошибка.
avatar
когда у меня появляются похожие проблемы, я обычно всем блокам проблемной области прописываю 1-пиксельную границу контрастного цвета, и мне сразу становится видно, где причиной является чрезмерный padding или что-нибудь другое.

Скин не смотрел, но судя по скринам, верстка там очень простая и далеко от стандартной не уехала. Вечером посмотрю.
avatar
в style.css найди #header .nav-main и замени этот участок кода на этот:

/* Main Navigation */
#header .nav-main {max-width: 700px;overflow: hidden; float: left; padding-top: 25px; margin-left: 40px; line-height: 24px;}
#header .nav-main li { float: left; font-size: 15px; margin-right: 15px; }
#header .nav-main li a { color: #777; font-size:18px; }
#header .nav-main li.active { position: relative; top: -5px; }
#header .nav-main li.active a { color: #555555; font-size: 23px; line-height: 30px; text-decoration: none; }
avatar
Можно как-то сделать меню в 2 ряда? Могу немного заплатить.
avatar
Я же вам код скинул, просто воспользуйтесь им. У меня меню стало в 2 ряда)
avatar
Да, теперь ставит в 2 ряда, но как-то коряво. Вот скрин:
Можно сделать так, чтобы, например, после 400 пикселей след. пункты становились в другой ряд?
avatar
что то у меня не получается ничего. Познания в верстке недалекие, но раз уж на то пошло, всегда можно решить проблему с помощью таблиц. Тем более, что меню не динамическое, и количество элементов в нем контроллируешь только ты. Создай табличку, там точно проблем не будет.

<table>
<tr> - верхние ссылки меню
<td>Пункт меню1</td>
<td>Пункт меню2</td>
</tr>
<tr> - нижние ссылки меню
<td>Пункт меню1</td>
<td>Пункт меню2</td>
</tr>
</table>


Ну и css настрой, предварительно присвоив классы соответствующим ячейкам таблицы.

.nav-main table {тут настраиваешь стили всей таблицы, здесь как раз можешь прописать max-width: ****px; - то есть указать максимальную ширину таблицы}
.nav-main td {а здесь - стили всех ячеек}

Если нужно будет для какой то ячейки сделать уникальные настройки стилей, то присваиваешь ей класс и в css:
.nav-main .class-name {}


Многие могут сказать, что таблицы устарели, но лично я не вижу ничего плохого в их использовании, ну подумаешь, немного больше html-кода.
Пробуй)
avatar
Спасибо большое, буду пробовать.
avatar
85 и 97 строчки — не совсем корректно укзано обтекание))
добавляем что-то типа width: 200px; и все должно встать на свои места
проверять это все правда как-то не очень хочется, так что если не поможет советую обратить внимание на строку 90: возможно надо будет убрать float и overflow
avatar
Удалось пофиксить «методом тыка» :)
В один ряд, но все помещается и не съезжает при разных разшерениях.
Вот кусок кода:
/* Header
-------------------------------------------------------------------*/
#header h1 { float: left; padding-left: 25px; padding-top:25px;width: 330px}
#header h1 a { color: #77d115; text-decoration: none; font: normal 45px Segoe Print,Verdana,Arial,sans-serif; outline-style:none; }
#header h1 a strong { color: #549FC9; }

/* Main Navigation */
#header .nav-main {max-width: 1000px;overflow: hidden; float: left; padding-top: 5px; margin-left: 10px; line-height: 24px;}
#header .nav-main li { float: left; font-size: 15px; margin-right: 15px; }
#header .nav-main li a { color: #777; font-size:18px; }
#header .nav-main li.active { position: relative; top: -5px; }
#header .nav-main li.active a { color: #555555; font-size: 23px; line-height: 30px; text-decoration: none; }

/* Profile */
#header .profile { float: right; padding-right:23px; padding-top:5px; }

#header .profile a.avatar { display: block; width: 48px; height: 48px; float: right; }
#header .profile a.avatar img { width: 48px; height: 48px; }
avatar
замечательно))
а вобще пользуйся firebug`ом, очень помогает искать ошибки в верстке
avatar
Согласен, очень полезное дополнение к FF.
avatar
Всем спасибо, конечно, но при увеличении шрифта в опере — профиль падает. Далеки еще скины от совершенства. Пока спасаюсь плагином и забиваю на увеличение шрифта и вопли пользователей. Нужно стандартное решение по верстке шапки, та, что есть — неудачна, таблицы — это не есть гут…
avatar
Всем спасибо, конечно, но при увеличении шрифта в опере — профиль падает.
Не должно быть такой проблемы. Вот, потестуйте у меня на сайте: alldancing.ru
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.