CSS

[Karuki]

Народ, занимающийся и знающий CSS на много много много и т.д. лучше меня, помогите мне!!! Онегааай!!! Вот что я хочу узнать:

1) Как сделать меню на экстратопе? (т.е. чтобы оно было прямо на нем)
знаю что нужно будет уюирать лишнее, чтобы уместилось, с помощью: {display:none;} так ведь?

2) как немного подвинуть врапер вправо? т.е. туда ←

3) как вместо слов "музыка", "настроение" и "тема" всавить какие-нибудь картинки? (ну например всместо музыки там... ну что-нибудь короч ХD'')

Онегааай!!! Т^Т

@темы: Вопрос ^^''', Бред, ПЧ, Депрессия

Comments

[Sir Liam]

1) честно говоря, не работал с меню, размещенным сверху, но там скорее всего такой же принцип как и везде
Или #side (всему меню) или отдельным его блокам .menuSection прописываем свойства
{position: absolute; top: /отступ от верха в пикселах или процентах/; left:/отступ слева в пикселах или процентах/;}
2) с какой целью его надо сдвинуть? оО
3)тык

[Karuki]

[Rokudo Mukuro]
1) ммм.. нашла на сообществе по Css, так?: #название { position:absolute; top:20px; left: 150px; z-index:10}

2) просто чтоб оно немного сбоку было ^^'' ну короч в принципе мона и в центре без разнцы ХD я немного догадываюсь как это сделать)))

3) о! аригато! *О*

Аригато за все))))

[Sir Liam]

Karuki
1) Оно самое, z-index правда может и не пригодиться, так как уже прописана позиция.
2) То есть сделать днев по левому краю?
#wrapper{overflow:left !important}
3) Правда оно может несколько глючить и не получится поставить в настроение картинки.
Не за шт,)

[Karuki]

[Rokudo Mukuro]
1) ^^
2) аригато ^^
3) ну мне хотя бы просто вместо музыки картинку поставить. Но ответ я уже нашла ^^ теперь попробовать надо ^^

[Sir Liam]

Karuki
Экспериментируй.)

[Karuki]

[Rokudo Mukuro]
уже Х))

[Sir Liam]

Karuki
и как? Получилось?

[Karuki]

[Rokudo Mukuro]
можно сказать "да", но че то границы у меню не убираются... как то не красиво.
но надо чтобы были границы у записей т.е. у пейдж-т ^^''
поможешь? •з•

[Sir Liam]

Karuki
Что-то у тебя положение меню поменялось оО
Можешь нарисовать в фотошопе, как это должно выглядеть в идеале и кинуть код?)

[Karuki]

[Rokudo Mukuro]


вот код:

body {background:#7D686F;}
 #wrapper{min-width:800px!important;width:500px; height: 100%; margin: 0 auto !important;padding:0 !important;overflow:hidden !important; background: #7D686F; font-family: Tahoma;}
 #extratop {wight: 800px; height:500px; background: #2c1e22 url('/userdir/1/0/5/6/1056516/50557949.jpg'); background-repeat:no-repeat; background-position:center;}
 #page-c{width:800px !important;padding:0 !important;padding:0 !important; border: 1px solid #2c1e22;}
 #page-t {margin:0 !important; background: #7D686F; 1px solid #2c1e22;}
 #epigraph {background: #7D686F;}
 .atMusic {width:50px; height:50px; line-height: 600px; overflow:hidden; background: #7D686F url('/userdir/1/0/5/6/1056516/42054781.gif') 2px 4px no-repeat;}
 .singlePost {font-size: 12px !important; #1e1115;}
 .header span {font-size: 12px; color: #000000;}
 postDate {font-size: 13px !important; color: #000000;}
 .header h2 {font-size: 15px !important; color: #1e1115;}
 span.quote_text {display: block;margin: 5px;padding: 5px; border: 3px dotted #2c1e22;}
 .paragraph { font-size: 12px!important #1e1115;}
 #side {position:absolute; top:20px; left: 400px; z-index:10; background: #7D686F; font-size: 15px !important; color: #2c1e22; border: none}
 #postsCalendar {display:none;}
 #albumLink {display:none;}
 #rssLink {display:none;}
 #myProfileLink {display:none;}
 #allDiaryLink {display:none;}
 #communityCatalogueLink {display:none;}
 #myCommunitiesLink {display:none;}
 #randomDiaryLink {display:none;}
 #diarySpiritLink {display:none;}
 #diarySupportLink {display:none;}
 #paySupportLink {display:none;}
 #faqLink {display:none;}
 #headlineList {display:none;}
 #upInChart {display:none;}
 #myLinksLink {display:none;}
 #all_links {display:none;}
 #YaSearch {display:none;}

[Karuki]

А еще у меня граница только на 3 стороны, а на 4й нету Т^Т

[Karuki]

в Опере не идет Т^Т а в ИЕ и гугл хром все норм т.т... я про меню т.т.....

[Sir Liam]

Хммм... вроде все верно оО
Правда чтобы не запутаться, обычно ставят порядок враппер-сайд-пэйдж_с-пэйдж_т
Граница не идет по 4й стороне, как я понял, из-за того, что меню так вот странно отображается... правда только в Опере Оо

Еще в строке
#page-t {margin:0 !important; background: #7D686F; 1px solid #2c1e22;}
выделенное лучше убрать.
А если так?
#side {position:absolute; top:20px !important; left: 400px !important; z-index:10; background: #7D686F; font-size: 15px !important; color: #2c1e22; border: none}

[Karuki]

[Rokudo Mukuro]
мм... все так же т.т.... в опере - отстой т.т...
!important не помог ТТ

хныыыык

[Sir Liam]

Karuki
Я бы на твоем месте тогда поэкспериментировал с позициями меню.
тык

[Karuki]

[Rokudo Mukuro]
не получается ТТ

[Sir Liam]

Karuki
Оо сделай пока меню сверху, так легче смотреть будет.
И вообще, я бы посоветовал поставить настройки меню сверху и уже с ним работать.

[Karuki]

[Rokudo Mukuro]
ммм...... .... ..... а так вроде не удобно ХDD <= каруки тупой **

[Sir Liam]

Karuki
Поставь в настройках диза навигационную панель вверху.) как было в предыдущем варианте

[Karuki]

[Rokudo Mukuro]
не, а зачем? если я так планировала Оо

[Sir Liam]

Karuki
Ну, просто в опере будет лучше видно.)
Мое дело предложить.)

[Karuki]

[Rokudo Mukuro]
Уже все норм ^^ .Sho помогла мне с дизом а точнее переписала его ^^''
Похоже теперь в опере все идет ^з^