Suche im Forum:
Suchen


Autor Nachricht
Beitrag19.01.2012 um 21:16 (UTC)    
Titel: Hintergrundfarben

hi, wie ist der code wenn ich die hintergrund farbe vom design iceblue ändern will (schwarz) und die Farbe der Seiten in der mitte ...
lg Charly
Beitrag19.01.2012 um 21:17 (UTC)    
Titel:

Code:
body{background:  #FFFFFF;}

#FFFFFF = weiß

Oder die Forensuche benutzen, da findet man auch brauchbares:
http://www.homepage-baukasten.de/forum/viewtopic.php?t=68743
______________
- Signatur vom Mod Team angepasst -
Bitte keine Werbung für fremde Projekte

=> Das ist sehr schade. Ich habe mich hier im Forum über viele Jahre engagiert und einfach meine Signatur zu verändern zeugt von mangelnder Wertschätzung für meine Beiträge, die einzig den Nutzern des Homepage-Baukastens zugute kamen. Spätestens mit der Reduzierug auf max. 10 Unterseiten* sind die guten Zeiten des Baukastens ohnehin vorbei und die einst große Gremeinschaft im Forum hat sich längst aufgelöst. Nun bin ich hier offenbar auch nicht länger erwünscht. Bleibt mir nur lebewohl zu sagen, es waren schöne 14 Jahre und der Baukasten hat mir immer viel Spass gemacht - machts gut und eventuell trifft man sich ja doch nochmal an anderer Stelle im Internet. (07.06.2020)
* mittlerweile sogar nur noch 5


Zuletzt bearbeitet von freefunstuff am 19.01.2012, 22:24, insgesamt 2-mal bearbeitet
Beitrag19.01.2012 um 21:50 (UTC)    
Titel:

danke und gibt es eine liste mit den farben codes?
Beitrag19.01.2012 um 21:52 (UTC)    
Titel:

ah sorry ist bei einer deiner links dabei, danke
Beitrag19.01.2012 um 22:00 (UTC)    
Titel:

habe doch noch eine frage wo soll ich den satz reinschreiben wenn ich das schon drinnen stehen habe? Das hab ich reinkopiert damit das blatt in er mitte größer ist...



<style type="text/css">
<!--
/* Hintergrund */

body {
background-image: url(http://img.webme.com/pic/6/6p-bilder/orgicebluebody.png);
background-color: #XXXXXX;
background-attachment: fixed;
font-family: arial; }

/* Werbung mittig */
table[height="102"]{margin: 0 auto;}

/* Iceblue verbreitern */
table.edit_main_table{width: 100% !important; margin: 0px auto;}
td.edit_main_tr{width: 100% !important;}
table.edit_second_table{width: 100% !important;}
td.edit_header_full{width: 100% !important;
background-position:center;background-repeat:no-repeat; }
td.edit_header_full table{width: 100% !important;}
table.edit_third_table{width: 100% !important;}
td.edit_navi_headbg{width: 5% !important;}
table.edit_rechts_tabelle{width: 100% !important;}
td.edit_rechts_bottom{width: 5% !important;}
td.edit_rechts_cbg{width:100%;}

/* Headerfeld oben */
td.edit_header_full {
background-image:url(http://img.webme.com/pic/6/6p-bilder/orgiceblueheader.png);
background-color: #XXXXXX;
width: 1600;
height: 128px;
background-repeat: no-repeat;
border: 0px solid #2D3738; }

/* Balken über dem Seiteninhalt */
td.edit_content_top {
background-image: url(http://img.webme.com/pic/6/6p-bilder/orgicebluecontop.png);
height: 30px;
background-color: #XXXXXX;
border: 1px solid #c0c0c0; }

/* Hover Balken über Seiteninhalt */
td.edit_content_top:hover {
background-image: url(http://img.webme.com/pic/6/6p-bilder/orgicebluecontop.png); }

/* Seiteninhalt */
td.edit_content {
background-image: url(http://img.webme.com/pic/6/6p-bilder/orgicebluecontent.png);
background-color: #c0c0c0;
border: 5px solid #232B2B; }

/* DIV im Seiteninhalt */
td.edit_content_main div {overflow: hidden!important;}

/* Abschluss im Seiteninhalt */
td.edit_content_bottom {display:none; }

/* Streifen unter Seiteninhalt */
td.edit_content_bottom2{
background-image: url(http://img.webme.com/pic/6/6p-bilder/orgicebluebottom1.png);
height: 30px;
background-color: #XXXXXX;
background-position: center top;
background-repeat: no-repeat; }

Feld unter / hinter dem Seiteninhalt */
td.edit_rechts_cbg {
background-image:url(URL);
background-color: #XXXXXX; }

/* Hintergrund der Navi */
td.edit_navi_headbg {
background-image:url(URL);
background-color: #XXXXXX; }

/* Titelfeld über Navigation */
td.nav_heading {
background-image: url(http://img.webme.com/pic/6/6p-bilder/orgicebluecontop.png);
height: 30px;
font-size: 12px;
color: #ffffff;
padding-left: 26px;
text-align: left;
background-color: #XXXXXX; }

/* Navi Buttons */
td.nav {
background-image: url(http://img.webme.com/pic/6/6p-bilder/orgicebluebutt1.png);
background-color: #XXXXXX;
border: 0px solid #2D3738; }

/* Navigation Hover */
td.nav:hover {
background-image: url(http://img.webme.com/pic/6/6p-bilder/orgicebluebutt2.png);
background-color: #XXXXXX;
border: 0px solid #2D3738; }

/* Navigation aktuell offene Seite */
tr.checked_menu td {
background-image: url(http://img.webme.com/pic/6/6p-bilder/orgicebluebutt2.png);
background-color: #XXXXXX;
border: 0px solid #2D3738; }

/* Feld unter Navigation */
td.edit_below_nav img {visibility: hidden;}

td.edit_below_nav {
background-image: url(URL);
background-position: center top;
background-repeat: no-repeat; }

/* Streifen rechts von den Boxen */
td.edit_rechts_sbg {
background-image: url(URL);
background-color: #XXXXXX; }

/* Tabellen der rechten Boxen */
table#sidebar_heading_1, table#sidebar_heading_2, table#sidebar_heading_3, table#sidebar_heading_4, table#sidebar_heading_5 {width: 185px; }

/* Inhalt der 5 Boxen */
td.shouty, .shouty2, .shouty3, .shouty4, .shouty5 {
background-image: url(http://img.webme.com/pic/6/6p-bilder/orgiceblueshouty.png);
background-repeat: repeat;
background-color: #XXXXXX;
font-size: 12px;
color: #000000; }

/* Hintergrund hinter den 5 Boxen */
td.edit_rechts_bottom {
background-image:url(URL);
background-color: #XXXXXX; }

/* Titel der Boxen */
td.sidebar_heading {
background-image: url(http://img.webme.com/pic/6/6p-bilder/orgicebluecontop.png);
height: 30px;
font-size: 12px;
color: #ffffff;
text-align: center;
background-color: #XXXXXX; }

/* Abschluss unter den Boxen */
td.edit_rb_footer {display:none; }

-->

</style>
Beitrag19.01.2012 um 22:05 (UTC)    
Titel:

vozenilek hat Folgendes geschrieben:
habe doch noch eine frage wo soll ich den satz reinschreiben wenn ich das schon drinnen stehen habe? Das hab ich reinkopiert damit das blatt in er mitte größer ist...



<style type="text/css">
<!--
/* Hintergrund */

body {
background-image: url(http://img.webme.com/pic/6/6p-bilder/orgicebluebody.png);
background-color: #XXXXXX;
background-attachment: fixed;
font-family: arial; }

/* Werbung mittig */
table[height="102"]{margin: 0 auto;}

/* Iceblue verbreitern */
table.edit_main_table{width: 100% !important; margin: 0px auto;}
td.edit_main_tr{width: 100% !important;}
table.edit_second_table{width: 100% !important;}
td.edit_header_full{width: 100% !important;
background-position:center;background-repeat:no-repeat; }
td.edit_header_full table{width: 100% !important;}
table.edit_third_table{width: 100% !important;}
td.edit_navi_headbg{width: 5% !important;}
table.edit_rechts_tabelle{width: 100% !important;}
td.edit_rechts_bottom{width: 5% !important;}
td.edit_rechts_cbg{width:100%;}

/* Headerfeld oben */
td.edit_header_full {
background-image:url(http://img.webme.com/pic/6/6p-bilder/orgiceblueheader.png);
background-color: #XXXXXX;
width: 1600;
height: 128px;
background-repeat: no-repeat;
border: 0px solid #2D3738; }

/* Balken über dem Seiteninhalt */
td.edit_content_top {
background-image: url(http://img.webme.com/pic/6/6p-bilder/orgicebluecontop.png);
height: 30px;
background-color: #XXXXXX;
border: 1px solid #c0c0c0; }

/* Hover Balken über Seiteninhalt */
td.edit_content_top:hover {
background-image: url(http://img.webme.com/pic/6/6p-bilder/orgicebluecontop.png); }

/* Seiteninhalt */
td.edit_content {
background-image: url(http://img.webme.com/pic/6/6p-bilder/orgicebluecontent.png);
background-color: #c0c0c0;
border: 5px solid #232B2B; }

/* DIV im Seiteninhalt */
td.edit_content_main div {overflow: hidden!important;}

/* Abschluss im Seiteninhalt */
td.edit_content_bottom {display:none; }

/* Streifen unter Seiteninhalt */
td.edit_content_bottom2{
background-image: url(http://img.webme.com/pic/6/6p-bilder/orgicebluebottom1.png);
height: 30px;
background-color: #XXXXXX;
background-position: center top;
background-repeat: no-repeat; }

Feld unter / hinter dem Seiteninhalt */
td.edit_rechts_cbg {
background-image:url(URL);
background-color: #XXXXXX; }

/* Hintergrund der Navi */
td.edit_navi_headbg {
background-image:url(URL);
background-color: #XXXXXX; }

/* Titelfeld über Navigation */
td.nav_heading {
background-image: url(http://img.webme.com/pic/6/6p-bilder/orgicebluecontop.png);
height: 30px;
font-size: 12px;
color: #ffffff;
padding-left: 26px;
text-align: left;
background-color: #XXXXXX; }

/* Navi Buttons */
td.nav {
background-image: url(http://img.webme.com/pic/6/6p-bilder/orgicebluebutt1.png);
background-color: #XXXXXX;
border: 0px solid #2D3738; }

/* Navigation Hover */
td.nav:hover {
background-image: url(http://img.webme.com/pic/6/6p-bilder/orgicebluebutt2.png);
background-color: #XXXXXX;
border: 0px solid #2D3738; }

/* Navigation aktuell offene Seite */
tr.checked_menu td {
background-image: url(http://img.webme.com/pic/6/6p-bilder/orgicebluebutt2.png);
background-color: #XXXXXX;
border: 0px solid #2D3738; }

/* Feld unter Navigation */
td.edit_below_nav img {visibility: hidden;}

td.edit_below_nav {
background-image: url(URL);
background-position: center top;
background-repeat: no-repeat; }

/* Streifen rechts von den Boxen */
td.edit_rechts_sbg {
background-image: url(URL);
background-color: #XXXXXX; }

/* Tabellen der rechten Boxen */
table#sidebar_heading_1, table#sidebar_heading_2, table#sidebar_heading_3, table#sidebar_heading_4, table#sidebar_heading_5 {width: 185px; }

/* Inhalt der 5 Boxen */
td.shouty, .shouty2, .shouty3, .shouty4, .shouty5 {
background-image: url(http://img.webme.com/pic/6/6p-bilder/orgiceblueshouty.png);
background-repeat: repeat;
background-color: #XXXXXX;
font-size: 12px;
color: #000000; }

/* Hintergrund hinter den 5 Boxen */
td.edit_rechts_bottom {
background-image:url(URL);
background-color: #XXXXXX; }

/* Titel der Boxen */
td.sidebar_heading {
background-image: url(http://img.webme.com/pic/6/6p-bilder/orgicebluecontop.png);
height: 30px;
font-size: 12px;
color: #ffffff;
text-align: center;
background-color: #XXXXXX; }

/* Abschluss unter den Boxen */
td.edit_rb_footer {display:none; }

-->

</style>


An der rot markierten Stelle den korrekten Farbcode einsetzen.
Du solltest auch alle anderen XXXXXX Farbcodes durch echte ersetzen, oder die entsprechenden Zeilen löschen.
______________
- Signatur vom Mod Team angepasst -
Bitte keine Werbung für fremde Projekte

=> Das ist sehr schade. Ich habe mich hier im Forum über viele Jahre engagiert und einfach meine Signatur zu verändern zeugt von mangelnder Wertschätzung für meine Beiträge, die einzig den Nutzern des Homepage-Baukastens zugute kamen. Spätestens mit der Reduzierug auf max. 10 Unterseiten* sind die guten Zeiten des Baukastens ohnehin vorbei und die einst große Gremeinschaft im Forum hat sich längst aufgelöst. Nun bin ich hier offenbar auch nicht länger erwünscht. Bleibt mir nur lebewohl zu sagen, es waren schöne 14 Jahre und der Baukasten hat mir immer viel Spass gemacht - machts gut und eventuell trifft man sich ja doch nochmal an anderer Stelle im Internet. (07.06.2020)
* mittlerweile sogar nur noch 5
Beitrag19.01.2012 um 22:24 (UTC)    
Titel:

also funktioniert es nicht so:

<style type="text/css">
<!--
/* Hintergrund */

body {
background-image: url(http://img.webme.com/pic/6/6p-bilder/orgicebluebody.png);
background-color: #FFFFFF;
background-attachment: fixed;
font-family: arial; }

/* Werbung mittig */
table[height="102"]{margin: 0 auto;}

/* Iceblue verbreitern */
table.edit_main_table{width: 100% !important; margin: 0px auto;}
td.edit_main_tr{width: 100% !important;}
table.edit_second_table{width: 100% !important;}
td.edit_header_full{width: 100% !important;
background-position:center;background-repeat:no-repeat; }
td.edit_header_full table{width: 100% !important;}
table.edit_third_table{width: 100% !important;}
td.edit_navi_headbg{width: 5% !important;}
table.edit_rechts_tabelle{width: 100% !important;}
td.edit_rechts_bottom{width: 5% !important;}
td.edit_rechts_cbg{width:100%;}

/* Headerfeld oben */
td.edit_header_full {
background-image:url(http://img.webme.com/pic/6/6p-bilder/orgiceblueheader.png);
background-color: #XXXXXX;
width: 1600;
height: 128px;
background-repeat: no-repeat;
border: 0px solid #2D3738; }

/* Balken über dem Seiteninhalt */
td.edit_content_top {
background-image: url(http://img.webme.com/pic/6/6p-bilder/orgicebluecontop.png);
height: 30px;
background-color: #XXXXXX;
border: 1px solid #c0c0c0; }

/* Hover Balken über Seiteninhalt */
td.edit_content_top:hover {
background-image: url(http://img.webme.com/pic/6/6p-bilder/orgicebluecontop.png); }

/* Seiteninhalt */
td.edit_content {
background-image: url(http://img.webme.com/pic/6/6p-bilder/orgicebluecontent.png);
background-color: #c0c0c0;
border: 5px solid #232B2B; }

/* DIV im Seiteninhalt */
td.edit_content_main div {overflow: hidden!important;}

/* Abschluss im Seiteninhalt */
td.edit_content_bottom {display:none; }

/* Streifen unter Seiteninhalt */
td.edit_content_bottom2{
background-image: url(http://img.webme.com/pic/6/6p-bilder/orgicebluebottom1.png);
height: 30px;
background-color: #XXXXXX;
background-position: center top;
background-repeat: no-repeat; }

Feld unter / hinter dem Seiteninhalt */
td.edit_rechts_cbg {
background-image:url(URL);
background-color: #XXXXXX; }

/* Hintergrund der Navi */
td.edit_navi_headbg {
background-image:url(URL);
background-color: #XXXXXX; }

/* Titelfeld über Navigation */
td.nav_heading {
background-image: url(http://img.webme.com/pic/6/6p-bilder/orgicebluecontop.png);
height: 30px;
font-size: 12px;
color: #ffffff;
padding-left: 26px;
text-align: left;
background-color: #XXXXXX; }

/* Navi Buttons */
td.nav {
background-image: url(http://img.webme.com/pic/6/6p-bilder/orgicebluebutt1.png);
background-color: #XXXXXX;
border: 0px solid #2D3738; }

/* Navigation Hover */
td.nav:hover {
background-image: url(http://img.webme.com/pic/6/6p-bilder/orgicebluebutt2.png);
background-color: #XXXXXX;
border: 0px solid #2D3738; }

/* Navigation aktuell offene Seite */
tr.checked_menu td {
background-image: url(http://img.webme.com/pic/6/6p-bilder/orgicebluebutt2.png);
background-color: #XXXXXX;
border: 0px solid #2D3738; }

/* Feld unter Navigation */
td.edit_below_nav img {visibility: hidden;}

td.edit_below_nav {
background-image: url(URL);
background-position: center top;
background-repeat: no-repeat; }

/* Streifen rechts von den Boxen */
td.edit_rechts_sbg {
background-image: url(URL);
background-color: #XXXXXX; }

/* Tabellen der rechten Boxen */
table#sidebar_heading_1, table#sidebar_heading_2, table#sidebar_heading_3, table#sidebar_heading_4, table#sidebar_heading_5 {width: 185px; }

/* Inhalt der 5 Boxen */
td.shouty, .shouty2, .shouty3, .shouty4, .shouty5 {
background-image: url(http://img.webme.com/pic/6/6p-bilder/orgiceblueshouty.png);
background-repeat: repeat;
background-color: #XXXXXX;
font-size: 12px;
color: #000000; }

/* Hintergrund hinter den 5 Boxen */
td.edit_rechts_bottom {
background-image:url(URL);
background-color: #XXXXXX; }

/* Titel der Boxen */
td.sidebar_heading {
background-image: url(http://img.webme.com/pic/6/6p-bilder/orgicebluecontop.png);
height: 30px;
font-size: 12px;
color: #ffffff;
text-align: center;
background-color: #XXXXXX; }

/* Abschluss unter den Boxen */
td.edit_rb_footer {display:none; }

-->

body{background: #FFFFF;}
</style>

ich muß alle XXXXXX löschen damit es funktioniert? weil mit dem oberen code ändert sich gar nichts... obwohl ja der hintergrund weiß sein sollte bei dem farbencode

lg
Beitrag19.01.2012 um 22:42 (UTC)    
Titel:

Nicht unbedingt löschen, aber zumindest einen gültigen Farbcode einsetzen.
Hier kannst du überprüfen, ob dien CSS Code ok ist:
http://jigsaw.w3.org/css-validator/#validate_by_input
______________
- Signatur vom Mod Team angepasst -
Bitte keine Werbung für fremde Projekte

=> Das ist sehr schade. Ich habe mich hier im Forum über viele Jahre engagiert und einfach meine Signatur zu verändern zeugt von mangelnder Wertschätzung für meine Beiträge, die einzig den Nutzern des Homepage-Baukastens zugute kamen. Spätestens mit der Reduzierug auf max. 10 Unterseiten* sind die guten Zeiten des Baukastens ohnehin vorbei und die einst große Gremeinschaft im Forum hat sich längst aufgelöst. Nun bin ich hier offenbar auch nicht länger erwünscht. Bleibt mir nur lebewohl zu sagen, es waren schöne 14 Jahre und der Baukasten hat mir immer viel Spass gemacht - machts gut und eventuell trifft man sich ja doch nochmal an anderer Stelle im Internet. (07.06.2020)
* mittlerweile sogar nur noch 5
Beitrag22.01.2012 um 02:36 (UTC)    
Titel:

ah werd ich dann test danke
Beiträge der letzten Zeit anzeigen:   


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