Autor |
Nachricht |
-
sound-inferno
|
17.02.2011 um 18:08 (UTC) Titel: Ich bekomme die Textfarbe nicht hin (erledigt) |
|
|
Eigentlich ist es das einfachste auf der Welt, aber ich bekomme es nicht hin.
Wie kann ich einstellen, dass die Farbe der Schrift auf allen Seiten weiß ist?
Hier mein langer code mit meinen versuchen:
Code: <style type="text/css">
<!--
/* Iceblue verbreitern auf 980 Pixel */
table.edit_main_table {
width: 1240px!important;
margin: auto; }
td.edit_main_tr {
height: 50%!important;
width: 1240px!important; }
table.edit_second_table {
width: 100%!important; }
/*Header */
td.edit_header_full {
width: 1240px!important; }
/* Headerfeld */
td.edit_header_full table {
width: 1240px!important; }
table.edit_third_table {
width: 100%!important; }
/* Feld hinter Textfeld */
table.edit_rechts_tabelle {
width: 625px!important; }
/* dunkle Feld unter / hinter Textfeld */
td.edit_rechts_cbg {
height: 50%!important;
width:100%; }
/* Streifen rechts von den Boxen entfernen mit */
td.edit_rechts_sbg {
display: none; }
/* Werbung zentrieren */
table[height="102"] {
margin: auto; }
/* Design zentrieren */
table.edit_main_table {
margin: auto; }
/* Balken über Textfeld */
td.edit_content_top {
height: 49px;
background-color: #000000;
background-image: url();
border-left: 5px solid#ffffff; border-right: 5px solid#ffffff; border-bottom: 5px solid#ffffff;border-top: 0px solid#ffffff;
float: left;
width: 1240px;
text-align: left;
magin-right: auto;
margin-left: auto;
margin-top: 0px;}
/* Textfeld */
td.edit_content {
background-color: #000000; color: #ffffff;
background-image: url();
border-left: 5px solid#ffffff; border-right: 5px solid#ffffff;
width:1000px}
/* Streifen unten im Textfeld */
td.edit_content_bottom {
background-color: #000000;
background-image: url();
border-left: 5px solid#ffffff;border-right: 5px solid#ffffff; border-bottom: 0px solid#ffffff;height: 5px;border-top: 5px;}
/* Balken unter Textfeld */
td.edit_content_bottom2 {
background-color: #000000;
background-image: url();
border-left:5px solid#ffffff;border-right: 5px solid#ffffff;border-bottom: 5px solid#ffffff;-moz-border-radius-bottomleft: 10px;
-webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px;
-webkit-border-bottom-right-radius: 10px;
margin-top: 0px;}
td.edit_content {
border-left: 5px solid#ffffff; border-right: 5px solid#ffffff;height: 500px; color: #ffffff;
overflow:auto;
float: left;
width: 1240px;
text-align: left;
magin-right: auto;
margin-left: auto;
margin-top: 0px;color: #ffffff;}
td.headline2 { visibility:hidden; }
/* dunkle Feld unter Textfeld transparent gemacht mit */
td.edit_rechts_cbg {
background-color: ;
background-image: url(); }
/* Feld für Menue oben, auf Header platziert */
#Menu_Box {
width: 1200px; /* = Breite des Feldes */
position: absolute;
left: 50%; /* = NICHT ÄNDERN ! */
margin-left: -480px; /* = hier Feld nach LINKS oder RECHTS verschieben */
margin-top:325px; /* = hier Feld nach OBEN oder UNTEN verschieben */
overflow: hidden;}
/* 4 Felder haben unsere Links als Inhalt */
#link_1, #link_2, #link_3, #link_4,#link_5 {
float:left; /* = durch float:left; platzieren sich Buttons nebeneinader */
overflow: hidden;
margin-right: 8px; /* = Abstand zwischen den Buttons */
text-align: center;}
/* das Aussehen der 4 Links */
#link_1 a, #link_2 a, #link_3 a, #link_4 a,#link_5 a {
display: block; /* = Verlinkung füllt das DIV Feld aus */
width: 120px; /* = Breite des Button */
height: 40px; /* = Höhe des Button */
line-height:40px; /* = muss die Höhe bekommen, die auch height hat */
margin-top: 30px; /* = nur notwendig, wenn Hover-Effekt verwendet wird */
color: #000000; /* = Linkfarbe */
font-size: 20px; /* = Link Textgroeße */
font-family: Times new roman; /* = Link Schriftart */
font-weight: bold;
text-decoration: none; /* = Link nicht unterstrichen */
background-color: #000000;
background-image:url(http://img.webme.com/pic/s/sound-inferno/button1.jpg); /* = Hintergrundfarbe Link */
border-left: 4px solid#910606; border-right: 4px solid#910606; border-top: 4px solid#910606; /* = 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, #link_5 a:hover {
font-size:20px;
margin-top: 20px;
padding-top: 10px;
padding-bottom: 0px;
background-image:url(http://img.webme.com/pic/s/sound-inferno/button_hover.jpg);
color: #000000;
font-weight: bold;
background-color: #910606; border-left: 4px solid#ffffff ; border-right: 4px solid#ffffff ; border-top: 4px solid#ffffff ; /* = Rahmen */ }
/* Rechte Boxen entfernt */
table#sidebar_heading_1 , table#sidebar_heading_2 , table#sidebar_heading_3 , table#sidebar_heading_4 , table#sidebar_heading_5 {
display: none; }
/* Tabellenspalte hinter Seiteninhalt */
td.edit_rechts_cbg {
width: 100%!important; }
/* Tabelle hinter Seiteninhalt breiter mit*/
table.edit_rechts_tabelle {
width:
1240px!important; }
/* Navigation Entfernen */
.edit_rechts_tabelle,.edit_rechts_cbg{width: 100%;}
.edit_navi_headbg{display:none;}
/* Header Sound Inferno */
td.edit_header_full {
background-image:url(http://img.webme.com/pic/s/sound-inferno/header_weis1.gif);
background-color:#XXXXXX;background-position: center;background-repeat: no-repeat;border-left: 5px solid#ffffff;border-top: 5px solid#ffffff;border-right: 5px solid#ffffff; -moz-border-radius-topleft: 10px; height:220px;
-webkit-border-top-left-radius: 10px; -moz-border-radius-topright: 10px;
-webkit-border-top-right-radius: 10px; }
/* Titel unsichtbar */
td.headline { visibility:hidden; }
/* Hintergrund hinter Design */
body {background-color:#010014;
background-image:url(http://img.webme.com/pic/s/sound-inferno/hintergrund6.jpg);
background-attachment: fixed;
td {
color:#ffffff;
font-size:14px; }
-->
</style>
<div id="Menu_Box">
<div id="link_1"> <a href="http://sound-inferno.de.tl/News.htm ">News</a> </div>
<div id="link_2"> <a href="http://sound-inferno.de.tl/Medien.htm ">Medien</a> </div>
<div id="link_3"> <a href="http://sound-inferno.de.tl/G.ae.stebuch.htm ">Gästebuch</a> </div>
<div id="link_4"> <a href="http://sound-inferno.de.tl/Kontakt.htm ">Kontakt</a> </div>
<div id="link_5"> <a href="http://sound-inferno.de.tl/Events.htm ">Events</a> </div></div> ______________
Zuletzt bearbeitet von sound-inferno am 17.02.2011, 20:03, insgesamt einmal bearbeitet
|
|
↑
|
|
|
-
riki-designs
|
17.02.2011 um 18:10 (UTC) Titel: |
|
|
Hi,
einfach in dem Body die Schriftart ändern:
Zitat: /* Hintergrund hinter Design */
body {background-color:#010014;
background-image:url(http://img.webme.com/pic/s/sound-inferno/hintergrund6.jpg);
background-attachment: fixed;
color: #FFFFFF;
}
Übrigens, wenn du irgendwo anders eine andere Schriftfarbe möchtest, dann
musst du nur in dem Teil vom Code das "color: [farbe]" einfügen.
Wie im oben genannten Beispiel für den Body.
Gruss
Riki
Zuletzt bearbeitet von riki-designs am 17.02.2011, 19:11, insgesamt einmal bearbeitet
|
|
↑
|
|
|
-
sound-inferno
|
17.02.2011 um 18:16 (UTC) Titel: |
|
|
Funktioniert leider nicht. Ist evtl ein Fehler in meinem Code? ______________ |
|
↑
|
|
|
-
riki-designs
|
17.02.2011 um 18:18 (UTC) Titel: |
|
|
sound-inferno hat Folgendes geschrieben: Funktioniert leider nicht. Ist evtl ein Fehler in meinem Code?
Dann tu mal bei den Elementen einzeln das color: #FFFFFF; hinzufügen.
Dein Code ist leider sehr unordentlich.
Gruss
Riki |
|
↑
|
|
|
-
sound-inferno
|
17.02.2011 um 18:22 (UTC) Titel: |
|
|
Hab ich ja schon und funktioniert trotzdem nicht ______________ |
|
↑
|
|
|
|
|
↑
|
|
|
-
hilfe-hpbk
Wohnort: Baden Württemberg
|
17.02.2011 um 18:26 (UTC) Titel: |
|
|
Du hast body irgendwie 2x im Code.
Setz den folgenden Code einfach dazu. Dann sollte es gehen.
Zitat: body {
color: #FFFFFF !important;
}
Edit: Stimmt Gringo, da war doch was ______________ Mit freundlichen Grüßen Hilfe-HpBk
Zuletzt bearbeitet von hilfe-hpbk am 17.02.2011, 19:27, insgesamt einmal bearbeitet
|
|
↑
|
|
|
-
riki-designs
|
17.02.2011 um 18:27 (UTC) Titel: |
|
|
Ok, dann versuchs einfach so:
-> Design einstellen
-> Schriftfarbe wählen
EDIT: Boah, zulange gebraucht.
Gruss
Riki
Zuletzt bearbeitet von riki-designs am 17.02.2011, 19:28, insgesamt einmal bearbeitet
|
|
↑
|
|
|
|
17.02.2011 um 18:36 (UTC) Titel: |
|
|
sorry leute
man muss diese einstellung bei iceblue eh meist seperat machen, damit die texte neben dem dem gästebuch auch angezeigt werden können.
standardmäßig ist es bei iceblue immer in schwarz dargestellt.
in den eigenen seiten, kann man zur not auch den text markieren und dort dann eine andere farbe zuweisen. damit wird, falls per css-code im design schon was drin steht, das dann ausser kraft gesetzt.
gruss gringo ______________ Mein Youtube Kanal | Standard-Designs als Red Design ohne rechte Boxen | Tips zum Design Professionell
Zuletzt bearbeitet von 6p-iceblue am 17.02.2011, 19:39, insgesamt einmal bearbeitet
|
|
↑
|
|
|
-
sound-inferno
|
17.02.2011 um 18:45 (UTC) Titel: |
|
|
Funktioniert alles nicht
Hab zweimal den content dadrin weil wenn ich das zusammenfüge man sieht, dass das Design verbreitert wurde.
Keine Ahnung warum ______________ |
|
↑
|
|
|
|
|
↑
|
|
|
-
sound-inferno
|
17.02.2011 um 18:49 (UTC) Titel: |
|
|
Jetzt hat es doch funktioniert mit den einstellungen die man über den Farbeditor machen kann. Seltsam weil ich das eben schonmal versucht habe...
Gibt es keine Möglichkeit per code den Farbeditor zu umgehen? ______________ |
|
↑
|
|
|
|
|
↑
|
|
|
-
hilfe-hpbk
Wohnort: Baden Württemberg
|
17.02.2011 um 18:55 (UTC) Titel: |
|
|
Wie schon geschrieben, kannst du mit diesem Code deine Farbe ändern und auch umgehen. Das !important zieht diesen Code an erste Stelle, so viel ich weis.
Zitat: body {
color: #FFFFFF !important;
}
Also wenn du mal Probleme mit dem Editor hast einfach den Code benutzen. ______________ Mit freundlichen Grüßen Hilfe-HpBk
|
|
↑
|
|
|
|