Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag12.09.2010 um 23:22 (UTC)    
Titel: Red Design eigenes Design Navigation Schriftfarbe

Hallo,

so ich weiß nicht mehr weiter! Ich hab das Red Design und hab schon ziemlich viel dran rumgebastelt.
Also: ich möchte eine Seite machen die ungefähr so aussehen soll.
(Die Farbe in der Navi von "Home" soll Mouseover Effekt sein)



die Seite sieht nun allerdings noch so aus:

http://fusspflege-kramer.de.tl/Home.htm

könnte mir jemand helfen?Sad
hauptsächlich hab ich irgendwie probleme mit der schrift in der navigation.
das wäre super wenn ich hilfe bekäme! Smile

hier ist mal der ganze code den ich dadrin hab:
Code:
<style type="text/css">
<!--

body {
background-color:#FFCC33;}

/* Header über Design */
td.edit_header {
background-color:#000033;
background-image:url(Bild-URL);}

/* roter Hintergrund links vom Design */
td.edit_links_bg {
background-color: #000033;
background-image:url(Bild-URL);}

/*Hintergrund hinter Navi,Textfeld,rechte Box / 955 Pixel breit */
td.edit_main_bg {
background-color: #FFFFFF;
background-image:url(Bild-URL);}

/* roter Streifen Design-Rahmen linke Seite */
td.edit_page_main_top {
background-color: #FFCC33;
background-image:url(); }

/* grauer Hintergrund hinter Navigation / Breite 206 Pixel */
td.edit_page_main_bg {
background-color: #000033;
background-image:url(Bild-URL); }

/* grauer Streifen über Titel Navigation / Höhe 10 Pixel */
td.edit_links_bg_unten { visibility:hidden; }

/* roter Streifen über Titel Navigation / 202 x 4 Pixel */
td.edit_navi_top { visibility:hidden; }

/* rote Hintergrund hinter Navi-Buttons / Breite 202 Pixel */
td.edit_navi_bg {
background-color: #000033;
background-image:url(Bild-URL); }

/* Hintergrund Navi-Titel / 202 x 23 Pixel */
td.edit_navhead {
background-color: #000033;
background-image:url(Bild-URL); }

/* rote Streifen unter Navi-Titel / Höhe 4 Pixel */
td.edit_nav_klein { visibility:hidden; }

/* Navi-Buttons / 202 x 28 Pixel */
td.edit_button_bg {
background-color: #FFFFFF;
background-image:url(Button-URL); }

td.a.rednav {
background-image: url(Bild-URL);color: #FFFFFF;}


/* rote Streifen unter Navi-Buttons / 202 x 4 Pixel */
td.nav_mini {visibility:hidden; }

/* grauer Streifen links der Navigation / Breite 4 Pixel */
td.edit_links_navi_left_spacer {
background-color: #000033;
background-image:url(Bild-URL); }

/* Hintergrund hinter Navigation / grau / Breite 202 Pixel */
td.edit_links_navi_container {
background-color: #000033;
background-image:url(Bild-URL); }

/* grauer Hintergrund hinter Textfeld */
td.edit_page_main2 {
background-color: #FFFFFF;
background-image:url(Bild-URL); }

/* grauer Streifen über Textfeld / 522 x 11 Pixel */
td.content_over {visibility:hidden; }

/* Feld hinter Textfeld */
td.edit_content_bg {
background-color: #FFFFFF;
background-image:url(Bild-URL); }

/* Rote Balken im Textfeld / Höhe 37 Pixel */
td.edit_content_header {
background-color: #FFFFFF;
background-image:url(Bild-URL); }

/* Titel über Textfeld (Schrift) */
td.Stil2 {
font-size: 12px;
font-familiy: arial;
color: #000033;}

/* Textfeld / Breite 510 Pixel */
td.cont {
color: #000000;
font-size: 13px;
font-family:arial;
text-align:left;
background-color: #FFFFFF;
background-image:url(Bild-URL); }

/* Textfeld / weiße Balken unten im Textfeldbereich / 522 x 55 Pixel */
td.cont_bottom { visibility:hidden; }

/* grauer Hintergrund hinter rechten Boxen / Breite 221 */
td.edit_zeile {
background-color: #000033;
background-image:url(Bild-URL); }

/* grauer Hintergrund hinter rechten Boxen / Breite 221 */
td.edit_zeile2 {
background-color: #000033;
background-image:url(Bild-URL); }

/* roter Hintergrund hinter rechten Boxen / Breite 221 */
td.edit_zeile3 {
background-color: #000033;
background-image:url(Bild-URL); }

/* dunkle Streifen über Titel rechte Box / Höhe 16 Pixel */
td.rb_over {
background-color: #000033;
background-image:url(Bild-URL); }

/* Hintergrund Titel rechte Box / 217 x 23 Pixel */
td.edit_rechts_header {
background-color: #000033;
background-image:url(Bild-URL); }

/* weißer Hintergrund Rechte Box / Breite 217 Pixel */
td.edit_rechts_bg {
background-color: #000033;
background-image:url(Bild-URL); }

/* Rechte Box / Rahmen oben / weiß-rot / 217 x 23 Pixel */
td.edit_rechts_header2 {
background-color: #000033;
background-image:url(Bild-URL); }

/* Rechte Box / Rahmen unten / weiß-rot / 217 x 19 Pixel */
td.rb_footer {
background-color: #000033;
background-image:url(Bild-URL); }

/* roter Streifen unter rechter Box / 220 x 4 Pixel */
td.rb_bottom { visibility:hidden; }

/* Feld unter rechter Box / Höhe 58 Pixel */
td.rb_bottom2 {
background-color: #000033;
background-image:url(Bild-URL); }

/* weißer Rechter Aussenrand des Designs / Breite 3 Pixel */
td.rb_right_mini {
background-color: #FFCC33;
background-image:url(Bild-URL); }


/* roter Hintergrund / rechts vom Design / 400 x 22 Pixel */
td.edit_rechts_bg_unten {
background-color: #000033;
background-image:url(Bild-URL); }

/* Aussenrand unten vom Design / rot-weiß / 1000 x 25 Pixel */
td.edit_bottom_bg { visibility:hidden; }
-->
</style>
Beitrag13.09.2010 um 06:01 (UTC)    
Titel:

Code:
a.rednav{font-family: arial;font-size: 12px;color: #FFFF99;}


müsste die textfarbe der navigation sein. füge das zu und passe es für dich an.

und das hier sollten die buttons der navigation sein. statt XXXXXX gibst du den farbton ein. das ist im code schon drin und musst es ebenfalls ändern.

Code:
/* Navi-Buttons / 202 x 28 Pixel */
td.edit_button_bg {
background-color: #XXXXXX;
background-image:url(Button-URL); }


mit dem hovereffekt der navi-buttons musst du mal sehn ob das überhaupt geht. wenn ich das aus iceblue übertrage, müsste es für red wohl so lauten:

Code:
td.edit_button_bg:hover {
background-color: #XXXXXX;
background-image:url(Button-URL); }


dort auch die hintergrundfarbe statt XXXXXX ändern.


gruss gringo

hinweis: ohne gewähr, red ist nicht mein ding Wink
______________
Mein Youtube Kanal | Standard-Designs als Red Design ohne rechte Boxen | Tips zum Design Professionell



Zuletzt bearbeitet von 6p-iceblue am 13.09.2010, 07:07, insgesamt 2-mal bearbeitet
Beitrag13.09.2010 um 17:05 (UTC)    
Titel:

Danke, das war nett, so früh schon ne antwort zu bekommen Wink hat zwar nur teilweise geholfen, aber immerhin! =D

Der Hover Effekt funktioniert, nur die Schriftfarbe weigert er sich hartnäckig zu ändern!

Kennst sich vielleicht noch jemand besser damit aus als ich? =)
(jetzt sollten so gut wie alle finger hochgehen! Wink)
Beitrag13.09.2010 um 17:10 (UTC)    
Titel:

eventuell hast du beim seiten erstellen den haken in der farbkugel drin. bei optionen kannst du für jede seite dann eine eigene farbe bestimmen. editiere also die einzelnen seiten, und ändere dort die schriftfarbe des navigationsbutton. allerdings hast du das problem, dass der hoverbutton ja gelb ist, da wirst du die gelbe farbe des textlinkes der navigation dann nicht erkennen.

aber warte mal, ob es dafür auch ein code gibt, der die schrift der navigation als hover darstellt.

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



Zuletzt bearbeitet von 6p-iceblue am 13.09.2010, 18:11, insgesamt 2-mal bearbeitet
Beitrag15.09.2010 um 18:49 (UTC)    
Titel:

ah dankeschön, so langsam kapiere ich es! =)
Beiträge der letzten Zeit anzeigen:   


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