AW: Design an Joomla1.6 anpassen oder umgekehrt?
Habe mich jetzt etwas näher damit beschäftigt und eine Webseite, welche ich schon in xHTML & CSS fertig hatte probiert an Joomla anzupassen.
Ist ja irgendwie blöd, denn wenn man in Joomla das Menü für die Seite erstellt, dann nutzt er eigene Klassen und ID's:uhm: so dass ich dann z.B. per Firebug mir diese erst raussuchen muss um dann per CSS die Formatierung vornehmen zu können.
Beispiel:
Ich hatte zuvor in xHTML & CSS folgendes angegeben:
Jetzt nicht alles korrekt hier dargestellt, da fehlt u.a. body und head etc. ist mir klar!
HTML:
#navi_wrapper {
height: 38px;
width: 900px;
/* [disabled]border: 2px solid orange; */
position: fixed;
top: 85px;
z-index: 1000;
/* [disabled]background-color: #999; */
background-image: url(Bilder/navi_bg.png);
background-repeat: repeat-y;
background-position: left top;
}
#nav1 {
float: left;
margin-left: 65px;
}
#nav1 a img {
border: none;
}
#nav2 {
float: left;
margin-left: 10px;
}
#nav2 a img {
border: none;
}
#nav3 {
float: left;
margin-left: 10px;
}
#nav3 a img {
border: none;
}
#nav4 {
float: left;
margin-left: 10px;
}
#nav4 a img {
border: none;
}
#nav5 {
float: left;
margin-left: 10px;
}
#nav5 a img {
border: none;
}
#nav6 {
float: left;
margin-left: 10px;
}
#nav6 a img {
border: none;
}
<div id="navi_wrapper"><div id="nav1"><a href="index.html"><img src="Bilder/home.png" width="120" height="34" alt="home" /></a></div>
<div id="nav2"><a href="infos.html"><img src="Bilder/infos.png" width="120" height="32" alt="infos" /></a></div>
<div id="nav3"><a href="http://www.irgendwas" target="_blank"><img src="Bilder/forum.png" width="120" height="34" alt="forum" /></a></div>
<div id="nav4"><a href="links.html"><img src="Bilder/links.png" width="120" height="34" alt="links" /></a></div>
<div id="nav5"><a href="archiv.html"><img src="Bilder/archiv.png" width="120" height="34" alt="archiv" /></a></div>
<div id="nav6"><a href="impressum.html"><img src="Bilder/impressum.png" width="120" height="34" alt="impressum" /></a></div>
</div>
in Joomla macht er in xHTML folgendes:
HTML:
<div id="navi_wrapper"><div id="nav1"> <div class="moduletable_menu">
<ul class="menu">
<li class="item-101 current active"><a href="/joomla/" >Home</a></li></ul>
</div>
</div>
<div id="nav2"> <div class="moduletable">
<ul class="menu">
<li class="item-103"><a href="/joomla/index.php/infos" ><img src="/joomla/images/infos.png" alt="Infos" /><span class="image-title">Infos</span> </a></li></ul>
</div>
</div>
<div id="nav3"></div>
<div id="nav4"></div>
<div id="nav5"> <div class="moduletable">
<ul class="menu">
<li class="item-104"><a href="/joomla/index.php/archiv" ><img src="/joomla/images/archiv.png" alt="Archiv" /><span class="image-title">Archiv</span> </a></li></ul>
</div>
</div>
<div id="nav6"></div>
</div>
Ich komme mit Joomla auch noch nicht so ganz klar.
Kann man denn wirklich vorab nicht wissen welchen Code Joomla benutzt?:uhm:
Die Klassen menu, modultable_menu, modultable sowie item-103 kommen ja nicht von mir!