Design Verbreitern
Schaut man sich das Standard-Design Iceblue an, so sieht man rechts von den Boxen noch viel Platz . Das Design wirkt linksbündig , der Platz rechts von den Boxen leer. Dabei gehört der grüne Streifen rechts von den Boxen mit zum Design . Es ist eine Grafik :
<- Bild anklicken zum vergrößern.
Streifen rechts = Klasse td.edit_rechts_sbg .
Mit { display: none; } wird er entfernt.
Diese Felder benötigen neue Hintergründe :
- - Das Headerfeld oben (breiter)
- - Der Streifen über Textfeld
- - Das weiße Textfeld
- - Streifen unten im Textfeld
- - Der Balken unter Textfeld
- - diese Felder haben Hintergrundbild
- - die Bilder passen sich NICHT an
- - entweder neue Grafik erstellen
- - ODER Feldern Hintergrundfarbe geben
|
 |
Wer kein Bildprogramm besitzt oder im erstellen von passenden Bildern ungeübt ist ,
der sollte diesen Klassen eine Hintergrundfarbe geben. Das Textfeld zum Beispiel weiße Hintergrundfarbe statt weißes Bild .
Wird das Design verbreitert, gebt diesen Klassen eine Hintergrundfarbe .
- • Schaut bitte bei Euch im Feld "Text über Design "
- • sind diese Klassen bei Euch im Code schon vorhanden ?
- • dann müsst Ihr diese bei Euch im Code nur anpassen
Bei background-image: none; bleibt die Klammer () leer !
Sonst wird keine Farbe, sondern die Original-Grafik im Feld angezeigt
Es sei denn Ihr möchtet eigene Grafik einfügen. Dann die BILD-URL in die Klammer
- td.edit_content_top {
- background-color: #103244;
- background-image: none; }
- td.edit_content {
-
- background-color: #FFFFFF;
- background-image: none; }
- td.edit_content_left_spacer {
- background-color: #FFFFFF;
- background-image: none; }
- td.edit_content_right_spacer {
- background-color: #FFFFFF;
- background-image: none; }
- td.edit_content_bottom {
- background-color: #FFFFFF;
- background-image: none; }
- td.edit_content_bottom2 {
- background-color: #103244;
- background-image: none; }
Der Code zum verbreitern des Designs :
- Einfügen im Feld "Text über Design", nach dem body - Code
- wer noch keinen CSS-Code im Feld "Text über Design" eingefügt hat:
- den "style-tag" vorweg öffnen und am ende schliessen
<style type="text/css">
<!--
/* Iceblue verbreitern */
table.edit_main_table{width: 100% !important;}
td.edit_main_tr{width: 100% !important;}
table.edit_second_table{width: 100% !important;}
td.edit_header_full{width: 100% !important;}
td.edit_header_full table{width: 100% !important;}
table.edit_third_table{width: 100% !important;}
td.edit_navi_headbg{width: 10% !important;}
table.edit_rechts_tabelle{width: 100% !important;}
td.edit_rechts_bottom{width: 10% !important;}
td.edit_rechts_cbg{width:100%;}
-->
</style>
Wird der Code eingefügt, wird das Design in voller Bildschirmbreite angezeigt.
Egal welche Bildschirmauflösung deine Besucher eingestellt haben.
Bitte nur diese 2 Werte anpassen :
td.edit_navi_headbg{width: 10% !important;}
td.edit_rechts_bottom{width: 10% !important;}
- Beide müssen die gleiche Prozentezahl bekommen !
- Beide bitte NICHT höher als 15% !
- Ideal ist 10%
- Besucher mit 1024 x 768 Bildschirm haben sonst Scrollbalken in der Breite |
