Suche im Forum:
Suchen


Autor Nachricht
Beitrag12.05.2009 um 15:14 (UTC)    
Titel: Farbe in Navi , Content - Balken?

Hallo!
Ich habe 2 Probleme: (auf www.creative-board.de.tl)

1) Ich möchte die Hover-Farbe und die Schriftart in der Navi ändern. Ich habe schon Threads gefunden, wie man das ändert... aber es geht bei mir nicht... (Die normale Farbe kann ich ja im Seiten-Editor ändern)

2) Bei dem Content könnt ihr ja sehen, dass er blau ist. Aber da sind links und rechts so schmale weiße Balken. Wie gehen die weg?

Hier mein Code:

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

body {background-image:url(http://img365.imageshack.us/img365/170/blueflowerhg.jpg); background-attachment: fixed;}

td.edit_navi_headbg {background-image:url();}
td.edit_rechts_cbg {background-image:url();}
td.edit_rechts_bottom {background-image:url();}
td.edit_rechts_sbg {background-image:url();}
td.edit_below_nav{visibility: hidden;}
td.edit_below_nav img{display:none;}
td.edit_navi_headbg{background-image:url(Url);}
td.edit_rb_footer {background-image:url();}
td.headline{
background-image:url();
background-color:transparent;}
td.edit_below_nav{visibility: hidden;}
td.edit_below_nav img{display:none;}
td.edit_navi_headbg{background-image:url(Url);}

/* Hintergrund hinter Design */
body {
background-color:#343434;
background-image:url(http://img365.imageshack.us/img365/170/blueflowerhg.jpg);
background-repeat: repeat;
text-align:center; }

/* Schriftfarbe + Größe auf allen Seiten */
td {
color:#000000;
font-size:14px;
text-align:left;
font-family: arial,verdana; }

/* Header oben */
td.edit_header_full {
background-image:url(http://img.webme.com/pic/c/creative-board/ice05.jpg);
background-repeat:no-repeat;
border:1px solid #000000; }

/* Titel im Header entfernen */
td.headline {visibility:hidden;}

/* Titel der Navigation */
td.nav_heading {
color:#3399ff;
font-size:20px;
font-family:Monotype Corsiva;
text-align:center;
height:29px;
background-color:#000000;
background-image:none;
border:1px solid #3399ff; }

/* Navigation Buttons */
td.nav{
text-decoration: none;
height: 47px;
background-image:url(http://img.webme.com/pic/c/creative-board/button4.gif);
background-repeat: no-repeat;
background-position: center;}

/* Hover-Effekt Navigation Buttons */
td.nav:hover{
text-decoration: none;
height: 47px;
background-image:url(http://img.webme.com/pic/c/creative-board/button4.gif);
background-repeat: no-repeat;
background-position: center;}


/* Textlinks in Navigation */
td.nav a {
color:#000000;
font-size:14px;
font-family:arial,verdana;
text-decoration:none;
text-align:left; }

/* Hover-Effekt Textlinks Navigation */
td.nav a:hover{
color:#FFFFFF;
font-size:14px;
font-family:arial,verdana;
text-decoration:none;
text-align:left; }

/* Bild unter Navigation entfernt */
td.edit_below_nav {display:none;}

/* Feld hinter Navigation / Kein Scrollbalken mehr bei Seiten mit wenig Inhalt */
td.edit_main_tr {
height: 50% !important; }

/* Hintergrund Navigation */
td.edit_navi_headbg {
background-image:url(Url);}

/* Balken über Textfeld */
td.edit_content_top {
height:29px;
background-color:#000000;
background-image:url();
border:1px solid #3399ff; }

/* Seitentitel über Textfeld */
td.headline2 {
color:#FFFFFF;
font-size:20px;
font-family:Monotype Corsiva; }

* Textfeld */
td.edit_content {
padding-top:15px;
padding-bottom:15px;
background-color:#3399ff;
background-image: url();
border:1px solid #000000; }



/* Erste Balken unter Textfeld */
td.edit_content_bottom {
height:29px;
background-color:#000000;
background-image: url();
border:1px solid #000000; }

/* Zweiter Balken unter Textfeld (mit Counter) */
td.edit_content_bottom2 {
background-color:#3399ff ;
background-image: url();
border:0px solid #000000; }

/* Counter / Besucherzähler */
td.edit_content_bottom2_counter {
font-family:Monotype Corsiva;
font-size:20px;
background-color:#3399ff;
border:1px solid #000000; }

/* große Feld unter Textfeld */
td.edit_rechts_cbg {
background-color:#XXXXXX;
background-image: url();
border:0px solid #000000; }

/* Streifen rechts vom Design entfernt mit */
td.edit_rechts_sbg {display:none;}

/* Titel über rechter Box */
td.sidebar_heading {
color:#FFFFFF;
font-size:20px;
font-family: Monotype Corsiva;
text-align:center;
height:14px;
background-color:#3399ff;
background-image: url();
border:1px solid #xxxxxx; }

/* rechte Boxen 1 bis 5 */
td.shouty, td.shouty2, td.shouty3, td.shouty4, td.shouty5{background-image:url(http://img.webme.com/pic/c/creative-board/box18.jpg); background-repeat: repeat;}



/* Abschluß unter Boxen 1 bis 5 entfernt mit */
td.edit_rb_footer{display:none; }

/* Hintergrund unter rechten Boxen */
td.edit_rechts_bottom {
background-color:#XXXXXX ;
background-image: url();
border:0px solid #000000; }
-->
</style>


Zuletzt bearbeitet von dani-site am 12.05.2009, 16:15, insgesamt einmal bearbeitet
Beitrag12.05.2009 um 16:38 (UTC)    
Titel:

hi,

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

body {background-image:url(http://img365.imageshack.us/img365/170/blueflowerhg.jpg); background-attachment: fixed;}

td.edit_navi_headbg {background-image:url();}
td.edit_rechts_cbg {background-image:url();}
td.edit_rechts_bottom {background-image:url();}
td.edit_rechts_sbg {background-image:url();}
td.edit_below_nav{visibility: hidden;}
td.edit_below_nav img{display:none;}
td.edit_navi_headbg{background-image:url(Url);}
td.edit_rb_footer {background-image:url();}
td.headline{
background-image:url();
background-color:transparent;}
td.edit_below_nav{visibility: hidden;}
td.edit_below_nav img{display:none;}
td.edit_navi_headbg{background-image:url(Url);}

/* Hintergrund hinter Design */
body {
background-color:#343434;
background-image:url(http://img365.imageshack.us/img365/170/blueflowerhg.jpg);
background-repeat: repeat;
text-align:center; }

/* Schriftfarbe + Größe auf allen Seiten */
td {
color:#000000;
font-size:14px;
text-align:left;
font-family: arial,verdana; }

/* Header oben */
td.edit_header_full {
background-image:url(http://img.webme.com/pic/c/creative-board/ice05.jpg);
background-repeat:no-repeat;
border:1px solid #000000; }

/* Titel im Header entfernen */
td.headline {visibility:hidden;}

/* Titel der Navigation */
td.nav_heading {
color:#3399ff;
font-size:20px;
font-family:Monotype Corsiva;
text-align:center;
height:29px;
background-color:#000000;
background-image:none;
border:1px solid #3399ff; }

/* Navigation Buttons */
td.nav{
text-decoration: none;
height: 47px;
background-image:url(http://img.webme.com/pic/c/creative-board/button4.gif);
background-repeat: no-repeat;
background-position: center;}
td.nav:hover{background-image:url(BILDADRESSE);} /*Navi-Hover*/
a.menu{font-family:Arial;} /*Schriftart*/

/* Hover-Effekt Navigation Buttons */
td.nav:hover{
text-decoration: none;
height: 47px;
background-image:url(http://img.webme.com/pic/c/creative-board/button4.gif);
background-repeat: no-repeat;
background-position: center;}


/* Textlinks in Navigation */
td.nav a {
color:#000000;
font-size:14px;
font-family:arial,verdana;
text-decoration:none;
text-align:left; }

/* Hover-Effekt Textlinks Navigation */
td.nav a:hover{
color:#FFFFFF;
font-size:14px;
font-family:arial,verdana;
text-decoration:none;
text-align:left; }

/* Bild unter Navigation entfernt */
td.edit_below_nav {display:none;}

/* Feld hinter Navigation / Kein Scrollbalken mehr bei Seiten mit wenig Inhalt */
td.edit_main_tr {
height: 50% !important; }

/* Hintergrund Navigation */
td.edit_navi_headbg {
background-image:url(Url);}

/* Balken über Textfeld */
td.edit_content_top {
height:29px;
background-color:#000000;
background-image:url();
border:1px solid #3399ff; }

/* Seitentitel über Textfeld */
td.headline2 {
color:#FFFFFF;
font-size:20px;
font-family:Monotype Corsiva; }

* Textfeld */
td.edit_content {
padding-top:15px;
padding-bottom:15px;
background-color:#3399ff;
background-image: url();
border:1px solid #000000; }
td.edit_content_left_spacer{display:none;}
td.edit_content_right_spacer{display:none;}




/* Erste Balken unter Textfeld */
td.edit_content_bottom {
height:29px;
background-color:#000000;
background-image: url();
border:1px solid #000000; }

/* Zweiter Balken unter Textfeld (mit Counter) */
td.edit_content_bottom2 {
background-color:#3399ff ;
background-image: url();
border:0px solid #000000; }

/* Counter / Besucherzähler */
td.edit_content_bottom2_counter {
font-family:Monotype Corsiva;
font-size:20px;
background-color:#3399ff;
border:1px solid #000000; }

/* große Feld unter Textfeld */
td.edit_rechts_cbg {
background-color:#XXXXXX;
background-image: url();
border:0px solid #000000; }

/* Streifen rechts vom Design entfernt mit */
td.edit_rechts_sbg {display:none;}

/* Titel über rechter Box */
td.sidebar_heading {
color:#FFFFFF;
font-size:20px;
font-family: Monotype Corsiva;
text-align:center;
height:14px;
background-color:#3399ff;
background-image: url();
border:1px solid #xxxxxx; }

/* rechte Boxen 1 bis 5 */
td.shouty, td.shouty2, td.shouty3, td.shouty4, td.shouty5{background-image:url(http://img.webme.com/pic/c/creative-board/box18.jpg); background-repeat: repeat;}



/* Abschluß unter Boxen 1 bis 5 entfernt mit */
td.edit_rb_footer{display:none; }

/* Hintergrund unter rechten Boxen */
td.edit_rechts_bottom {
background-color:#XXXXXX ;
background-image: url();
border:0px solid #000000; }
-->
</style>


Das Orangene die ist die Bildadresse zum Hoverbild, das blaue ist die Schriftart.
Wichtig: Die Schriftart muss auf dem Computer des Besuchers installiert sein!

Gruß,
Max
______________
http://blog.mamuehi.de
Beitrag13.05.2009 um 13:13 (UTC)    
Titel:

danke, das mit dem Content hat geklappt. nur das farbenproblem wieder xD

I-wie ist das bei mir verhext... was muss denn bei BildURL rein? Ich will ja nur ne Hoverfarbe und kein Bild...

nur ist es jetzt so, dass die Schriftart nicht die ist, die ich wollte und wo kann ich die Hoverfarbe eingeben?
Warum wird das Wort eigentlich größer, wenn ich mit der Maus draufgehe? Kann man das wegmachen?

Hier nochmal der Codeabschnitt:
Zitat:
/* Navigation Buttons */
td.nav{
text-decoration: none;
height: 47px;
background-image:url(http://img.webme.com/pic/c/creative-board/button4.gif);
background-repeat: no-repeat;
background-position: center;}
td.nav:hover{background-image:url(BILDADRESSE);} /*Navi-Hover*/
a.menu{font-family:Calligraph421 BT;} /*Schriftart*/

/* Hover-Effekt Navigation Buttons */
td.nav:hover{
text-decoration: none;
height: 47px;
background-image:url(http://img.webme.com/pic/c/creative-board/button4.gif);
background-repeat: no-repeat;
background-position: center;}
Beiträge der letzten Zeit anzeigen:   


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