Suche im Forum:
Suchen


Autor Nachricht
Beitrag24.08.2007 um 08:36 (UTC)    
Titel: Butterfly: Schriftart, größe und farbe in der Navi ändern.

Hallo zusammen, ich habe hier irgendwo mal gelesen das man in der Navi (Butterfly) die Schriftart, die Schriftgröße und die Schriftfarbe mit einem Code ändern kann (CSS).
Wäre nett wenn einer von euch mir helfen könnte.

Desweiteren bräuchte ich noch den Code um in der gesamten Navi ein Hintergrundsbild einzufügen.

Vielen Dank und Gruß Ralf

WWW.pokerclub-rainbow-rheinbach.de.tl


Zuletzt bearbeitet von pokerclub-rainbow-rheinbach am 24.08.2007, 09:53, insgesamt einmal bearbeitet
Beitrag24.08.2007 um 08:52 (UTC)    
Titel:

Hallo,

warum stellst Du Deine Frage nicht in der Rubrik "CSS" ?
Du hast ja schon erkannt, es handelt sich um eine Frage zum Thema CSS.

Schaue zuersteinmal das Bild hier an, Design Butterfly:
http://www.homepage-baukasten.de/forum/viewtopic.php?t=32541
Alle Klassen sind hier auf dem Bild markiert.
Du suchst Dir die Klasse für Schrift in Navigation heraus.

Du siehst auf dem Bild, die Klasse für die Navi-Schrift ist : edit_nav_main_charakter

es muss dann heissen :
Zitat:
td.edit_nav_main_charakter{
font-family:Arial,Verdana;
font-size: 12px;
color: #XXXXXX;}

Du fügst gewünschte Schriftart ein, gewünschte Grösse, gewünschte Farbe .

Hintergrund-Bild in Navigation:
Würde man nichts von sehen, weil die weissen Buttons drauf liegen würden.
Also musst du erst die Navi-Buttons transparent machen.
Schaue wieder auf das Bild, welche Klasse sie haben.
Du siehst die Klasse : edit_nav_main_zellen
transparent machst Du sie so: {background-image:url(); backround-color:transparent;}

Und Hintergrund-Bild für Navi einfügen ?
Das wäre die Klasse : headline3

Zitat:
td.headline3{
background-image:url(http://Hier Bild-URL);
background-color:#XXXXXX;}
Beitrag24.08.2007 um 09:23 (UTC)    
Titel:

Erstmal danke Wolle, das komische ist nur das ich gestern diesen Code

<style type="text/css">
<!--
a.menu { color:#99oooo;
font-size:13px;
}
-->
</style>

genommen habe und es auch wunderbar geklappt hat. Nur die Schriftfarbe verändert sich nicht.
Und heute morgen war komischerweise wieder alles beim alten. (auch die Schriftgröße)





Sad Sad
Beitrag15.01.2011 um 17:30 (UTC)    
Titel:

wolle hat Folgendes geschrieben:
Hallo,

warum stellst Du Deine Frage nicht in der Rubrik "CSS" ?
Du hast ja schon erkannt, es handelt sich um eine Frage zum Thema CSS.

Schaue zuersteinmal das Bild hier an, Design Butterfly:
http://www.homepage-baukasten.de/forum/viewtopic.php?t=32541
Alle Klassen sind hier auf dem Bild markiert.
Du suchst Dir die Klasse für Schrift in Navigation heraus.

Du siehst auf dem Bild, die Klasse für die Navi-Schrift ist : edit_nav_main_charakter

es muss dann heissen :
Zitat:
td.edit_nav_main_charakter{
font-family:Arial,Verdana;
font-size: 12px;
color: #XXXXXX;}

Du fügst gewünschte Schriftart ein, gewünschte Grösse, gewünschte Farbe .

Hintergrund-Bild in Navigation:
Würde man nichts von sehen, weil die weissen Buttons drauf liegen würden.
Also musst du erst die Navi-Buttons transparent machen.
Schaue wieder auf das Bild, welche Klasse sie haben.
Du siehst die Klasse : edit_nav_main_zellen
transparent machst Du sie so: {background-image:url(); backround-color:transparent;}

Und Hintergrund-Bild für Navi einfügen ?
Das wäre die Klasse : headline3

Zitat:
td.headline3{
background-image:url(http://Hier Bild-URL);
background-color:#XXXXXX;}


Gruss Wolle



Gruss Wolle


Schade, dass das Bild nicht mehr zu sehen ist. Sad Dann könnte man es vielleicht nochmal nachvollziehen.
______________
LG Elfi
Beitrag15.01.2011 um 17:34 (UTC)    
Titel:

Beitrag16.01.2011 um 23:40 (UTC)    
Titel:

Hallo Gringo - Du hast geholfen, wie so oft schon ! Laughing
D*A*N*K*E
______________
LG Elfi
Beitrag17.01.2011 um 14:01 (UTC)    
Titel:

hab ich ja ganz vergessen. ich hab hier den code. der gilt für butterfly und colourful.

es ist mit hovereffekt und ein checked menü (visited). checked menü bedeutet, dass die aktuelle seite eine andersfarbige schrift in der navigation hat.

Code:
<style type="text/css">
<!--
a{font-family: arial; color:#000000; text-decoration: none; font-size:14px}
a:visited{font-family: arial; color:#800000; text-decoration: none; font-size:14px}
a:hover{font-family: arial; color:#800000; text-decoration: underline; font-size:14px}
-->
</style>


Zuletzt bearbeitet von 6p-iceblue am 17.01.2011, 15:03, insgesamt einmal bearbeitet
Beitrag18.01.2011 um 11:08 (UTC)    
Titel:

Hallo, Danke - mir fehlt aber jetzt der Code für die Schrift im Menü links. Also die Schrift der Menüpunkte Startseite, Wer bin ich, Familie usw. Ich möchte sie auch so lassen, nur etwas größer. Danke.
______________
LG Elfi
Beitrag18.01.2011 um 14:36 (UTC)    
Titel:

der code stimmt, den ich über deinen beitrag gepostet habe und er funktioniert. ich hab es ja getestet. ich weiss jetzt nicht wo dein problem ist.

du musst ihn nur einfügen.

aber wenn ich dein jetzigen designcode sehe, ist eh was im argen.

alleine das hier:

Code:
td.edit_headline{display:none;}


hast du mittlerweile 4x im code drin.

gruss gringo
______________
Mein Youtube Kanal | Standard-Designs als Red Design ohne rechte Boxen | Tips zum Design Professionell

Beitrag19.01.2011 um 22:05 (UTC)    
Titel:

6p-iceblue hat Folgendes geschrieben:
...... im argen.

alleine das hier:

Code:
td.edit_headline{display:none;}


hast du mittlerweile 4x im code drin.


Hm - dachte eigentlich, wenn man bei headline etwas korrigiert, ganz egal was, gehört immer vorneweg dieser code.
War wohl ein Irrtum ! Rolling Eyes

PS: "hovereffekt" sagt mir leider gar nichts ! *rotwerd*.

PPS: Mein Selbstbewußtsein sackt schon wieder ab ! Crying or Very sad
______________
LG Elfi


Zuletzt bearbeitet von quattromani am 19.01.2011, 23:11, insgesamt einmal bearbeitet
Beitrag20.01.2011 um 07:55 (UTC)    
Titel:

Zitat:

<style type="text/css">
<!--
a{font-family: arial; color:#000000; text-decoration: none; font-size:14px}
a:visited{font-family: arial; color:#800000; text-decoration: none; font-size:14px}
a:hover{font-family: arial; color:#800000; text-decoration: underline; font-size:14px}
-->
</style>


Styletags, 1x im gesamten code reicht. neue codes werden dazwischen gesetzt.

Aussehen der eigentlichen schrift in der navigation

Farbton der navigationsschrift ändert sich beim rüberfahren mit der maus

Die aktuelle seite erhält in der navigationsschrift einen anderen farbton.

ich hoffe, dass es verständlich ist. aber was hindert dich daran, wenn du einfach einen anderen farbton im code bei hover und visited eingegeben hättest? dann hättest du gesehen was da passiert.

testen, testen, testen Wink

gruss gringo
______________
Mein Youtube Kanal | Standard-Designs als Red Design ohne rechte Boxen | Tips zum Design Professionell

Beitrag20.01.2011 um 22:21 (UTC)    
Titel:

Ahhja - Rolling Eyes gute Idee, hab ich jetzt gemacht ! HP wird immer schöner !

Ich hab immer Angst, dass ich andere Codes "beschädige" - aber ich hab jetzt meine zweite, vergammelnde Homepage umfunktioniert zu einer Probe-Homepage - da hätt ich auch schon früher draufkommen können.
______________
LG Elfi


Zuletzt bearbeitet von quattromani am 20.01.2011, 23:25, insgesamt einmal bearbeitet
Beitrag01.02.2013 um 15:44 (UTC)    
Titel:

6p-iceblue hat Folgendes geschrieben:
hab ich ja ganz vergessen. ich hab hier den code. der gilt für butterfly und colourful.

es ist mit hovereffekt und ein checked menü (visited). checked menü bedeutet, dass die aktuelle seite eine andersfarbige schrift in der navigation hat.

Code:
<style type="text/css">
<!--
a{font-family: arial; color:#000000; text-decoration: none; font-size:14px}
a:visited{font-family: arial; color:#800000; text-decoration: none; font-size:14px}
a:hover{font-family: arial; color:#800000; text-decoration: underline; font-size:14px}
-->
</style>


gruss gringo


Genau das, was ich gebraucht habe Smile
Nur leider greift dieser Code auch auf meine 2. Rechte Box zu.
Was kann ich dagegen machen?
______________
LG Geldregen

Beitrag01.02.2013 um 16:20 (UTC)    
Titel:

nimm das für die navigation:

Code:

<style type="text/css">
<!--
/* Schrift der Navigation Butterfly */
a.menu{color:#000000;font-family:Times New Roman;font-size:14px}
a.menu:hover{color:#ffffff;font-family:Times New Roman;font-size:14px}
a.menu:visited{color:#000000;font-family:Times New Roman;font-size:14px}
-->
</style>


du musst es für dich noch anpassen. aber das checked oder visitit ist anders als bei iceblue. teste es mal.



gruss gringo
______________
Mein Youtube Kanal | Standard-Designs als Red Design ohne rechte Boxen | Tips zum Design Professionell



Zuletzt bearbeitet von 6p-iceblue am 01.02.2013, 17:22, insgesamt einmal bearbeitet
Beitrag01.02.2013 um 16:49 (UTC)    
Titel:

Hat funktioniert Smile

Danke für die schnelle Hilfe

LG Geldregen
______________
LG Geldregen

Beiträge der letzten Zeit anzeigen:   


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