|
Как сделать "шапку" сайта активной?
|
|
| virtuoso7797 | Отредактировал virtuoso7797 - Понедельник, 28 Сентября 2009, 02:09 Дата: 28 Сентября 2009, 01:15 | Сообщение # 1 | ● ● ● ● ● 4 сообщения Статус: Offline | Здравствуйте! Вопрос, который меня мучает уже несколько недель... Как сделать, чтобы при клике на верхней части любой страницы сайта можно было перейти на главную? Рассматриваю вариант наложения прозрачной прямоугольной картинки, чтобы при клике на "шапке" сайта (в границах картинки) активировать указанное действие. К сожалению, знаний HTML не хватает для того, чтобы сделать: - прозрачную - масштабируемую по разрешению экрана - активную (т.е. "линкуемую") картинку. Может, какие-небудь другие идеи будут, как это реализировать? Уверен, что для спецов это несложная задача... Всяческие плюсы в репутацию гарантирую На всякий случай - номер дизайна 411, адрес сайта http://4s.at.ua Код верхней части сайта: Code <style type="text/css"> a.logo:link {text-decoration:none; color:#FFFFFF;} a.logo:active {text-decoration:none; color:#FFFFFF;} a.logo:visited {text-decoration:none; color:#FFFFFF;} a.logo:hover {text-decoration:none; color:#FFFFFF;} </style>
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%" style="background:url('/.s/t/411/1.gif') repeat-x #FFFFFF;"> <tr><td width="4" rowspan="2" height="100%" valign="top" style="background:url('/.s/t/411/2.gif') #822B01;"><img src="/.s/t/411/3.jpg" border="0"></td> <td align="center" valign="top"> <table border="0" cellpadding="0" cellspacing="0" width="100%" height="187"> <tr> <td width="121" style="background:url('/.s/t/411/4.jpg');padding-bottom:20px;" valign="bottom" align="center"><a href="$HOME_PAGE_LINK$" title="Головна"><img src="/.s/t/411/5.gif" border="0" alt="Головна"></a><img src="/.s/t/411/6.gif" border="0"><?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?><a href="$PERSONAL_PAGE_LINK$" title="Мій профіль"><img src="/.s/t/411/7.gif" border="0" alt="Мій профіль"></a><?else?><a href="$REGISTER_LINK$" title="Реєстрація"><img src="/.s/t/411/8.gif" border="0" alt="Реєстрація"></a><?endif?><?endif?><img src="/.s/t/411/6.gif" border="0"><?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?><a href="$LOGOUT_LINK$" title="Вихід"><img src="/.s/t/411/9.gif" border="0" alt="Вихід"></a><?else?><a href="$LOGIN_LINK$" title="Вхід"><img src="/.s/t/411/10.gif" border="0" alt="Вхід"></a><?endif?><?endif?> </td> <td width="331" style="background:url('/.s/t/411/11.jpg');"><span style="color:#FFFFFF; font:18pt bold Verdana,Tahoma;"><a class="logo" href="$HOME_PAGE_LINK$"><b><!-- <logo> --> 4 СЕЗОНИ<!-- </logo> --></b></a></span></td> <td> <table cellpadding="0" cellspacing="0" border="0" width="100%" height="187"> <tr><td height="34" style="background:url('/.s/t/411/12.jpg') left no-repeat;padding-right:10px;" align="right">$WDAY$, $DATE$, $TIME$</td></tr> <tr><td height="153" style="background:url('/.s/t/411/13.jpg') top left no-repeat; padding-right:10px;" align="right"> <?if($LOGIN_FORM$)?> <table border="0" cellpadding="0" cellspacing="0"> <tr><td align="right" style="color:#626262;"><b><!--<s5158>-->Форма входу<!--</s>--></b></td></tr> <tr><td align="center" style="padding:5px;">$LOGIN_FORM$</td></tr> </table> <?endif?> </td></tr> </table> </td> </tr> </table> Если надо, добавлю размер обуви и окружность головы... подскажите  | | |
|
| Task | Отредактировал Task - Понедельник, 28 Сентября 2009, 11:55 Дата: 28 Сентября 2009, 11:53 | Сообщение # 2 | ● ● ● ● ● 703 сообщения Статус: Offline | В CSS: Code #mainLinka{ position:absolute; top:0; width:100%; height:200; } Вместо твоего кода: Code <style type="text/css"> a.logo:link {text-decoration:none; color:#FFFFFF;} a.logo:active {text-decoration:none; color:#FFFFFF;} a.logo:visited {text-decoration:none; color:#FFFFFF;} a.logo:hover {text-decoration:none; color:#FFFFFF;} </style>
<a href="[http://4s.at.ua]" id="mainLinka"></a> <table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%" style="background:url('/.s/t/411/1.gif') repeat-x #FFFFFF;"> <tr><td width="4" rowspan="2" height="100%" valign="top" style="background:url('/.s/t/411/2.gif') #822B01;"><img src="/.s/t/411/3.jpg" border="0"></td> <td align="center" valign="top"> <table border="0" cellpadding="0" cellspacing="0" width="100%" height="187"> <tr> <td width="121" style="background:url('/.s/t/411/4.jpg');padding-bottom:20px;" valign="bottom" align="center"><a href="$HOME_PAGE_LINK$" title="Головна"><img src="/.s/t/411/5.gif" border="0" alt="Головна"></a><img src="/.s/t/411/6.gif" border="0"><?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?><a href="$PERSONAL_PAGE_LINK$" title="Мій профіль"><img src="/.s/t/411/7.gif" border="0" alt="Мій профіль"></a><?else?><a href="$REGISTER_LINK$" title="Реєстрація"><img src="/.s/t/411/8.gif" border="0" alt="Реєстрація"></a><?endif?><?endif?><img src="/.s/t/411/6.gif" border="0"><?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?><a href="$LOGOUT_LINK$" title="Вихід"><img src="/.s/t/411/9.gif" border="0" alt="Вихід"></a><?else?><a href="$LOGIN_LINK$" title="Вхід"><img src="/.s/t/411/10.gif" border="0" alt="Вхід"></a><?endif?><?endif?> </td>
<td width="331" style="background:url('/.s/t/411/11.jpg');"><span style="color:#FFFFFF; font:18pt bold Verdana,Tahoma;"><a class="logo" href="$HOME_PAGE_LINK$"><b><!-- <logo> --> 4 СЕЗОНИ<!-- </logo> --></b></a></span></td> <td> <table cellpadding="0" cellspacing="0" border="0" width="100%" height="187"> <tr><td height="34" style="background:url('/.s/t/411/12.jpg') left no-repeat;padding-right:10px;" align="right">$WDAY$, $DATE$, $TIME$</td></tr> <tr><td height="153" style="background:url('/.s/t/411/13.jpg') top left no-repeat; padding-right:10px;" align="right"> <?if($LOGIN_FORM$)?> <table border="0" cellpadding="0" cellspacing="0"> <tr><td align="right" style="color:#626262;"><b><!--<s5158>-->Форма входу<!--</s>--></b></td></tr> <tr><td align="center" style="padding:5px;">$LOGIN_FORM$</td></tr> </table> <?endif?> </td></tr> </table> </td> </tr> </table> </div> | | |
|
| virtuoso7797 | Дата: 28 Сентября 2009, 20:46 | Сообщение # 3 | ● ● ● ● ● 4 сообщения Статус: Offline | Task, спасибо большое! Как и обещал, плюс с меня Два комментария: 1. Высоту блока уменьшил до 169 пикселей, чтобы кнопки не перекрывал (это информация для тех, кто в упорной борьбе с подобной проблемой) 2. a href="[http://4s.at.ua]" заменил на a href="http://4s.at.ua" (думаю, это и ожидалось) Тему можно закрывать. Никак не успокоюсь от полученного результата  | | |
|
| mob_dp | Дата: 28 Сентября 2009, 22:34 | Сообщение # 4 | ● ● ● ● ● 4112 сообщений Статус: Offline | Я тут сижу с вас в приколе. Task, ты в курсе что бревном 100%х200 ты перекрыл ему блок со всякой фигней типа "вход" и "регистрация"? Вот это взять в блок и кинуть абсолютом: Code <a href="$HOME_PAGE_LINK$" title="Головна"><img src="/.s/t/411/5.gif" border="0" alt="Головна"></a><img src="/.s/t/411/6.gif" border="0"><?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?><a href="$PERSONAL_PAGE_LINK$" title="Мій профіль"><img src="/.s/t/411/7.gif" border="0" alt="Мій профіль"></a><?else?><a href="$REGISTER_LINK$" title="Реєстрація"><img src="/.s/t/411/8.gif" border="0" alt="Реєстрація"></a><?endif?><?endif?><img src="/.s/t/411/6.gif" border="0"><?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?><a href="$LOGOUT_LINK$" title="Вихід"><img src="/.s/t/411/9.gif" border="0" alt="Вихід"></a><?else?><a href="$LOGIN_LINK$" title="Вхід"><img src="/.s/t/411/10.gif" border="0" alt="Вхід"></a><?endif?><?endif?> А все остальное снести и поставить: Code <a href="/" id="logo"></a>
#logo { display:block; width: 100%; height: 169px; } | | |
|
| Task | Отредактировал Task - Понедельник, 28 Сентября 2009, 22:38 Дата: 28 Сентября 2009, 22:36 | Сообщение # 5 | ● ● ● ● ● 703 сообщения Статус: Offline | Хз. От балды писал | | |
|
| messa | Отредактировал messa - Среда, 07 Октября 2009, 14:44 Дата: 07 Октября 2009, 14:43 | Сообщение # 6 |  ● ● ● ● ● 25 сообщений Статус: Offline | ну а нафиг такое нужно я понять не могу? | | |
|
| hranitel2837 | Отредактировал hranitel2837 - Воскресенье, 18 Октября 2009, 16:40 Дата: 18 Октября 2009, 16:40 | Сообщение # 7 |  ● ● ● ● ● 1 сообщение Статус: Offline | Я тоже готова предоставить обмеры чайника головы. Нигде не видела похдходящего обсуждения. А тута все такие умные и отзывчивые. Как бы в графической картинке верхней части шаблона Сайта Из набора ЮКОЗА ФОТО 917 изменить только часть картинки - мне подходит все, кроме рамки с цветочками. Может, как-то можно ее скачать и переделать в фотошопе? И как обратно всунуть? Еще у меня есть Macromedia Dreamweaver 8, но толку-то. Вижу там только каркас без картинок. Может, за неделю кто-то ответит... | | |
|
| }{0тт@бь)ч | Дата: 18 Октября 2009, 17:59 | Сообщение # 8 | ● ● ● ● ● 1089 сообщений Статус: Offline | hranitel2837, в рай, в рай... | | |
|