HTML and CSS

HTML and CSS

{Лаборатория экстремальной web-верстки...}

Весенняя эйфория. Треугольники.

Весенняя эйфория. Треугольники.

Весною все не так,
Бессилен прежний опыт,
Заведомый пустяк – 
Круговорот и омут…

Gordi


Бывает иногда, наступает время ничего не деланья. Все откладывается в сторону до лучших времен. За окном весна, что наводит уже на совершенно «левые» мысли. Милые дамы снимают зимние кольчуги, обнажаясь и расцветая, стреляя во всю глазками, вводя в неописуемый грех. Весенняя эйфория, закрадывается в истощенный, разболтанный до не возможности отсутствием витаминов, серыми хмурыми днями, хотя зима и была похожа на позднюю осень, что радости, тем не менее, не прибавляло совершенно, организм…

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

Очередной опус Мастера "Неожиданный испуг бакса собственной тени" - не лишен субъектива с известной долей пессимизма и, как ласковый весенний ветерок, грозящий превратиться в бурю по имени дефолт, навевает легкую тоску и печаль. Но виртуальное общение с ним, позволяет мне думать, не смотря ни на что, все будет хорошо :) К тому же он не одинок в своем мнении, а уж в подаче оного, даст солидную фору паре-тройке доцентов с кандидатами и иже с ними, что так часто и так заумно глаголют о чем угодно, но почти всегда, находясь явно не в «теме», делая из нас совершеннейших идиотов, словно мы дети и только вчера народились на свет белый…

Еще одна отрада, начался футбольный сезон, смотрю редко, но болею, тая надежду, что, в конце концов, и на нашей улице будет праздник…

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

К примеру, о шахматах, коим автор отдал приличную часть своей жизни. А, что? Хотя, параллели и аналогии с версткой совершенно не уместны, но все же. Про объем необходимой информации, для более или менее приличного уровня понимания, даже и говорить не хочется, сравнение явно не в пользу верстки, это как сравнивать букварь для первоклашек с Большой Советской Энциклопедией энного количества томов.

А лимит времени на принятие решения, а сумасшедшая ответственность, связанная с выбором хода, это вам не макет страницы, который можно шлифовать до бесконечности. Так, что заблуждаются многие «гуру» от верстки, проповедующие "дзен" и проникновение в самые, что ни на есть, потаенные, придуманные им же самими уголки таинственного дизайна и загадочных web-стандартов, чушь все это собачья, откровенно говоря, по большому-то, гамбугскому счету.

Все гораздо проще. Набор необходимых знаний html и css и практика. А если продолжить аналогию с шахматами, то соперников от силы четыре, пять, ну да, постоянно играем черными, но всегда побеждаем :)

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

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

Мы же чуть сместим акценты. Считайте это моей прихотью, ссылка в моем понимании, должна менять только цвет на :hover и ничего более, для всех других эффектов существует контейнер в который она вложена, а для меню-то, это как раз то, что доктор прописал. К тому же, в одном из примеров это позволит добиться разнообразия и индивидуальности в оформлении, что в обычном исполнении вряд ли возможно.

Естественно, предстоит помучаться с IE6, но не преодолимых препятствий, как вы понимаете, здесь не существует. Скриптик из шести строк и пара лишних строчек стилевых правил в таблице стилей для «любимого» браузера, решают и эту проблему.

Не смотря на критику на одном из форумов, за частое употреблении данного скрипта, возьму на себе смелость утверждать, пусть не без изъяна, но это лучшее решение, заточенное под один единственный, конкретный браузер, век которого судя по всему на закате. И городить нечто подобное на JavaScript, ну уж совсем нет никакой необходимости.

Скажу больше – с помощью всего шести строк кода, подчеркиваю 6 (шести), ничего не меняя в нем, могу подвесить :hover практически на любой тег с различной степени вложенности, все будет определяться только стилевыми правилами, примеров на страницах блога достаточно, поиск вам в руки :)

Не стоит обращаться с просьбами, как это сделать в том или ином случае. Автор плывет по течению своих часто не осознанных в полной мере представлений, что делать, о чем писать. Работа на заказ его тяготит, из-за свойственной ему лени и необязательности :)

В любом случае ваши предложения будут рассмотрены, но могут быть отклонены без объяснений причин. И дело вовсе не в сумме гонорара, а скорее всего в том насколько ваше предложение интересно и насколько оно соответствует настроению автора на данный момент времени.

К тому же данный ресурс для автора, это не вожделенная кнопка «бабло», которую он холит и лелеет всеми возможными способами днем и ночью. Надо правильно понимать, что изначально целью проекта ставилось показать, что в верстке нет ничего сверхсложного, поэтому подача материалов на страницах блога, происходит именно в таком ключе, а не иначе.

Для особо не внимательных, читаем внимательно "Trifler Blog". Есть "трудности перевода"?

Что ж, и приступим не спеша…

Посмотрим, к чему стремимся. Скриншот.

меню с треуголником по :hover

Стоп, говорю сам себе, про треугольники в следующий раз :)


RSS лента ВСЕГО блога с комментариями RSS лента ВСЕГО блога БЕЗ комментариев RSS лента этой КАТЕГОРИИ с комментариями RSS лента этой КАТЕГОРИИ и БЕЗ комментариев RSS лента ЭТОГО ПОСТА с комментариями к нему

Адрес заметки: http://trifler.ru/blog/post_1205776118.html
Ваш комментарий к статье:



cod


Примечание:
Обязательные для заполнения поля помечены карандашом
email при указании не будет опубликован.
Адреса с http:// преобразуются в ссылки автоматически
Теги запрещены
English German French Spanish Italian Japanese
  • Programming V. Lasto
  • Designer S. Gordi
  • Created in 0,01911 seconds
  • © 2007-2010