Новое меню

[Сардоникс]

Не так давно  Tex предложил нам новый вариант меню. Но, по моим наблюдениям, эта замечательная идея не нашла широкого применения. Возможно, причина тому - относительная сложность создания такого меню. Однако мне бы хотелось спросить мнения тех, кто всё-таки опробовал новое предложение. В частности вопрос такой: где можно найти инструкцию или урок по созданию меню, как у  Tex?

Comments

[Сабико]

ха-ха.

нигде)

[Сардоникс]

Сабико , но ведь как-то же можно это сделать? Или единственный способ - это залезть в код к Tex и нагло украсть?

[Astrom]

Сардоникс , если вы нагло украдете, ничего у вас не выйдет. там все ОЧЕНЬ сложно, вплоть до пикелей

[Сабико]

если вам нужно меню точь в точь как у Тех'а, украдите. Какая разница? Копирайт только не забудьте, он просил.



Если вам нужны изменения и дополнения, или вообще что-то другое - то какие и что?

[Сардоникс]

Сабико , дело в том, что я не знаю, с какой именно строчки начинать брать код... и до какой... пробовала скопировать всё, что есть, всё равно получается какая-то ерунда...

[Апельсиновая девушка]

Сардоникс я взяла у него, поменяла цвета, расположение и все.

[Astrom]

там надо менять и значение в калькуляторе, что бы все работало

[Сардоникс]

Апельсиновая девушка , с какой по какую строчку?..

[Сардоникс]

Astrom , да меняла я значения под свой дневник!

[MF]

Нет,чтобы придумать что-нибудь оригинальнее.На тему ховера. как будто меню-единственное,что есть на странице.

[Сабико]

ховер на меню - самое актуальное и осмысленное.



Вы хоть на одном сайте видели выпадающее что-нибудь, кроме меню?

[Astrom]

Сабико , сделать #wrapper выпадающим

[Сабико]

Astrom, выпадающая каждая запись! выпадающие аватарки в комментариях! при наведении на враппер он меняет цвет! и цвет текста тоже!

[Astrom]

Сабико , .singlePost {height:5px;max-height:5px;overflow:hidden;overflow-y:hidden;}

.singlePost:hover {height:100%;max-height:100%;overflow:visible;overflow-y:visible;}



ага?

[Arkeliil Iltelero]

Astrom

прекратите девушек запугивать))



Сардоникс

Как вам уже сказали,проще взять и украсть код. если хотите,могу даже выложить,что. Только копирайт Тех поставьте)

[Archer]

гм..кроме меню с ховером особо ничего интересного не сделать..ИМХО,конечно)

[Сабико]

Astrom, не, лучше так:

* {width:20px; height:20px; background:transparent; overflow:hidden}

body:hover {background-color:yellow;}

body *:hover {width:500px; height:300px; background-color:#f00; overflow:visible}

[MF]

ховер на меню - самое актуальное и осмысленное.



Вы хоть на одном сайте видели выпадающее что-нибудь, кроме меню?



Вариантов много,хотя пока мало кто ховер использует. Можно применить его для фото,экстратопа и экстработтома-например,без ховера они черно-белые,а при наведении-цветные. Ну это уже на вкус.



гм..кроме меню с ховером особо ничего интересного не сделать..ИМХО,конечно)

Просто,как повторяюсь,мало кто пробовал) Много чего можно сделать интересного.

[Arkeliil Iltelero]

Сабико Astrom

психи))

ну давайте еще все выпадающее сделаем.вообще все)

[Arkeliil Iltelero]

[Archer]

эффект различных фильтров? Интересно,но для дайров не сильно актуально...на сайтах,да.И красиво и необычно а здесь.....не знаю..

[MF]

эффект различных фильтров? Интересно,но для дайров не сильно актуально...на сайтах,да.И красиво и необычно а здесь.....не знаю..

Почему сразу не актуально? Если не злоупотреблять и к дизайну-то нормально,имхо.

[Arkeliil Iltelero]

[Archer]

Хм...ну может быть...за идею спасибо,да)

[MF]

Хм...ну может быть...за идею спасибо,да)

Всегда пожалуйста. )

[Arkeliil Iltelero]

[Archer]

[MF]

Лотион

[Сардоникс]

Лотион , да... пожалуйста, выложите, что именно нужно... Копирайт сделаю.

[Arkeliil Iltelero]

Сардоникс

насколько я понимаю вот этот кусок.

.left #wrapper{background:#fff; padding:0 !important; width:780px; margin:0 auto !important;overflow:hidden !important;}

#bordered, .left #side { border: 0 !important; margin:0 !important; padding:0 !important;}

.left #side .bordered {width:780px; margin: 0 !important; padding: 0!important; position:absolute; top:10px;}

#side li {float:left; display:block; padding-right:10px!important;}

#side A, #side {color:#fff!important;}

.left #page-c {padding-top:130px; height:auto;}

.singlePost {height: auto !important; height: 1em; }

#thisDiaryLinks, #globalLinks, #thisDiaryOwner, #myDiaryLinks, #lastComments, #pchs {clear:none; float:left; display:block; width:60px; padding:5px!important; margin:0!important;}

#thisDiaryLinks ul, #globalLinks ul, #thisDiaryOwner ul, #myDiaryLinks ul, #lastComments ul, #pchs ul { display:none; width:760px; padding:5px 10px; position:absolute;left:0; top:85px;}

#lastComments ul li {float:left; width:350px!important; margin-right:20px; height:40px; border-bottom: 1px dashed #ddd;}

#lastComments:hover ul, #lastComments ul:hover, #pchs:hover ul, #pchs ul:hover, #globalLinks:hover ul, #globalLinks ul:hover, #thisDiaryOwner:hover ul, #thisDiaryOwner ul:hover #globalLinks:hover ul, #globalLinks ul:hover, #thisDiaryLinks:hover ul, #thisDiaryLinks ul:hover {display:block; z-index:1;}

#myDiaryLinks ul, #myDiaryLinks ul {display:block;}

#thisDiaryLinks, #thisDiaryLinks ul {background:#FFAA00;}

#globalLinks, #globalLinks ul {background:#0198AC;}

#thisDiaryOwner, #thisDiaryOwner ul {background:#89D51C;}

#myDiaryLinks, #myDiaryLinks ul {background:#e33827;}

#lastComments, #lastComments ul {background:#AE015C;}

#pchs, #pchs ul {background:#005286;}

#thisDiaryPhoto, #YaSearch, #paySupportLink, #diarySupportLink, #diarySpiritLink, #myLinksLink, #upInChart, #myProfileLink, #NContent {display:none !important;}

#thisDiaryInfo {width:100%; background:#002e4b; margin:10px 0 0 0!important; height:55px!important;}

#thisDiaryInfo A{padding:10px; font-size:250%; float:left;}

#authorName {float:right!important;}

.search {width:160px !important;}

.sign {font:80% normal; color:#666;}

.header {color:#e33827!important;}

#TagsList {padding:0 !important; margin:0!important; position:absolute;left:0; top:-60px;}

#TagsList LI {border-bottom: 1px dashed #ddd; display:block; height:20px; float:left; width:130px!important; margin-right:10px!important;}

#TagsList LI A {padding:0 !important; }

[Сардоникс]

Лотион , спасибо большое, но всё равно получается какая-то ерунда... Но тем не менее - спасибо.

Посмотрела, вставила, подредактировала.

Получается не так. Уже полчаса копаюсь, результат минимальный.

Кто получше меня в css рубит, подскажите, а?..

Зайдите на мой даир, гляньте.

1. автоматом открыта одна вкладочка из меню, остальные не открываются, когда на них наводишь курсор. и вообще, из почему-то три.

2. справа сверху зеленая полосочка. наверное, это четвертая ссылка из меню. как её присобачить на место? и сделать рабочей.....((

3. сверху на запись налезает черная полоска. можно ли как-нить снести этот значок даири? или поставить наравне с меню?



я сама тружусь над этим, вы не подумайте, что я так, нахлебница.

просто если знаете как что-то сделать, напишите сюда. думаю, многим поможете, потому что такое меню правда удобное. которое сверху и с открывающимся списком))

[Апельсиновая девушка]

Хисаги Рангику хм...у меня и значок не мешается. Я цвета поменяла, расположение, вроде все хорошо.

А убрать значок статистики можно в настройках.

[Astrom]

Хисаги Рангику , значения из калькулятора у Tex тоже надо взять