Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag12.07.2011 um 20:35 (UTC)    
Titel: coolmenü

Code:
<style type="text/css"><!--

/* Feld für das Menu */
#Menu_Box {
  width: 650px; /* Breite  */
  position: absolute;
  left: 53%; /* = NICHT ÄNDERN ! */
  margin-left: -304px; /* nach LINKS + RECHTS verschieben */
  margin-top: 210px; /* nach OBEN + UNTEN verschieben */
  overflow: hidden;}




/* die 4 DIV Felder */      
#link_1, #link_2, #link_3, #link_4  {
  float: left;  /* Buttons nebeneinander */
  text-align: center;
  margin-right: 5px;   /* Abstand zwischen Buttons */
  overflow: hidden; }





/* das Aussehen der 4 Links */
#link_1 a, #link_2 a, #link_3 a, #link_4 a {

  display: block; /* = Verlinkung füllt Feld aus */
  width: 130px; /* = Breite des Button */
  height: 21px; /* = Höhe des Button */
  line-height: 20px; /* = muss Höhe bekommen, die auch height hat */

  margin-top: 20px; /* = nur notwendig, wenn Hover-Effekt verwendet wird */
  color: #00000 ;  /* = Linkfarbe */
  font-size: 15px;  /* = Link Textgroeße */
  font-family: Century Gothic; /* = Link Schriftart */
  text-decoration: none; /* = Link nicht unterstrichen */
  background-color:#cccccc ;





 /* = Hintergrundfarbe Link */
  border: 1px solid #000000;  /* = Rahmen */
  -moz-border-radius-topleft: 0px; /* = abgerundete Ecke oben links */
  -moz-border-radius-topright: 0px; /* = abgerundete Ecke oben rechts */
  -webkit-border-top-left-radius: 0px;
  -webkit-border-top-right-radius: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;  }
      




/* Der Hover Effekt fuer die Links */
#link_1 a:hover, #link_2 a:hover, #link_3 a:hover, #link_4 a:hover {
  font-size: 20px;
  margin-top: 18px;
  padding-top: 5px;
  padding-bottom: 5px;
  color: #00000;
  font-weight: bold;
  background-color: #ccccc; }






 --></style>

<div id="Menu_Box">
<div id="link_1"> <a href="http://blog-pic.de.tl/Home.htm">Home</a></div>
<div id="link_2"> <a href="http://blog-pic.de.tl/G.ae.stebuch.htm">Gästebuch</a> </div>
<div id="link_3"> <a href="http://blog-pic.de.tl/Kontakt.htm">Kontakt</a> </div>
<div id="link_4"> <a href="http://blog-pic.de.tl/Partner.htm">Partner</a> </div>
</div>





ich versuch die ganze zeit unter dem hauptlink Partner zwei unterlinks zu bekommen! aber ich versteh diese erklärung auf www.iceblue-test.de.tl nicht :/ kann mir jemand einen css code dazu senden?[/code]
Beitrag13.07.2011 um 09:53 (UTC)    
Titel:

Hi - das ist ein einfaches Menu oben, welches du jetzt verwendest.
Ein Coolmenu mit Drop Down - benötigt ein Javascript, das ermöglicht, dass die Untermenus ausfahren.

Schau mal hier - mit Erklärung:
http://success4you.it/tutorials/index.php/hpbkcodes/mixeddesigns/coolmenu
______________
Ciao Michael
Wenn man keine Ahnung hat, einfach mal fragen!


No Support via PN, E-Mail or Messenger - only here : FORUM
Beitrag13.07.2011 um 11:32 (UTC)    
Titel:

danke, danke, danke! Smile
Beitrag13.07.2011 um 11:46 (UTC)    
Titel:

Hi - gerne geschehen
und du hast es schon drin - super
freut mich, dass es geklappt hat.
______________
Ciao Michael
Wenn man keine Ahnung hat, einfach mal fragen!


No Support via PN, E-Mail or Messenger - only here : FORUM
Beitrag13.07.2011 um 12:58 (UTC)    
Titel:

Hallo!

Danke für die Rückmeldung, und danke an den Helfer.

Ich schließe dann hier mal.

-CLOSED-

Gruß,

TransInt
______________
Kein Support per PN - Im Forum hilft es allen!

Life is what happens while you are busy making other plans.
- John Lennon
Beiträge der letzten Zeit anzeigen:   


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