12 марта 2011 в 17:04
Приветствую всех.
Вижу здесь очень часто появляются вопросы "как сделать кликабельной шапку сайта?" Предлагаю решение:
Во всех *tpl.php в которых это необходимо в < div > шапки, перед объявлением оной, добавляем простой тег ссылки. Выглядит это так
<div id="art-main">
<div class="art-Sheet">
<div class="art-Sheet-tl"></div>
<div class="art-Sheet-tr"></div>
<div class="art-Sheet-bl"></div>
<div class="art-Sheet-br"></div>
<div class="art-Sheet-tc"></div>
<div class="art-Sheet-bc"></div>
<div class="art-Sheet-cl"></div>
<div class="art-Sheet-cr"></div>
<div class="art-Sheet-cc"></div>
<div class="art-Sheet-body">
<a href="/" title="TEXT" rel="home" id="art-main">
<div class="art-Header">
<div class="art-Header-png"></div>
<div class="art-Header-jpeg"></div>
</a>
</div>
<div class="art-Sheet">
<div class="art-Sheet-tl"></div>
<div class="art-Sheet-tr"></div>
<div class="art-Sheet-bl"></div>
<div class="art-Sheet-br"></div>
<div class="art-Sheet-tc"></div>
<div class="art-Sheet-bc"></div>
<div class="art-Sheet-cl"></div>
<div class="art-Sheet-cr"></div>
<div class="art-Sheet-cc"></div>
<div class="art-Sheet-body">
<a href="/" title="TEXT" rel="home" id="art-main">
<div class="art-Header">
<div class="art-Header-png"></div>
<div class="art-Header-jpeg"></div>
</a>
</div>
Прошу порекомендовать теги для этой заметки, чтоб пользователи могли легко её найти.
UPD
Firefox 3.6 - не работает
Google Chrome 9.0.570.0 - работает
Opera 11.00 1156 - работает
Комментарии
напишу краткое двустишие:
<div> внутри <a>?
валидно ли это?
dimabat, я очень рад что вы развиваете документацию о нашей любимой программе для генерации тем оформления.
Хотел бы заментить, что темы офрмления для Drupal можно сделать не только в ней. А чтобы вот это вот работало во тройке браузеров (последних версий) думаю гораздо лучше будет добавить ссылку не в див а непосредственно в картинку.
так. даю идею. сделать <a> отдельным блоком(в css) и вывести слоем с другим z-index поверх шапошных узоров если уж так приспичило чтобы ВСЯ шапка была кликабельна. либо вариант с jquery
тю... так он в артистире говнотему делает. то есть верстать не умеет но просит помочь? ы. дошло
Я не понял вашего локального сленга. особенно доставляет отсутствие запятых.
парой комментов выше я дал решение. если знаете CSS - оно вам доставит
а да. с запятыми. я иногда кошу под школоту. что делать, выделяться не охота
Кликабельный див можно сделать через ява скрипт. Иначе это порно
<a> с z-index большим и поверх шапке. все работает
никакого порно.
Незнание CSS порождает порно на JS
знание CSS и JS порождает еще больше порно с испльзованием JQuery и JQueryUI. пусть делает как хочет
Точно
Ну а куда от него сбежать, если он есть? 
В спецификации html 4 недопускается блочный элемент внутри a. Инлайн-элемент, типа span - да, без проблем. Кто-то будет спорить?
Смысл? Каждому своё
Ладно Санчес, он беспринципный циник, но ты то, Shift-Web, борец за чистоту стандартов, семантик прожжённый, как ты мог?
беспринципный циник намекнул на это в первом комменте. а также дал решение. ссылку пустить отдельым слое с другим z-index поверх всей шапки. и будет щастие. можно внутрь нее для сео даже текст забабахать и спрятать за краем элемента.
за пару бутылок бехеровки могу доказать что так можно
А зачем в каждый? Не проще отредактировать html.tpl.php ?
Ах, и присвоить классу ссылки CSS не забудьте display: block;
Я?
А мне оно надо? Чисто по приколу подурачиться - да, для личного экспириенса - да, ради какой то борьбы - нет. Чето доказывать тебе тоже желания мало.
Ох йопта, нунифигисебевононочёоказывается