Suche im Forum:
Suchen


Autor Nachricht
Beitrag28.08.2010 um 18:50 (UTC)    
Titel: Horizontale Navi

Hallo Leute,
ich brauche eine Horizontale Navi.
Am besten wäre ich könnte dort die Höhe die Weite usw. einstellen. Und meine eigenen Banner verwenden.

mfg
Beitrag28.08.2010 um 19:05 (UTC)    
Titel:

Hiho,

also ich habe diese Navi, im CSS Design.

Code:

#nav_container {
[color=red]width: 1500px;[/color]
[color=blue]height: 50px;[/color]
background-image: url(URL);
margin-top: -30px;
margin-left: -1px; }


#nav li {
list-style-type: none;
padding: 2px;
padding-left: 15px;
padding-right: 15px;
font-size: 1.2em;
display: block;
border-bottom: 0px solid #BC8762;
float: left;
}

#nav a {
text-decoration: none;
color: #FFFFFF;
}

#nav a:hover {
color: #FFFFFF;
}

#nav li {
list-style-type: none;
padding: 2px;
padding-left: 15px;
padding-right: 15px;
font-size: 1.2em;
display: block;
margin-top: 15px;
border-bottom: 0px solid #BC8762;
float: left;
}



ROT: Breite der Navigation
BLAU: Höhe der Navigation

___________________________________

Solltest du ein Iceblue Design haben würde ich ein Coolmenü empfehlen.

Das du hier findest:

http://www.homepage-baukasten.de/forum/viewtopic.php?t=101593

___________________________________

Gruss,
SamNowi[/code]
______________
Lala Dum Dum - euch grüßt Sam Smile


Zuletzt bearbeitet von samnowi am 28.08.2010, 20:06, insgesamt einmal bearbeitet
Beitrag28.08.2010 um 19:16 (UTC)    
Titel:

Oder Besser,
könntet ihr mir aus dem Code:

<style type="text/css" media="screen">
body

{
font-family: Verdana, sans-serif;
font-size: 14px;
overflow: auto;
padding: 10px;
margin: 0px;
}

ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}
li a
{
padding-right: 20px;padding-top: 5px;
}

div.menu
{
position: absolute;
z-index: 3;
top: 112px;
left: 50%;
margin-left:-501px;
width:1200px;
}

.menu li
{
width: 318px;
float: left;
}

.menu a
{
border: 0px solid #000000;
background-color: #000000;
background-image: url(http://www.programmierer-fischer.de/demo/shop/images/blau.gif);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 31px;
color: #00CCFF;
}

.menu a:hover
{
background-color: #000000;
background-image: url(http://666kb.com/i/b3xzxv8labx4ixp9u.png);
}

#smenu1, #smenu2, #smenu3, #smenu4
{
font-size: 14px;
display: none;
width: 10px;
float: left;
}

#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a
{
font-weight: bold;
padding-top: 5px;
border-top: 0px;
cursor: pointer;
color: #FFFFFF;
}
</style>

<script type="text/javascript">

function montre(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'block';
else if (all)
all[id].style.display = 'block';
else
layers[id].display = 'block';
}
}
function cache(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'none';
else if (all)
all[id].style.display = 'none';
else
layers[id].display = 'none';
}
}
</script>

<div class="menu">
<li><a onmouseout="cache('smenu1');" onmouseover="montre('smenu1');" href="javascript:void(0);"> Anime-Serien</a>
<ul onmouseout="cache('smenu1');" onmouseover="montre('smenu1');" id="smenu1">
<li><a href="http://anime-streamz.de.tl/Bleach-.htm">Bleach</a></li>
<li><a href="http://anime-streamz.de.tl/Shippuuden.htm">Naruto Shippuuden</a></li>
</ul>
</li>
<li><a onmouseout="cache('smenu2');" onmouseover="montre('smenu2');" href="javascript:void(0);"> Allgemein</a>
<ul onmouseout="cache('smenu2');" onmouseover="montre('smenu2');" id="smenu2">
<li><a href="http://anime-streamz.de.tl/Partner.htm">Partner</a></li>

<li><a href="http://anime-streamz.de.tl/Helfer.htm">Helfen</a></li>
<li><a href="http://anime-streamz.de.tl/News.htm">News</a></li>
<li><a href="http://anime-streamz.de.tl/Eure-Meinung.htm">Eure Meinung</a></li>
<li> </li>
</ul>
</li>
<li><a onmouseout="cache('smenu3');" onmouseover="montre('smenu3');" href="javascript:void(0);"> Anderes</a>
<ul onmouseout="cache('smenu3');" onmouseover="montre('smenu3');" id="smenu3">
<li><a href="http://anime-streamz.de.tl/Forum/index.htm">Forum</a></li>
<li><a href="http://anime-streamz.de.tl/Meine-banner.htm">Meine Banner</a></li>

<li> </li>
</ul>
</li>
</div>


Einen machen. Sodass er einfach nicht aufklappt, sondern das die Buttons anklickbar sind(Direkt)

mfg
Beitrag28.08.2010 um 19:20 (UTC)    
Titel:

Hiho,

du verdeckst gerade die Werbung....



Editiert: Jetz nicht mehr Wink
______________
Lala Dum Dum - euch grüßt Sam Smile


Zuletzt bearbeitet von samnowi am 28.08.2010, 20:37, insgesamt einmal bearbeitet
Beitrag28.08.2010 um 19:22 (UTC)    
Titel:

Hmm entweder geht es nicht oder ich bekomms nicht hin :/

mfg
Beitrag28.08.2010 um 23:20 (UTC)    
Titel:

Kann geclosed werden ;D
Beitrag28.08.2010 um 23:47 (UTC)    
Titel:

fun-award hat Folgendes geschrieben:
Kann geclosed werden ;D


Alles klar. Wink

Grüße
Andreas
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de