Hallo Max,

im Feld "Text UNTER Design" ein DIV einfügen.
Das DIV bekommt eine Klasse.
Mit CSS bekommt die Klasse (also das DIV) sein Aussehen :

Beispiel:
DIV Feld Einfügen im Feld "Text UNTER Design"



Im Feld "Text ÜBER Design" die CSS-Anweisungen einfügen,
mit der das DIV dann sein Aussehen bekommt:

.Feld_unten {
  width: 940px;
  padding: 20px;
  background-color: #cccccc;
  border: 1px solid #000000;
  overflow: hidden;
  margin: auto; }

- im bestehenden CSS-Code mit einfügen
- vor dem -->

Hallo BUC,

Klasse der Navi-Buttons: td.nav {.......
bekommt zusätzlich ein height: XXpx!important;

Statt der XX gewünschte Button-Höhe einfügen

hallo BUC,

gern geschehen. Und bei der Navigation, ... meinst du mit dünner weniger Breite ? Oder weniger Höhe ?

Weniger Breite :
- Navi steckt in einer 185 Pixel breiten Tabelle
- die Tabelle hat keine Klasse
- sie befindet sich in Tabellenspalte td.edit_navi_headbg

Die "Klasse", in der sich die Tabelle befindet, schreiben wir vorweg, gefolgt von Tabelle mit Breite die sie im eigenen Code hat:

td.edit_navi_headbg table[width="185"] { width: 150px!important; }

Damit ändern wir die Breite der Tabelle,
die in er Klasse td.edit_navi_headbg steckt.

Damit bekommen die Buttons weniger Breite.
Das 150 änderst du durch deine Wunschbreite.

Hallo Lukas,

doch, die Höhe lässt sich frei wählen.
Füge der Header-Klasse td.edit_header_full { noch hinzu:

height: XXXpx!important;

Statt der XXX gewünschte Höhe eintragen.
Das Headerbild muss in gleicher Höhe erstellt werden.

Hallo Claudio,

frage bitte den User "iduk.de.tl" ,
denn ich kann seinen Code hier nicht veröffentlichen. Er hat das Script selbst geschrieben und die Copyright-Angabe enthält keinen Hinweis, das der Changer bei jedermann eingefügt werden darf.

Frei zum kopieren sind die neuen Smileys für eure Gästebucher. Das Script selbst (mit dem er es ermöglicht) leider nicht.

Hallo BUC,
Der Header hat die Klasse td.edit_header_full

Damit abgerundete Ecken möglich sind, muss die Klasse zuerst einen Rahmen bekommen. Die Rahmenfarbe kannst du im Code frei wählen :
border: 1px solid #c9c9c9;

abgerundete Ecke für Mozilla Browser :
-moz-border-radius-topleft: 10px; = runde Ecke oben links
-moz-border-radius-topright: 10px; = runde Ecke oben rechts

Safari, iCab, Konqueror, Google Chrome Browser:
-webkit-border-top-left-radius: 10px; = runde Ecke oben links
-webkit-border-top-right-radius: 10px; = runde Ecke oben rechts

und für Browser die CSS3 unterstützen:
border-radius-topleft: 10px; = runde Ecke oben links
border-radius-topright: 10px; = runde Ecke oben rechts.

Diese 7 Anweisungen muss td.edit_header_full bekommen.

Hallo Lukas,

Ursache ist das in deinem Code :

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

Ändere 625 in 630 um, dann sollte es passen.

Einen Tipp noch :
- Du hast sehr viele style-tags" im Feld "Text über Design"
- das benötigst du nur einmal am Ende
- jeder weitere CSS-Code kommt dazwischen mit hinein
- siehe Beispiel-Grafik

Hallo Heiner,

Das Iceblue-Design besteht aus vielen Tabellen. Entfernen wir die Tabelle der Iceblue-Navi, rutschen andere Tabellen (z.B. Seiteninhalt) nach links. Die "Original-Navi" sollte also weiter unsichtbar bleiben, damit der Platz bestehen bleibt, auf die wir die neue Navi drauf positionieren können.

- ein DIV Feld erstellen
- DIV Feld bekommt eine Klasse
- mit CSS wird die Klasse (also Feld) auf Design positioniert
- DIV Feld bekommt als Inhalt dann vertikale Coolmenü

Hier Beschreibung für Feld erstellen + positionieren

Code für vertikales Coolmenü müsste man sich mit google suchen. Mit "Coolmenü" meinst du ja sicherlich etwas mit "ausklappen".

Noch ein Tipp für dein Design :
In deinem Quellcode fiel mir auf, das du den Code zum verbreitern des Designs 2 mal eingefügt hast. Eigentlich sogar 3 mal.

- Code für verbreitern auf 100% Breite 2 mal eingefügt
- Code für verbreitern auf 980 Pixel eingefügt

Hier kommen die Browser ins Schleudern.
Was sollen die Browser ausführen ?
- Design auf 980 Pixel Breite anpassen ?
- oder Design auf 100% Breite anpassen ?
- beide Codes verwenden nämlich die gleichen Klassen
- das musst du unbedingt korrigieren

gern geschehen

Hallo Lukas,

bei der "Original-Navi" ist es einfacher. Der Baukasten hat der "aktuell besuchten Seite" auch eine Klasse gegeben :

tr.checked_menu td {
background-color: #800000; }

- dies muss NICHT in jede Seite
- einfügen im Feld "Text über Design" reicht
- vor dem -->

Hallo Lukas

der User iduk.de.tl verwendet das Baukasten-Design CSS.
Die rechte Box hat er entfernt.

Im Seiteninhalt hat er 2 DIV-Felder nebeneinander eingefügt. Das Linke DIV Feld hat seinen Seiteninhalt. Das rechte DIV Feld den Inhalt mit weniger Breite.

Kurz zu etwas anderem:
In deinem Feld "Text über Design" kommen einige Klassen 2, 3 oder sogar 4 mal vor :

- 2 mal hast du table.edit_main_table
- 4 mal hast du td.edit_header_full
- 2 mal hast du body im Code
- 2 mal td.edit_rechts_cbg
- und 2 mal das td.edit_rechts_sbg

Tipp:
Wenn Du CSS-Codes zum kopieren findest, schaue immer erst, ob die Klasse (oder Klassen) schon im eigenen Code vorhanden sind. Wenn ja ... einfach die Klassen nur anpassen.

Beispiel ?
--------------
- Du hast in deinem Code table.edit_main_table {margin: auto; }
- Du möchtest table.edit_main_table {width: 980px; } einfügen

Dann passe deinen so an :
table.edit_main_table {width: 980px; margin: auto; }

Ich denke das half dir weiter.

Hallo Lukas,

Im Seiteninhalt kann man es mit einem DIV Feld machen

- das DIV Feld bekommt eine Klasse
- Klassename können wir frei wählen
- mit CSS bekommt die Klasse gewünschtes Aussehen

Im Seiteninhalt einfügen :
< div class="lukas"> Hier Inhalt einfügen