Форум » Проблемы с дизайном » "Изюмины" или Как сделать так же? » Ответить

"Изюмины" или Как сделать так же?

Ласка: В целях познания HTML можем разобрать дизайн на примере. Знайте, юзвери! Подробный разбор чужих дизайнов осуществляется форумом ForAdmins с января 2007 года. Другие "форумы тех поддержки" оказывающие данную услугу у нас нагло спёрли идею, а качества всё равно осуществить не могут.

Ответов - 38, стр: 1 2 All

McNamara: А ведь самое обидное, что больше и найти не могу((( Ну, чтобы кнопка хоть подсвечивалась - необязательно продавливалась))) Может, поможет то, что нашёл Reineke )))))

McNamara: Мне пожертвовали вот такой скрипт: Смена картинки при наведении курсора <html> <head> <title>Cмена картинок при наведении курсора на ссылку</title> <script> function not(){ document.img1.src="../banner/gold-ban468x60.gif" } function imgOn(imgName) { if (document.images) { document.img1.src = imgName; }} </script> </head> <body> <a href="javascript:not()" onmouseover="imgOn('../banner/gold-ban468x60.gif')">slide 1</a> <a href="javascript:not()" onmouseover="imgOn('../banner/metal468x60.gif')">slide 2</a> <a href="javascript:not()" onmouseover="imgOn(' ../banner/metal-468x60.gif')">slide 3</a> <a href="javascript:not()" onmouseover="imgOn('../banner/gold468x60.gif')">slide 4</a><br><br><img src="../banner/gold-ban468x60.gif" width="468" height="60" alt="" border="0" name="img1"> </body> </html> Только я пока не разобрался, как это действует и куда это надо вставлять, скажем, если картинка, которая изменяется, стоит в ячейке таблицы.

Ласка: Reineke пишет: Кстати, в эксплоерере она продавливается, когда кликаешь, в подсвечивается в Опере - когда наводишь. Только, хорошо бы, чтоб во всех браузерах действовало... Именно там они и не работают. Подсветка или изменение цвета ссылки не работает в Эксплорере. *бормочет* Блин, был же где-то скрипт подсветки красным.... >_< Reineke пишет: (Сейчас Ласка скажет, что на Mybb ей не годится) Именно. Там движок бредовый. McNamara пишет: Ну, чтобы кнопка хоть подсвечивалась - необязательно продавливалась))) Кнопка на борде = ссылка, поэтому может быть.. не знаю точно.. подойдут скрипты изменения стиля к а:hover. Например: <style type="text/css"> a {filter:none; -moz-opacity:1.0; opacity:1.0; -khtml-opacity:1.0;} a:hover {filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; -khtml-opacity:0.6; COLOR:gray;} </style> При наведении на ссылку или кнопку (которые свои на фотобукете лежащие) они становятся прозрачнее, чем обычно и становятся серыми. Виден в Мозилле. McNamara пишет: Мне пожертвовали вот такой скрипт: Смена картинки при наведении курсора Обманули тебя. Надпись отдельно, картинка отдельно и курсор надо наводить на надпись, а ты, насколько я поняла, хочешь, чтоб картинка менялась при наведении курсора на саму картинку.


McNamara: Ласка пишет: Обманули тебя. Думаю, человек просто сам не разобрался, что именно надо((( Попробую куда-нибудь поставить, посмотрю как работает))) Может быть, я слишком много хочу, чтобы у меня ещё кнопки были "рабочие"... Но вообще, было бы очень интересно)

Reineke: Честно говоря - проще привести пример, где кнопки "ни а что не реагируют". Потому как реагируют (либо продавливаются, либо подсвечиваются при наведении или клике) они почти везде. В поисковых системах гугля, рамблера, яндекса кнопка "найти" ("поиск") всегда реагирует. Но в IE и FF она продавливается, а в Опере - только подсвечивается. На UcoZ и 2х2 (про другие я говорил выше) кнопка "Отправить" или "Перейти" тоже продавливаются... Хотя, в принципе, если рассуждать здраво - на фиг это нужно? Так, лишний прибамбас, чтобы пальцы веером расставлять. В общем-то мне кажется, что это уже лишнее украшательство.

Ласка: Reineke McNamara Если брать пример нашей кнопки Отправить, то это лишь иллюзия продавливания, как и многое в дизайне вообще. Скриптик когда при наведении на кнопку появляется оранжевая подсветка по внутреннему краю контура. Скорее всего его можно достать из исходного кода, только долго копаться.

McNamara: Ласка Понятно. Ладно, постараемся просто без такого прибамбаса обойтись))) В принципе, это была просто идея)

Ласка: Ласка пишет: Скорее всего его можно достать из исходного кода, только долго копаться. Поискала. Там что-то невообразимое.

McNamara: Ласка пишет: Там что-то невообразимое Я тоже попробовал поискать... В общем, обойдёмся без прибамбасов. И так хорошо)

McNamara: Вот тут http://www.mirf.ru/ Есть такая интересная фишка: нажимаешь на ссылку слева, в модуле "Рубрики сайта", например на ссылку "Книжный ряд", а из неё выпадает ещё кучка подрубрик ссылками. Такая же фишка иногда и на других сайтах попадается. А возможно такое сделать, или это что-то сложное и наворочанное, с чем лучше не связываться? И ещё один вопрос, допускаю, что не в эту тему: Почему в одном случае пишется тег style="font-size: 40pt"> с дефисом между font и size, а в других случаях пишется <FONT size= +1> без дефиса?

Reineke: McNamara пишет: Почему в одном случае пишется тег style="font-size: 40pt"> с дефисом между font и size, а в других случаях пишется <FONT size= +1> без дефиса? И вообще, как лучше: с размером в pt или +1? Я тут попробовал параметры в CSS задать, сразу вопрос, это у всех в CSS нужно размер шлифта задавать какими-то гигантскими значениями или у меня одного так? Например, у меня P {font-size:20px}, а размер шрифта не очень крупный: Пример

Ласка: McNamara пишет: А возможно такое сделать, или это что-то сложное и наворочанное, с чем лучше не связываться? *почесала тыковку* Все можно, ежели уметь. Не думаю, что это что-то суперсложное. McNamara пишет: Почему в одном случае пишется тег style="font-size: 40pt"> с дефисом между font и size, а в других случаях пишется <FONT size= +1> без дефиса? Потому что во втором случае ФОНТ - это тег и рядом в угловых скобках его сайз, его колор и т.п. http://www.htmlbook.ru/html/font.html А в первом случае фонт-сайз - параметр CSS, у которого свои аргументы, т.е. значения, выражаемые в пунктах, пикселях или процентах. http://www.htmlbook.ru/css/font-size.html В общем понятия близкие и очень родственные, только один из хтмл, другой из цсс. Reineke пишет: Например, у меня P {font-size:20px}, а размер шрифта не очень крупный: Ну так и есть твои 20 пикселей. Reineke пишет: И вообще, как лучше: с размером в pt или +1? Лучше в пикселях, их однозначно все браузеры воспринимают.

Reineke: Ласка пишет: Ну так и есть твои 20 пикселей Да где ты там видишь 20 пикселей??? Стандартный баннер 31 пикс в высоту! Разве буква текста размером в 2/3 баннера? Он же абсолютно мелкий! (я имею в виду текст) Вечером: Пардон, так и должно быть. Стили конечно хорошая вешь, но уж больно сложная (для меня тупого). Кстати, на Этом бордовском форуме были когда-то выпадающие менюшки. Что от них осталось теперь - видите сами.

McNamara: Ласка Понятно))) Спасибо за ссылки))) Reineke Я тут подумал: зачем нам кузнец? зачем нам выпадающие менюшки? И без них хорошо))) Опять-таки, делать самим - неохота, а кого-то напрягать - тоже вроде нехорошо)))

Ласка: Reineke пишет: Что от них осталось теперь - видите сами. Менюшки-то есть, только непонятно что в них. McNamara пишет: И без них хорошо))) Иногда они бывают очень красивыми. *умилилась* Ну если в них только багов нет.

Reineke: Ласка пишет: Менюшки-то есть, только непонятно что в них. Форум брошен админами уже около года. Меня вообще удивляет, что его всё ещё не уничтожили. Там и фон раньше был не белый, а какой-то в стиле всего форума: красно коричневый или чёрный, не помню точно. (Наверное, Кошка картинку фона переложила или убрала). На менюшках были конкретные ссылки)))) Наверное, сейчас что-то перекосило... На менюшки нужен какой-то ява-скрипт. Однако, как сказала Дикарка, "никакое обилие ява-скриптов не сделает ваш сайт более посещаемым".

McNamara: Кстати, вот урок, по которому можно сделать изменяющуюся кнопочку. http://www.dikarka.ru/lessons/lesson_24.shtml Только не факт, на сколько хорошо это отображается во всех браузерах. Надо попробовать)))

Ласка: Reineke пишет: На менюшках были конкретные ссылки)))) Наверное, сейчас что-то перекосило... Насколько я хоть что-то поняла один их скрипт меню был положен на сайт, который удалился, а другой остался, поэтому если потыкать по меню, оно работает. Reineke пишет: "никакое обилие ява-скриптов не сделает ваш сайт более посещаемым". Мудро. Главное - контент, т.е. наполнение. Правда всякие фишки могут привлечь посетителей от 0 до 15 лет, но это уже смотря на кого сам сайт рассчитан. *пожала плечами* McNamara пишет: Кстати, вот урок, по которому можно сделать изменяющуюся кнопочку. Хороший урок кстати. Надо будет попробовать.



полная версия страницы