Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag21.04.2011 um 16:38 (UTC)    
Titel: andere buttonform in der navi oben

hallo wie kann ich die button im navi oben ändern damit sie wie im navi links aussehen ?

mfg
Beitrag22.04.2011 um 08:09 (UTC)    
Titel:

So sieht es derzeit aus:

Code:
/* 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: 139px; /* = Breite des Button */
  height: 20px; /* = Höhe des Button */
  line-height:20px; /* = muss Höhe bekommen, die auch height hat */
  margin-top: 30px; /* = nur notwendig, wenn Hover-Effekt verwendet wird */
  color: #F2F2F2;  /* = Linkfarbe */
  font-size: 16px;  /* = Link Textgroeße */
  font-family: arial; /* = Link Schriftart */
  text-decoration: none; /* = Link nicht unterstrichen */
  background-color: #6f8ac4;  /* = Hintergrundfarbe Link */
  border: 1px solid #bbbbbb;  /* = Rahmen */
  -moz-border-radius-topleft: 10px; /* = abgerundete Ecke oben links */
  -moz-border-radius-topright: 10px; /* = abgerundete Ecke oben rechts */
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;}
      
/* Der Hover Effekt fuer die Links */
#link_1 a:hover, #link_2 a:hover, #link_3 a:hover, #link_4 a:hover {
  font-size:15px;
  margin-top: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
  color: #ffffff;
  font-weight: bold;
  background-color: #CEF6F5; }


Und so müsste es (glaube ich) aussehen:

Code:
/* 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: 139px; /* = Breite des Button */
  height: 20px; /* = Höhe des Button */
  line-height:20px; /* = muss Höhe bekommen, die auch height hat */
  margin-top: 30px; /* = nur notwendig, wenn Hover-Effekt verwendet wird */
  color: #F2F2F2;  /* = Linkfarbe */
  font-size: 16px;  /* = Link Textgroeße */
  font-family: arial; /* = Link Schriftart */
  text-decoration: none; /* = Link nicht unterstrichen */
  background-image: url(http://img6.imagebanana.com/img/ebs0kt6p/63.jpg);  /* = Hintergrundbild */
      
/* Der Hover Effekt fuer die Links */
#link_1 a:hover, #link_2 a:hover, #link_3 a:hover, #link_4 a:hover {
  background-image:url(http://img6.imagebanana.com/img/noogi5qd/67.jpg); }


Das müsste es sein.

Gruß,

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

Life is what happens while you are busy making other plans.
- John Lennon


Zuletzt bearbeitet von transint am 22.04.2011, 09:11, insgesamt einmal bearbeitet
Beitrag22.04.2011 um 13:48 (UTC)    
Titel:

so ist es schon top nur der hover effekt klappt nicht, bitte noch mal um hilfe.
mfg Embarassed
Beitrag22.04.2011 um 16:46 (UTC)    
Titel:

Sorry, mein Fehler...

Bitte ersetzen Embarassed

Code:
  background-image: url(http://img6.imagebanana.com/img/ebs0kt6p/63.jpg);  /* = Hintergrundbild */
     
/* Der Hover Effekt fuer die Links */


durch:

Code:
  background-image: url(http://img6.imagebanana.com/img/ebs0kt6p/63.jpg); } /* = Hintergrundbild */
     
/* Der Hover Effekt fuer die Links */


Gruß,

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

Life is what happens while you are busy making other plans.
- John Lennon
Beitrag23.04.2011 um 12:47 (UTC)    
Titel:

Very Happy danke funktioniert !

mfg
Beiträge der letzten Zeit anzeigen:   


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