| Navigation |
|
|
|
|
|
|
|
|
|
anpassen
|
|
|
|
einbinden
|
|
|
|
|
|
misc
|
|
|
|
|
|
|
| |
Design anpassen
Hinweiß: Alle Code's müssen bei "Text über dem Design" eingefügt werden.
"Sytle, Klassen, Div's" ?? Hier gibt es eine kurz erklärung zu CSS!
Design zentrieren
<style type="text/css">
<!--
/* Design + Werbung + Homepage-Bukasten link (unten) - Zentrieren*/
table.edit_main_table, table[height="102"], div { margin: auto; }
--> </style>Code-Erläuterung:
Um das Design zu Zentrieren müssen wir die Haupt-Tabelle ansprechen. Dies erreichen wir mit table.edit_main_table.
Nun noch zwei kleine Details, die Werbung über und unter dem Design soll natürlich auch mittig sein. Mit table[height="102"], div, sprechen wir die dafür benötigten classen an.
" margin:auto; " margin (deu.: Marge;Rand;Spielraum) bezeichnet den abstand zum Bildschirm- bzw. Browserrand. Durch den "auto" Befehl wird der Abstand nach Links und Rechts gleichgesetzt.
Scrollbalken entfernen
<style type="text/css">
<!--
/* Scrollbalken entfernen*/
td.edit_main_tr, td.edit_rechts_cbg, td.edit_navi_headbg { height: 50%!important; }
--> </style>Code-Erläuterung:
Die im Code stehenden Klassen haben Standergemäß eine Höhe von 1000px und ziehen das
Design in die Höhe. Durch "height: 50%!important;" wird die Höhe (height) auf die Hälfte herabgesetzte (50%), wodurch der Scrollbalken verschwindet.
Design verbreitern (auf 980px)
<style type="text/css">
<!--
/* Design verbreitern (980 Pixel) */
/* Haupttabellen */
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; }
table.edit_header_full table { width: 980px !important; }
table.edit_third_table { width: 100% !important; }
table.edit_rechts_tabelle { width: 625px !important; }
td.edit_rechts_cbg { height: 50% !important; width: 100%; }
/* Streifen am Rechtenrand entfernen */
td.edit_rechts_sbg { display: none; }
-->
</style>Code-Erläuterung:
Auch hier sprechen wir mittels CSS einige Tabellen an. Die "Haupttabellen" bilden quasi das grundgerüst. Dieses müssen wir erweitern; "width: 980px". Auch den Header td.edit_header_full & table.edit_header_full table erweitern wir auf die Länge (width) 980px.
Zu letzt entfernen wir an der rechten seite noch eine Grafik, welche stören würde. Dies gelingt uns mit td.edit_rechts_sbg { display: none; }.
Hinweis: Durch das Verbreiten des Designs werden einige standart Grafiken nicht mehr richtig passen. Es ist empfehlenswert eigene Grafiken einzubinden.
Ergebniss:
|
|
|
|
|
|
| |
Heute waren schon 6 Besucher (7 Hits) hier! |
|
|
|
|
|
|
|
