Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag20.09.2013 um 05:37 (UTC)    
Titel: Slide-Menü im Header

Hallo zusammen,

ich wollte fragen, ob es möglich ist dass das Slide-Menü
von oben nach unten und nicht von rechts nach links slidet.

Quelle:
Zitat:
http://clean-test.de.tl/Slide-Men.ue.-im-Header.htm



Text über dem Design:
Code:
<div style="width:1050px; overflow:hidden; margin:auto;">


Text unter dem Design:
Code:
</div>


HTML-Code:
Code:
<div id="headerslider_1">
<div id="kontakt">
<a href="/Kontakt.htm">Kontakt</a>
<a href="/G.ae.stebuch.htm">Gästebuch</a>
<a href="/Impressum.htm">Impressum</a>
</div>
</div>



CSS-Code:
Code:

#headerslider_1 {
   width: 230px; /* Breite, welche die Links brauchen ausgefahren */
   height: 35px;
   overflow: hidden;
   top: 120px; /* Position des Sliders im Header */
   margin-left: 775px; /* Position des Sliders im Header */
   position: absolute;
   z-index: 2;}

/* Das Feld für die 3 Links */
#kontakt {
   background-image: url(http://img.webme.com/pic/c/clean-test/mail.png);
   background-color: #FFFFFF; /* weißer Hintergrund */
   background-repeat: no-repeat; /* = Icon nicht wiederholen */
   background-position: 5px 2px; /* = Icon Position */
   width: 220px; /* Breite ! anpassen, wenn keine 3 Links */
   padding:5px 5px 5px 40px;
   margin-left: 190px; /* Position eingefahren */
   transition: all 0.5s linear; /* weicher Übergang - Sliden */
   border: 1px solid #fff;
   border-radius: 8px 0px 0px 8px; /* gerundete Ecken */
   overflow: hidden;}

/* Feld mit Links fährt aus bei Hover */
#kontakt:hover{ margin-left:0px; }

/* Linktexte */
#kontakt a{
   float: left; /* Links nebeneinander */
   color: #343434;  /* Linkfarbe */
   margin-right: 12px; /* Abstand zwischen Links */
   font-size: 13px; /* Texgröße */
   display: block; }



Ich würde mich über Hilfe sehr freuen. Smile
Beiträge der letzten Zeit anzeigen:   


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