Небольшой справочник по разметке Хамелеона

[yoksel]

В качестве предисловия: на странице есть гораздо больше элементов и классов, чем влезло в этот пост. Этот текст позволит вам получить общее представление о странице и логике разметки, но с более глубокими вопросами вам предстоит разбираться самостоятельно

Comments

[feyanametle]

мне так понравился Хамелеон, что я еще один слепила: http://shepot-shamana.livejournal.com/
мне эти ручки на фоне очень понравились))
спасибо. мне куда-то нужно вставить: "создано с помощью Ёксель и ее Хамелеона"))

[yoksel]

симпатичный : )

в посте фотки размером с бегемота - 3200х2500, имеет смысл ужимать их как-то, чтобы быстрее грузились

[feyanametle]

странно у меня они маленькие отображаются... ааа. - если их в коде прописываешь определенным размером, но источник большой, то все равно они большие и тяжелые! поправлю. спасибо.
а нельзя ли сделать так чтобы сайдбар был сверху полоской под меню? (дурацкий вопрос) в http://feyanametle.livejournal.com/ добавила благодарность, чему сильно радуюсь))

[yoksel]

можно : )

.j-l-content {
position: relative;
padding-top: 350px;
}

.j-l-beta {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 320px;
overflow-y: hidden;
margin: 0;
}

.j-beta-w {
float: left;
width: 25%;
height: 300px;
overflow-y: auto;
}

.j-w-title,
.j-w-content {
margin-left: 15px;
margin-right: 15px;
}

.j-w-content {
padding-bottom: 20px;
}

[spring625]

в ленте записей пользовательский юзерпик выглядит нормально

[yoksel]

в .j-e-user добавьте text-align: center;, а к .j-user-pic - display: inline-block;

но есть способ ещё проще - задайте тень самой картинке : )

[spring625]

о, спасибо большое )))
про картинку-то понятно, но вот иногда приспичит сделать так и никак иначе )))

[lirik1980]

Пытаюсь сделать закругленные углы журнала в Хамелеоне вот так:
.j-l-page-inner {-moz-border-radius: 20px;}
Не получается. Что я делаю не так?

[yoksel]

по-первых, префикс не нужен, если вы регулярно обновляете свои браузеры

во-вторых, фон ленты можно задать в настройках, во вкладке Page : )
В этом случае он попадет в блок .j-l-page, которому и надо будет скруглить углы

[lirik1980]

Спасибо! Разобрался с фонами!

[yoksel]

ура : )

[yoksel]

веб-инспектор по идее должен показать вам все интересующие вас классы : )
из этого списка реально существует только .j-header-nav-item

в левом поле он показывает код страницы с выбранным элементом, посмотрите какие классы у него есть

[yoksel]

так верно : )

[shepot_shamana]

подскажи пожалуйста у меня метки почему то не видны стали))

они горизонтально должны были быть

[yoksel]

разобралась?

[shepot_shamana]

ага! ))
спасибо!