980px
Design Iceblue auf 980 Pixel verbreitern :
- Einloggen in Homepage
- auf "Design einstellen"
- dort auf "Erweiterte Einstellungen"
- Code einfügen im Feld: "Text über Design"
<style type="text/css">
<!--
/* Iceblue verbreitern auf 980 Pixel */
table.edit_main_table {
width: 980px!important;
margin: auto; }
td.edit_main_tr {
height: 50%!important;
width: 980px!important; }
table.edit_second_table {
width: 100%!important; }
/*Header */
td.edit_header_full {
width: 980px!important; }
/* Headerfeld */
td.edit_header_full table {
width: 980px!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; }
-->
</style>
<!--
/* Iceblue verbreitern auf 980 Pixel */
table.edit_main_table {
width: 980px!important;
margin: auto; }
td.edit_main_tr {
height: 50%!important;
width: 980px!important; }
table.edit_second_table {
width: 100%!important; }
/*Header */
td.edit_header_full {
width: 980px!important; }
/* Headerfeld */
td.edit_header_full table {
width: 980px!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; }
-->
</style>
Bitte beachten :
|
Diese Felder haben neue Breite:
|
|
Du siehst auf dem Bild, das sich 5 Grafiken im Design nun wiederholen.
Ihre Felder wurden breiter. Die Hintergrundgrafiken passen nicht mehr.
Das Headerfeld ist nun 980 x 104 Pixel groß. In der Größe neuen Header erstellen.
Beispiel: Hintergrundfarben
- wir können diesen Feldern eine Hintergrundfarbe geben
- die 5 Klassen bekommen ein background-color: (siehe Code unten)
- Einfügen im Feld "Text über Design"
- VOR dem --> </style>
/* Balken über Textfeld */
td.edit_content_top {
height: 23px;
background-color: #0C2939;
background-image: none; }
/* Textfeld */
td.edit_content {
background-color: #FFFFFF;
background-image: none; }
/* Streifen unten im Textfeld */
td.edit_content_bottom {
background-color: #FFFFFF;
background-image: none; }
/* Balken unter Textfeld */
td.edit_content_bottom2 {
background-color: #0C2939;
background-image: none; }
/* dunkle Feld unter Textfeld transparent gemacht mit */
td.edit_rechts_cbg {
background-color: ;
background-image: none; }
td.edit_content_top {
height: 23px;
background-color: #0C2939;
background-image: none; }
/* Textfeld */
td.edit_content {
background-color: #FFFFFF;
background-image: none; }
/* Streifen unten im Textfeld */
td.edit_content_bottom {
background-color: #FFFFFF;
background-image: none; }
/* Balken unter Textfeld */
td.edit_content_bottom2 {
background-color: #0C2939;
background-image: none; }
/* dunkle Feld unter Textfeld transparent gemacht mit */
td.edit_rechts_cbg {
background-color: ;
background-image: none; }
Wenn eine Klasse im Design eine Hintergrundfarbe bekommen soll (mit background-color) muss das background-image: none; immer mit verwendet werden. Die Klammer () lassen wir leer. Erst dann sehen wir auch die angegebene Wunschfarbe, die background-color bekommen hat.
Häufig gestellte Frage: Kann ich Iceblue mehr Breite geben ?
- viele Besucher verwenden noch Bildschirmauflösung 1024 x 768
- die sehen von Internetseiten ca 1000 Pixel Breite
- wir lassen ihnen Links und Rechts vom Design 10 Pixel Abstand
- sonst würden sie nichts vom Hintergrund (body) sehen
- 1000 Pixel - 10 Pixel - 10 Pixel = 980 Pixel Breite für das Design
Würden wir Iceblue auf 1280 Pixel verbreitern, bekommen Besucher mit
kleinerem Bildschirm einen Scrollbalken in der Breite. Das solltet Ihr vermeiden !