ich möchte oberhalb meines Forums eine Navigationsleiste mit verschiedenen Links hinzufügen. Da ich bisher bei Wbblite war und quasi einen "Umzug" zu Phpbb anstrebe habe ich jetzt einfach mal "Vergleichsbilder", so dass man sich vielleicht besser vorstellen kann wie es aussehen soll.
Wbblite: http://i1209.photobucket.com/albums/cc3 ... bblite.png (so soll es im PhpBB aussehen)
Bisheriges Phpbb-Ergebnis: http://i1209.photobucket.com/albums/cc3 ... /phpbb.png
Common.css
Code: Alles auswählen
#navigation {
margin: 0;
padding: 0;
clear:both;
width:820px;
height:10px;
background:#b9c2c1;
}
ul.nav,
ul.nav li {
list-style: none;
margin: 0;
padding: 0;
}
ul.nav {
position: relative;
z-index: 597;
}
ul.nav li:hover > ul {
visibility: visible;
}
ul.nav li.hover,
ul.nav li:hover {
position: relative;
z-index: 599;
cursor: pointer;
background:#b9c2c1;
}
ul.nav li {
float:left;
display:block;
width:136px;
height: 20px;
color: #999;
font: 10px Tahoma, Helvetica, sans-serif;
background:#A2B3B3;
}
ul.nav li a {
display:block;
padding: 5px 5px 0 5px;
height: 25px;
color: #999;
font: 10px Tahoma, Helvetica, sans-serif;
text-decoration:none;
}
ul.nav li a:hover {
color:#D6D6D6;
}
ul.sub {
visibility: hidden;
position: absolute;
padding:10px;
top: 25px;
left: 0;
z-index: 598;
background:#A2B3B3;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #000;
}
ul.sub li {
list-style:none;
display:block;
padding: 0;
height: 18px;
float: none;
width:180px;
border-bottom: 1px solid #5a5a5a;
background: none;
}
ul.sub li a {
list-style:none;
display:block;
padding: 2px 2px 2px 2px;
height: 10px;
float: none;
width:180px;
background: none;
font: 10px Tahoma, Helvetica, sans-serif;
}Code: Alles auswählen
<table align="center" bgcolor="#b9c2c1" width="820px" style="border-collapse:collapse;text-align:center;">
<tr><td style="border: solid 1px #8AA1A2;">
<ul id="navigation" class="nav">
<li><a href="index.php?sid="><b>important</b></a>
<ul class="sub"><li><a href="board.php?boardid=32&sid=">Rules</a></li>
<li><a href="thread.php?sid=&postid=417#post417">Storyline</a></li>
<li><a href="thread.php?sid=&postid=377#post377">Gastaccount</a></li>
<li><a href="thread.php?sid=&postid=180#post180">Bewerbungsvorlage</a></li>
<li><a href="thread.php?sid=&postid=276#post276">Avatarliste</a></li>
<li><a href="thread.php?sid=&postid=307#post307">Jobliste</a></li>
<li><a href="thread.php?sid=&postid=306#post306">Nachnamenliste</a></li>
<li><a href="thread.php?sid=&postid=305#post305">Vornamenliste</a></li>
<li><a href="thread.php?sid=&postid=89588#post89588">Who is Who</a></li>
<li><a href="thread.php?sid=&postid=28484#post28484">Geburtstagsliste</a></li>
</ul>
</li>
<li><a href="board.php?boardid=39&sid="><b>gentlemen wanted</b></a>
<ul class="sub">
<li><a href="thread.php?threadid=3463&sid=">Cold Mind [Bruder] & Cleaner</a></li>
<li><a href="thread.php?threadid=3297&sid=">Neffe / Adoptivsohn gesucht</a></li>
<li><a href="thread.php?threadid=3782&sid=">the arse is falling out of his world?</a></li>
<li><a href="thread.php?threadid=3522&sid=">Da gibt es eine genetische Verknüpfung</a></li>
<li><a href="thread.php?threadid=3997&sid=">x. love me x. hate me x. save me x.</a></li>
<li><a href="thread.php?threadid=3492&sid=">Bester Freund und Kollege gesucht</a></li>
</ul>
</li>
<li><a href="board.php?boardid=37&sid="><b>ladies wanted</b></a>
<ul class="sub">
<li><a href="thread.php?threadid=4162&sid=">Das kann ich nicht länger mitansehen</a></li>
<li><a href="thread.php?threadid=4150&sid=">Eine "zauberhafte" Nanny</a></li>
<li><a href="thread.php?threadid=3931&sid=">Gosh! You're a godsend</a></li>
<li><a href="thread.php?threadid=4000&sid=">Saying something stupid like "I <3 you"</a></li>
<li><a href="thread.php?threadid=3540&sid=">Ist es gerade kühler geworden?</a></li>
<li><a href="thread.php?threadid=3793&sid=">I follow you deep Sea.</a></li>
<li><a href="thread.php?threadid=2761&sid=">a caring soul - große Schwester</a></li>
<li><a href="thread.php?threadid=2258&sid=">little sister, friend of mine</a></li>
<li><a href="thread.php?threadid=808&sid=">LuxusVillaBewohnerin (Prostituierte)</a></li>
<li><a href="thread.php?threadid=2102&sid=">Cleaning, cooking and sex afterwards!</a></li>
</ul>
</li>
<li><a href="board.php?boardid=151&sid="><b>groups wanted</b></a>
<ul class="sub">
<li><a href="thread.php?threadid=4200&sid=">Junge Römer | Geld allein macht nicht...</a></li>
<li><a href="thread.php?threadid=4131&sid=">Das sind diese coolen SWAT-Typen...</a></li>
<li><a href="thread.php?threadid=3241&sid=">Dear Diary, ... (Seriencast gesucht)</a></li>
<li><a href="thread.php?threadid=3843&sid=">Wir gegen den Rest der Welt</a></li>
<li><a href="thread.php?threadid=3240&sid=">Video killed the Radio Star</a></li>
<li><a href="thread.php?threadid=3242&sid=">The role of your life - Theaterensemble</a></li>
<li><a href="thread.php?threadid=3245&sid=">sydney's darling is looking for you</a></li>
<li><a href="thread.php?threadid=3528&sid=">Give me five [all my liltte sisters]</a></li>
<li><a href="thread.php?threadid=3450&sid=">law and order - Crew of the Police</a></li>
<li><a href="thread.php?threadid=2600&sid=">searching for a lost boy</a></li>
<li><a href="thread.php?threadid=1442&sid=">Life-Saver - Don't undertip them!</a></li>
</ul>
</li>
<li><a href="board.php?boardid=40&sid="><b>sex doesn't matter</b></a>
<ul class="sub">
<li><a href="thread.php?threadid=2584&sid=">Personal des st. vincent hospital</a></li>
<li><a href="thread.php?threadid=457&sid=">Lehrer/in der private school</a></li>
</ul>
</li>
<li><a href="board.php?boardid=152&sid="><b>character takeovers</b></a>
<ul class="sub">
<li><a href="thread.php?threadid=3636&sid=">Sean Watson (Schüler & Sohn)</a></li>
<li><a href="thread.php?threadid=3460&sid=">Ronan Buster (Schauspieler & Liebe)</a></li>
<li><a href="thread.php?threadid=3248&sid=">Madison McMason (Vorzimmerdame)</a></li>
<li><a href="thread.php?threadid=2295&sid=">Elvis Valmont (Student & Bruder)</a></li>
<li><a href="thread.php?threadid=1667&sid=">Dylan McKinney (Schüler & Sohn)</a></li>
<li><a href="thread.php?threadid=1345&sid=">Sullivan James (Bruder & Cleaner)</a></li>
<li><a href="board.php?boardid=35&sid=">Biete deine Charakteridee an</a></li>
</ul>
</li>
</td></tr></table>
