iceblue-test
  980 Pixel
 

Design Iceblue auf 980 Pixel verbreitern :

  • Einloggen in Homepage
  • auf "Design einstellen"
  • dort auf "Erweiterte Einstellungen"
  • Code einfügen im Feld: "Text über Design"
  • Wer Beispielcode 1 oder 2 verwendet: Dort ist dieser Code ist schon vorhanden !
<style type="text/css">
<!--

/* Iceblue verbreitern auf 980 Pixel */
.edit_main_table {
   width: 980px!important; 
   margin: auto; }

.edit_main_tr {
   height: 50%!important; 
   width: 980px!important; } 

.edit_second_table {
   width: 100%!important; } 

/*Header */
.edit_header_full {
   width: 980px!important; } 

/* Headerfeld */
.edit_header_full table {
   width: 980px!important; }

.edit_third_table {
   width: 100%!important; } 

/* Feld hinter Textfeld */
.edit_rechts_tabelle {
   width: 625px!important; } 

/* dunkle Feld unter / hinter Textfeld */
.edit_rechts_cbg {
   height: 50%!important;
   width: 100%; } 

/* Streifen rechts von den Boxen entfernen mit */
.edit_rechts_sbg {
   display: none; }

-->
</style>

Bitte beachten :


Diese Felder haben neue Breite:


  • Das Headerfeld oben (breiter)
  • Der Streifen über Textfeld
  • Das weiße Textfeld
  • Streifen unten im Textfeld
  • Der Balken unter Textfeld
  • Bild rechts anklicken

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: none #XXXXXX (siehe Code unten)

- Einfügen im Feld "Text über Design"
- VOR dem --> </style>

/* Balken über Textfeld */
td.edit_content_top {
   height: 23px;
   background:  none #0C2939; }

/* Textfeld */
td.edit_content {
   background:  none #FFFFFF; }

/* Streifen unten im Textfeld */
.edit_content_bottom {
   background:  none #FFFFFF; }

/* Balken unter Textfeld */
.edit_content_bottom2 {
   background:  none #0C2939; }

/* dunkle Feld unter Textfeld transparent gemacht mit */
.edit_rechts_cbg {
   background:  none transparent; }

Wenn eine Klasse im Design eine Hintergrundfarbe bekommen soll (mit background) muss das url(); mit verwendet werden. Die Klammer () lassen wir leer. Erst dann sehen wir auch die angegebene Wunschfarbe.





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 !



 
  TESTTESTTEST  
 
• dies ist der Inhalt im < div id="popup1" >
• befindet sich im Feld "Text UNTER Design"
• das DIV ist nur auf einer Seite zu sehen
• und auf dieser Seite wurde das Design entfernt
• angezeigt wird also nur der Inhalt des einen DIV