Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag01.02.2009 um 19:09 (UTC)    
Titel: Wie kann einen Navigator ändern, selber erstellen?

Ich möchte gern den navigator oben haben und er soll sich so
ausfahren wie bei diesem Beispiel.

http://www.burton.com/Gear/Default.aspx

als design verwende ich butterfly
Beitrag01.02.2009 um 19:11 (UTC)    
Titel:

Nimm mal diesen Code:
http://www.homepage-baukasten.de/forum/viewtopic.php?t=56126

mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator
Beitrag02.02.2009 um 13:08 (UTC)    
Titel:

erst einmal vielen dank
aber bitte wo soll ich das einfügen und muss ich da dann noch was reinschreiben?
Beitrag02.02.2009 um 13:14 (UTC)    
Titel:

Hier ich habe es dir Markiert: Wink

Zitat:
<style type="text/css" media="screen">
<!--

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

/* Dieser Teil ist dafür, die Menüpunkte ohne Listenpunkt darzustellen */
ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}

/* Hier stellt Ihr ein, wie weit die Schrift vom Menürand entfernt ist. */
li a
{
padding-right: 20px;padding-top: 5px;
}

/* Hier wird das ganze Menü positioniert */
div.menu
{
position: absolute;
z-index: 3;
top: 124px;
left: 50%;
margin-left:-405px;
width:905px;
}

/* Dieser Punkt bestimmt die Menübreite */
.menu li
{
width: 160px;
float: left;
}

/* Hier bestimmt Ihr das Aussehen der Menülinks */
.menu a
{
border: 0px solid #000000;
background-color: #000000;
background-image: url(Hier die Bild URL, von dem Button, der immer angezeigt werden soll.);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 23px;
color: #00CCFF;
}

/* Hier bestimmt Ihr das Aussehen der Hintergründe der Menülinks, wenn Ihr mit der Maus drüber fahrt */
.menu a:hover
{
background-color: #00CCFF;
background-image: url(Hier die Bild URL, für den Button, der angezeigt wird, wenn man mit der Maus drüberfährt);
}

/* Hier bestimmt Ihr die Größe der Menülinks (Für weitere Menüs, müssen die Punkte entsprechend erweitert werden) */
#smenu1, #smenu2, #smenu3, #smenu4, #smenu5
{
font-size: 12px;
display: none;
width: 160px;
float: left;
}

/* Hier bestimmt Ihr die Farbe der Menülinks (Für weitere Menüs, müssen die Punkte entsprechend erweitert werden) */
#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a
{
font-weight: bold;
padding-top: 5px;
border-top: 0px;
cursor: pointer;
color: #FFFFFF;
}
//-->

</style>

<!-- Anfang des Scriptes -->

<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>

<!-- Ende des Scriptes -->

<div class="menu">

<li><a href="javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Menupunkt1</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">

<!-- Menupunkt1 = Überschrift
Menupunkt1.1 und Menupunkt1.2 = Untermenüpunkte
Es können noch weitere Untermenüpunkte nach diesem Schema eingebaut werden:

<li><a href="http://Menupunktx.x.htm">Menupunkt1.2</a></li>

-->

<li><a href="http://Menupunkt1.1.htm">Menupunkt1.1</a></li>
<li><a href="http://Menupunkt1.2.htm">Menupunkt1.2</a></li>

</ul>
</li>

<!-- Hier können weitere Menüs eingefügt werden, einfach den oberen Teil kopieren und anpassen
'smenu1' muss dann entsprechend hochgezählt werden (4x)

<li><a href="javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Menupunkt1</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="http://Menupunkt1.1.htm">Menupunkt1.1</a></li>
<li><a href="http://Menupunkt1.2.htm">Menupunkt1.2</a></li>
<li><a href="http://Menupunktx.x.htm">Menupunkt1.2</a></li>

</ul>
</li>

-->

</div>


Mit freundlichen Grüßen
Ekky
Beitrag03.02.2009 um 17:38 (UTC)    
Titel:

ok
aber wo soll ich des denn alles einfügen?
ich meine die kompletten code
Beitrag04.02.2009 um 19:37 (UTC)    
Titel:

wo soll ich den code reinschreiben??
Beitrag04.02.2009 um 19:42 (UTC)    
Titel:

In diesem Link ist es genau beschrieben wo der Code eingefügt werden muß.

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

Liebe Grüße.
______________



www.gidf.de

Ice Blue&CSS-Design
Beitrag05.02.2009 um 20:46 (UTC)    
Titel:

ok alles klar ich muss
aber sagen ich bin nicht so der ober schecker in html
wie kann ich den ändern des da nicht nur menuepunkt 1 steht
muss ich da die url von nem bild einfügen aber welches bild????
ich hab kein bild des so klein ist und wo home draufsteht
und wi kann ichs machen des es da noch mehr menuepunkte gibt??
fragen über fragen!?!!?
Beitrag07.02.2009 um 10:53 (UTC)    
Titel:

juhu
fertig aber wie kann ich jetzt den alten navigator wegmachen oder unsichtbar
die seiten müssen aber erhalten sein sonst
funktioniert es nicht mehr
Beitrag07.02.2009 um 10:54 (UTC)    
Titel:

welches design hast du denn?
______________
Forenregeln, FAQ, Suchfunktion
Beitrag07.02.2009 um 11:03 (UTC)    
Titel:

wenn das design butterfly ist dann müsste dieser code gehen:

Code:
#headline_bar_left {display: none;}
#edit_headline_nav {display: none;}
#edit_page_bg {display: none;}
#edit_nav_headline {display: none;}
#headline2 {display: none;}
#edit_nav_main {display: none;}
#edit_nav_main_charakter {display: none;}
#nav_bar_left {display: none;}
#nav_bar_bottom {display: none;}
#nav_bar_right {display: none;}


mfg
______________
Forenregeln, FAQ, Suchfunktion
Beitrag07.02.2009 um 15:43 (UTC)    
Titel:

danke stimmt genau
aber wo soll ich des reinschreiben
Beitrag09.02.2009 um 13:04 (UTC)    
Titel:

ich mein in welches feld??
Beitrag09.02.2009 um 16:12 (UTC)    
Titel: CSS Navi

wollte fragen ob jemand weiß wie man die navigation von oben nach links auf die seite bekommt und recht daneben den text #
Beitrag10.02.2009 um 16:44 (UTC)    
Titel:

das musst du nter text über dem design hineinkopieren aber mit style tags

mfg
______________
Forenregeln, FAQ, Suchfunktion
Beiträge der letzten Zeit anzeigen:   


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