Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag19.08.2008 um 21:05 (UTC)    
Titel: Beschriftete Buttons

Hallo,

ich habe für meine Page (http://yvonnes-testpage.de.tl/) zwei Navigationen eingesetzt. Einmal die Originale (CSS für Profis) und ein Cool-Menü. In das Cool-Menü habe ich beschriftete Buttons eingearbeitet. Nun möchte ich auch gerne in das originale CSS-Menü diese Buttons einsetzen. Wie kann ich das machen? Geht das überhaupt? Ich habe es schon mit 2 Cool-Menüs versucht (waagerecht und senkrecht), aber es erscheint dann immer nur eins!

Der originale CSS-Code sieht so aus:


#nav_container{
position: absolute;
left: 50%;
top:140px;
margin-left: -490px;
width: 160px;
border:1px solid #FFFFFF;}

ul#nav{
width: 130px;
padding: 0px;
margin: 0px;}

li.nav_element{
list-style-type: none;
position: relative;
padding:5px;
width: 115px;}

li.nav_element a{
display: block;
width: 115px;
padding:4px;
font-weight: bold;
text-decoration: none;
text-align: left;
color:#F2F2F2;
background-color:#343434;
background-image:url(HIER BUTTON-ULR_1);
border: 2px solid #000000;}

li.nav_element a:hover{
color: #000000;
background-color:#C9C9C9;
background-image:url(HIER BUTTON-URL_2);}



VG, Yvonne Very Happy
Beitrag19.08.2008 um 22:41 (UTC)    
Titel:

hallo yvonne....

um die buttons ein zu fügen....nimmst du dir die bilderurl des jeweiligen buttons und arbeitest ihn an die stelle wo das rot markiert ist...

li.nav_element a{
display: block;
width: 115px;
padding:4px;
font-weight: bold;
text-decoration: none;
text-align: left;
color:#F2F2F2;
background-color:#343434;
background-image:url(HIER BUTTON-ULR_1);
border: 2px solid #000000;}

falls du noch einen hover haben möchtest....das selbe mit dem zweiten button url


oder hab ich dich falsch verstanden? wenn ja dann sag noch mal wie du es gemeint hast

gruss mone
______________

Beitrag19.08.2008 um 23:36 (UTC)    
Titel: Beschriftete Buttons

Hallo Mone,

ich denke, du hast mich missverstanden. Also wo ich in diesem Code Buttons einfüge, das weiss ich.
Aber ich möchte vorbeschriftete Buttons nutzen. Ich muss also jedesmal einen neuen Button pro Seite einfügen. In meinem Cool-Menü geht das (waagerecht).
Aber in der originalen Navigation (siehe Code) ist das nicht möglich. Ich denke, ich bräuchte dort auch ein Cool-Menü (senkrecht).
Aber wie kann ich zwei Cool-Menüs einfügen?!

He moment. Du hast doch auch vorbeschriftete Buttons. Hast du ein Cool-Menü oder was?!

Grüsse!!!!!!!
Very Happy
Beitrag20.08.2008 um 00:17 (UTC)    
Titel:

huhu yvonne...

lach ich ahnte es fasst .. das ich dich missverstanden habe....ich hab eine normale navi im css....hab nur die bilderurl vom button und hover in den code eingefügt....die beschriftung hat er sich aus dem titel der einzelnen unterseiten gezogen....die du ja im editor eingibst....du kannst ja jede deiner unterseiten einen "namen" geben....dann taucht die schrift automatisch auf deinem button auf

gruss mone
______________

Beitrag20.08.2008 um 10:44 (UTC)    
Titel:

Hi -
Zitat:
#nav_container{
position: absolute;
left: 50%;
top:140px;
margin-left: -490px;
width: 160px;
border:1px solid #FFFFFF;}

ul#nav{
width: 130px;
padding: 0px;
margin: 0px;}

li.nav_element{
list-style-type: none;
position: relative;
padding:5px;
width: 115px;}

li.nav_element a{
display: block;
width: 115px;
padding:4px;
font-weight: bold;
text-decoration: none;
text-align: left;
color:#F2F2F2;
background-color:#343434;
background-image:url(HIER BUTTON-ULR_1);
border: 2px solid #000000;}

li.nav_element a:hover{
color: #000000;
background-color:#C9C9C9;
background-image:url(HIER BUTTON-URL_2);}


Das ist ein Problem:
das rote kannst du löschen, das ist der Hover-Effekt - den hast du oben auch nicht und das Bild hinter der Navi hat genug Effekt!

Beim CSS - also bei diesem Code kannst du nur ein Button für alle wählen (orange im Code) - das bringt dich aber nicht weiter, weil du auf Grund der Schriftart - für jedes Nav-Element ein neuen Button benötigst.

Die einfachste Lösung - du gibst den Button im Seiten-Titel ein

Zitat:
<img src="http://LINK des BUTTONS">


Ciao Michael
______________
Ciao Michael
Wenn man keine Ahnung hat, einfach mal fragen!


No Support via PN, E-Mail or Messenger - only here : FORUM
Beitrag20.08.2008 um 11:08 (UTC)    
Titel: Beschriftete Buttons

Hy Michael,

habe deinen Code ausprobiert. Es hat alles super Funktioniert!! Very Happy

Vielen Dank für deine schnelle Hilfe!!!

VG, Yvonne Wink
Beitrag20.08.2008 um 16:36 (UTC)    
Titel:

wie ich sehe hats ja doch noch geklappt....

gut zu wissen....falls ich mal eine veränderung vornehmen möchte oder eine zweite hp in angriff nehme.....guter tip

sieht übrigens richtig gut aus mit der schrift

gruss mone
______________

Beiträge der letzten Zeit anzeigen:   


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