Подсветка текушего раздела - Веб-программирование

xroot · 21.03.2007, 12:51

я наверно постарел или устал или деградируюсь

дайте кто-нить пример меню(урок, статью) для сайта с выделеннием текушего раздела (желательно с графикой)
пример _http://uk.real.com/player/ основное меню

DinoDom · 21.03.2007, 20:57

Код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<?php $thisPage="Page Two"; ?>
<head><html>
<title>Название компании<?php if ($thisPage!="")
  echo " | $thisPage"; ?></title>
<meta name="title" content="Company Name<?php
  if ($thisPage!="") echo " | $thisPage"; ?>" />
<meta name="keywords" 
content="<?php if ($thisPage!="")
  echo "$thisPage, "; ?>
company name, keyword1, keyword2,
  keyword3" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
<!--
body {
  background:#fff;
  margin:0;
  padding:0;
  color:#000;
  font:x-small/1.5em Georgia,Serif;
  voice-family: "\"}\""; voice-family:inherit;
  font-size:small;
  } html>body {font-size:small;}

#header {
  float:left;
  width:100%;
  background:#DAE0D2 url("bg.gif") repeat-x bottom;
  font-size:93%;
  line-height:normal;
  }
#header ul {
  margin:0;
  padding:10px 10px 0;
  list-style:none;
  }
#header li {
  float:left;
  background:url("left.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
  }
#header a {
  float:left;
  display:block;
  background:url("right.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  text-decoration:none;
  font-weight:bold;
  color:#765;
  }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#header a {float:none;}
/* End IE5-Mac hack */
#header a:hover {
  color:#333;
  }
#header #current {
  background-image:url("left_on.gif");
  }
#header #current a {
  background-image:url("right_on.gif");
  color:#333;
  padding-bottom:5px;
  }
  
  
  
  
 -->
</style>
</head>

<body>
<div id="header">
  <ul>
    <li<?php if ($thisPage=="Page One") 
      echo " id=\"current\""; ?>>
      <a href="#">Страница 1</a></li>
    <li<?php if ($thisPage=="Page Two") 
      echo " id=\"current\""; ?>>
      <a href="#">Страница 2</a></li>
    <li<?php if ($thisPage=="Page Three") 
      echo " id=\"current\""; ?>>
      <a href="#">Страница 3</a></li>
    <li<?php if ($thisPage=="Page Four") 
      echo " id=\"current\""; ?>>
      <a href="#">Страница 4 </a> </li>
	  <li<?php if ($thisPage=="Page Five") 
      echo " id=\"current\""; ?>>
      <a href="#">www.id-as.com/arts/ala/slidingdoors</a> </li>
	  <li<?php if ($thisPage=="Page Six") 
      echo " id=\"current\""; ?>>
      <a href="#">www.webmascon.com/topics/development/19a.asp</a> </li>
  </ul>
 </div>
</body>
</html>

Предельно ясно, картинки правятся в CSS

Это один из вариантов, довольно колхозной на мой згляд верстки, в пхп не силен, так что если будут другие варианты, более успешные, было бы здорого узнать

DinoDom · 21.03.2007, 20:59

Вот прикрепил уже готовый вариант, если кому-то непонятно

21.03.2007, 12:51	# 1
xroot ::VIP:: dr.Great Jah Регистрация: 29.08.2004 Адрес: £ U. c K. Пол: Male Сообщения: 1 127	Подсветка текушего раздела я наверно постарел или устал или деградируюсь дайте кто-нить пример меню(урок, статью) для сайта с выделеннием текушего раздела (желательно с графикой) пример _http://uk.real.com/player/ основное меню __________________ Каждый уважающий себя ёж хранит в норке фотоальбомчик с фотографиями голых жоп, которыми его пытались пугать.