iceblue-test
  Boxen entfernen
 

Boxen entfernen / Seiteninhalt verbreitern :



Schritt 1 : Die Fünf Boxen entfernen


Die 5 Boxen sitzen in Tabellenspalte mit der Klasse "edit_rechts_bottom"
Die Klasse entfernen wir mit td.edit_rechts_bottom {display: none; }




Schritt 2 : Seiteninhalt verbreitern


Wir müssen 1 Tabellen (table) und 1 Tabellenspalte (td) anpassen.

  • Tabellenspalte mit der Klasse td.edit_rechts_cbg
  • bekommt eine neue Breite mit width: 100%!important;

  • nun die Tabelle table.edit_rechts_tabelle
  • bekommt eine feste Breite mit width: 710px!important;




Der fertige Code sieht dann so aus :


  • Einfügen im Feld : "Text über Design"

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

/* Rechte Boxen entfernt */
td.edit_rechts_bottom { display: none; }

/* Tabellenspalte hinter Seiteninhalt */
td.edit_rechts_cbg {
    width: 100%!important; }

/* Tabelle hinter Seiteninhalt breiter mit*/
table.edit_rechts_tabelle {
    width: 710px!important; }

-->
</style>


Die Breite 710 Pixel eventuell anpassen / ändern für Euer Design.

Und so kann es dann aussehen : Iceblue ohne Boxen

  • Abstand zwischen Navigation und Seiteninhalt vergrößern ?
  • Gebe dem table.edit_rechts_tabelle noch ein margin-left: 10px;
  • Tabelle mit dem Seiteninhalt verschiebt sich dann 10 Pixel nach Rechts
  • Eventuell müsst ihr bei der Breite (width) wieder 10 Pixel abziehen


Beachtet bitte :
Wer das Standard-Iceblue Design verwendet, wird nun feststellen, das einige Grafiken (Hintergründe) im Design nicht mehr passen. Und zwar :

  • Balken über Textfeld ( Klasse td.edit_content_top )
  • Streifen unten im Textfeld ( Klasse td.edit_content_bottom )
  • Balken unter dem Textfeld ( Klasse td.edit_content_bottom2 )
  • Das Feld unter dem Textfeld ( Klasse td.edit_rechts_cbg )
  • Die Grafiken sind nun zu klein
  • Entweder neue Grafiken erstelle / oder den Feldern eine Farbe geben


Tipp:
Siehe auch meine Beispiel-Codes hier : http://frage-uns.de.tl/Boxen-entfernen.htm
In den Beispielen habe ich die Farben der verbreiterten Felder mit angepasst!
Dort habe ich auch beschrieben, wie die Boxen im Design RED,
im Design Butterfly und im Design Colorful entfernt werden können




 
  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