Блоки меню

[Shantana]

Первый раз делаю дизайн с кнопками-ссылками.
На сообществе Disign+ часто можно встретить дизайны с тремя кнопками, например:
dizain-by-shokolad.diary.ru/p96727268.htm
dizain-by-shokolad.diary.ru/p114393566.htm
Но трёхкнопочным дайри выглядит лишь для его владельца, а для остальных добавляется меню "Мой дневник" или панель авторизации:


Мой код:

#page-c {margin-top:-5px !important;}
 #side div.bordered {height: 29px;}
 #YaSearch, #topNav, #pchs, #iAmQuit a {display:none;}
 #extratop{background:url('/userdir/1/8/9/4/1894342/69673520.jpg') 50% 0 no-repeat; width:1000px; height: 472px; margin-top:0px !important; margin:0; padding:0;}
 #side h1 A {display:none !important;}
 .avatar img,.avatarNew img { background-color:#d0d0ce; border: 1px solid #d0d0ce; padding: 3px;}
 body { background:; margin:0; padding:0; padding: 0 !important;}
 #wrapper{ min-width:951px !important; width:1000px; position:relative;}
 #postsArea { width:813px !important; margin-left: 75px; margin-right: 75px;}
 #commentsArea, #addCommentArea { width:813px !important; margin-left: 75px; margin-right: 75px;}
 #side ul {background:#fffff; border: 2px solid #d0d0ce; padding: 3px;}
 #side {font-size:14px !important; left: 0px; top: 851px; border: 1px ocean; }
 .menuSection_title {padding-left: 30px; padding-bottom: -40px;color: #050505; }
 .countSecond, .countFirst, .singleComment {margin: 0; padding: 10px 10px 60px !important;}
 .avatar, .avatarNew{ float:left; margin: 10px 0 0px 10px !important; margin: 10px 0 0px 5px;}
 .avatar img,.avatarNew img { display: block; background-color: #fff; border: 1px solid #75bdb0; margin: -6px 6px 6px -6px; padding: 4px;}
 .avatar img:hover,.avatarNew img:hover { display: block; position: background-color: #fffff; border: 1px solid #5f9186; margin: -6px 6px 6px -6px; padding: 4px;-moz-opacity:1.0 !important;opacity:1.0 !important; }
 #bottomNav { width:804px !important; margin-left: 75px; margin-right: 75px;}
 .commentAuthor .avatar { margin:0px 0 10px; width:auto; max-width: 140px; }
 #globalLinks_title {display:block; width:150px; height:50px; line-height:1000px; overflow:hidden; background: url('/userdir/1/8/9/4/1894342/69678368.png') no-repeat; margin-top: -19px; margin-left: 0px;}
 #thisDiaryOwner_title {display:block; width:270px; height:50px; line-height:1000px; overflow:hidden; background: url('/userdir/1/8/9/4/1894342/69678359.png') no-repeat; margin-top: -26px; margin-left: 0px;}
 #myDiaryLinks_title, #myCommunityLink_title {display:block; width:350px; height: 50px; line-height:1000px; overflow:hidden; background: url('/userdir/1/8/9/4/1894342/69678308.png') no-repeat; margin-top: -24px; margin-left: 0px; }

Каким кодом встроить четвёртую кнопку и можно ли убрать авторизацию наверх, в поле шапки?

@темы: меню, diaryCSS

Comments

[Kellana]

Для авторизации меняйте положение #login_form_title
Блок "Записи" (или др название, которые видят другие пользователи) #thisDiaryLinks_title

[Shantana]

Сейчас попробую, спасибо.

[polishastik]

у авторизации БЛОК - #sign, а заголовок

#login_form_title

у меню "Дневник" весь блок - #thisDiaryLinks

список селекторов можно увидеть по ссылке: desu.idzaaus.org/cssdict