PDA

Zobacz pełną wersję : menu left w moim szablonie!


mayl
24-06-2007, 22:31
witam!
Moj problem polega na tym, że nie moge sobie poradzic z main menu joomli osadzonym na obiektach div. Podglądnąłem jak to jest zrobione w templatce nf_ianus-orange.
Menu probuje zrobic we wlasnym szablonie ktory jest pod adresem
www.karp.team.jaroszow.pl
CHodzi o to, żeby poszególne linki mainmenu byly osadzone na divach.

oto index.php
<?php defined( "_VALID_MOS" ) or die( "Direct Access to this location is not allowed." );?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<?php if ( $my->id ) { initEditor(); } ?>
<meta http-equiv="Content-Type" content="text/html;<?php echo _ISO; ?>" />
<?php mosShowHead(); ?>
<link href="<?php echo $mosConfig_live_site;?>/templates/<?php echo $cur_template;?>/css/template_css.css" rel="stylesheet" type="text/css" />
<link href="css/template_css.css" rel="stylesheet" type="text/css" />

</head>
<body>
<div id="echo">
<div id="cialo"><?php mosMainBody(); ?>
</div>
<div id="modulleft"><?php mosLoadModules('left');?>
</div>
</div>
</body>


a taki template.css

body {
background-color: #000000;
background-position: center;

}

#echo {
background-image: url(../super.jpg);
background-repeat: no-repeat;
position: absolute;
height: 720px;
width: 800px;


}

#cialo {
position: absolute;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
color: #FFFFFF;
height: 342px;
width: 484px;
top: 196px;
right: 211px;
background-repeat: no-repeat;
background-color:#FF6600;
}

#modulleft {
position: absolute;
left: 646px;
top: 309px;
width: 140px;
height:270px;
}

a.mainlevel:link, a.mainlevel:visited {
display : block;
width : 140px;
line-height : 65px;
font-size : 11px;
color : #eee;
text-decoration : none;
font-weight : bold;
background : url(../images/przycisk2.jpg) no-repeat;
text-indent : 24px;
padding-bottom : 2px;
}
a.mainlevel:hover {
color : #05b8f4;
text-indent : 30px;
background-position : 0 -65px;
text-decoration : none;
}

a.mainlevel#active_menu {
color : #333;
background-position : 0 -130px;
}

a.sublevel:link, a.sublevel:visited {
display : block;
width : 140px;
line-height : 65px;
font-size : 11px;
color : #eee;
text-decoration : none;
font-weight : bold;
background : url(../images/przycisk2.jpg) no-repeat;
text-indent : 24px;
padding-bottom : 2px;
}

a.sublevel:hover {
color : #05b8f4;
text-indent : 30px;
background-position : 0 -65px;
text-decoration : none;
}

a.sublevel#active_menu {
color : #333;
background-position : 0 -130px;
}

a.mainlevel-nav:link, a.mainlevel-nav:visited {
float : left;
display : block;
line-height : 65px;
font-size : 11px;
color : #ddd;
text-decoration : none;
font-weight : bold;
background : url(../images/przycisk2.jpg) repeat-x;
padding : 0px 10px 0px 10px;
border-right : 1px solid #777;
border-left : 1px solid #555;
vertical-align : top;
}

a.mainlevel-nav:hover {
color : #fff;
background-position : 0 -65px;
text-decoration : none;
}

a.mainlevel-nav#active_menu-nav {
color : #333;
background-position : 0 -130px;
text-decoration : none;
}



oto jest ten obiekt na ktorym chcialbym zeby pojawily sie linki mainmenu joomla
http://www.karp.team.jaroszow.pl/templates/echo/images/przycisk2.jpg

prosze o pomoc.pozdrawiam!
zwiastun
24-06-2007, 23:01
Tak pomyślane zadanie (generowanie stadardowego menu osadzonego na divach) jest niewykonalne. Kod Joomla może Ci wygenerować:
1) menu pionowe w wielowierszowej tabeli, każda pozycja w odrębym wierszu
2) menu pionowe w tabeli w jednej komórce (w jednej komórce wszystkie pozycje jako elementy listy objęte znacznikiem ul)
3) menu pionowe objęte elementem <div> w postaci listy nieuporządkowanej (nienumerowanej); pozycje są elementami listy (a więc ujęte są w znaczniki <li>)
4) menu poziome w jednowierszowej tabeli w wielu komórkach, każda pozycja w jednej komórce
5) menu poziome zbudowane jako lista nieuporządkowana, wyświetlana inline
mayl
24-06-2007, 23:14
Zatem jak moge zrobic, zeby pozycje menu(menu pionowego) byly osadzone na danym obrazku :

http://www.karp.team.jaroszow.pl/templates/echo/images/przycisk.jpg

jeden pod drugim.

np tak :

http://www.karp.team.jaroszow.pl/templates/echo/images/przycisk2.jpg

wie ktos moze jak to zrobic????

czytalem ze za pozycje mainmenu sa odpowiedzialne klasy a.mainlevel wiec poczyatlem troche i postanowilem robic ale nic;/ nie iwem o co chodzi. pOnizej moja klasa:

a.mainlevel:link, a.mainlevel:visited {
display : block;
width : 140px;
line-height : 65px;
font-size : 11px;
font-weight : bold;
background-image : url(../images/przycisk.jpg) no-repeat;
}

przycisk.jpg http://www.karp.team.jaroszow.pl/templates/echo/images/przycisk.jpg to obrazek na korym powinny sie wyswietlic pozycje mainmenu jeden pod drugim. pozdrawiam i prosze o pomoc!
mayl
29-06-2007, 00:12
czy żeby owe przyciski byly tlem dla pozycji mainmenu musze umiescic je w tabelce???to o to chodzi??czyli divy musza byc w tabelce umieszczone a nie jeden w drugim???