Suche im Forum:
Suchen


Autor Nachricht
Beitrag27.06.2010 um 18:11 (UTC)    
Titel: [Vorlage] Iceblue mit horizontales Menü

Design: Iceblue mit horizontalen Menü


Die Standard-Navigation wurde in ein horizontales Menü umgewandelt - da durch werden die Seiten automatisch hinzugefügt!
Standardgemäße linke Navigation sowie rechte Boxen wurden entfernt - da durch erhält der Content eine größere Breite.
Es kann immer noch dank vorhandener Klassen via CSS bearbeitet werden - Anfängerfreundlich.
Die Breite wurde leicht verbreitert vom Standard-Iceblue. Das Design wird verbreitert, so bald man eine kleinere Auflösung verwendet (90% vom Bildschirm), für alle größeren Auflösungen gibt es die Mindestbreite von 1000px.

Es sollten nicht zu viele Seiten vorhanden sein - ansonsten können Fehler auftreten, die man nachträglich verbessern muss. Private Nachricht an blutsegelbukaniere oder Forum CSS

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

/* Design Allgemein- Änderungen nur Profis empfohlen */
table.edit_main_table{width: 90%; margin: 0 auto; min-width: 1000px;}
table.edit_second_table{width: 100% !important;}
table.edit_third_table{width: 100% !important;}
table.edit_rechts_tabelle{width: 100% !important;}
.edit_main_tr{width: 0%; height: 0px;}
.edit_navi_headbg{width:0px;height: 0px}
.edit_rechts_cbg{width:0%;}
.edit_rechts_tabelle{margin-top: 28px; padding:0; margin:0;}
.edit_rechts_cbg{height: 490px; background: url() transparent;}

/* Horizontales Menü - Änderungen nur Profis empfohlen */
.edit_navi_headbg table{position: absolute; width: 89.5%; min-width: 1000px; background: url(http://img.webme.com/pic/t/testseiteonly/orgicebluecontop.png) transparent; height: 25px;}
.edit_navi_headbg table td{background: transparent url(); width: auto; height: 25px; display:inline; text-align: center;}
.edit_navi_headbg table tr {float: left;}

/* Bestimmte Bereiche ausgeblendet */
.edit_rechts_bottom{display:none;}
.edit_rechts_sbg{display:none;}
.nav_heading{display:none !important;}
.edit_below_nav img{display:none;}
.edit_content_bottom{display:none;}
.edit_content_top{display:none;}

/* Layout - kann beliebig verändert werden */
td.edit_content{height: 450px; background: url() #ffffff; padding: 10px 0 10px 0;} /* Der Textbereich */
td.edit_content_bottom2{background: url(http://img.webme.com/pic/t/testseiteonly/orgicebluecontop.png) #000080;} /* Die untere Grafik vom Textfeld */
td.edit_header_full{background: url(http://theme.webme.com/designs/iceblue/images/header.jpg) no-repeat #000; height: 96px;} /* Der Header vom Design */
td.edit_navi_headbg table td a{color: #fff; font-size: 15px; background: url() transparent;} /* Links im Menü */
td.edit_navi_headbg table td a:hover{text-decoration:underline;} /* Hover-Links im Menü */
tr.checked_menu td a{font-weight: bold; color: #FFF1AF;} /* Aktive Seite, die gerade ausgewählt ist im Menü */
td.edit_content div{margin-top: 25px;} /* oberer Abstand des Inhaltes vom Menü */

-->
</style>

______________
Spendet jetzt für den User -Name entfernt - , damit er sich ein Duden kaufen kann, da seine Schreibkünste die einens 11-jährigen sehr stark ähneln. Smile


Zuletzt bearbeitet von blutsegelbukaniere am 16.08.2010, 22:06, insgesamt 2-mal bearbeitet
Beitrag27.06.2010 um 18:17 (UTC)    
Titel:

Design: Iceblue mit horizontalen Menü sowie rechten Boxen


Die Standard-Navigation wurde in ein horizontales Menü umgewandelt - da durch werden die Seiten automatisch hinzugefügt!
Standardgemäße linke Navigation wurde entfernt - da durch erhält der Content eine größere Breite.
Rechte Boxen sind vorhanden für Informationen, etc.
Es kann immer noch dank vorhandener Klassen via CSS bearbeitet werden - Anfängerfreundlich.
Die Breite wurde leicht verbreitert vom Standard-Iceblue. Das Design wird verbreitert, so bald man eine kleinere Auflösung verwendet (90% vom Bildschirm), für alle größeren Auflösungen gibt es die Mindestbreite von 1000px.

Es sollten nicht zu viele Seiten vorhanden sein - ansonsten können Fehler auftreten, die man nachträglich verbessern muss. Private Nachricht an blutsegelbukaniere oder Forum CSS

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

/* Design Allgemein - Änderungen nur Profis empfohlen */
table.edit_main_table{width: 90%; margin: 0 auto; min-width: 1000px;}
table.edit_second_table{width: 100% !important;}
table.edit_third_table{width: 100% !important;}
table.edit_rechts_tabelle{width: 100% !important;}
.edit_main_tr{width: 0%; height: 0px;}
.edit_navi_headbg{width:0px;height: 0px}
.edit_rechts_cbg{width:0%;}
.edit_rechts_bottom{background: url() transparent;}
.edit_rechts_tabelle{margin-top: 28px; padding:0; margin:0;}
.edit_rechts_cbg{height: 490px; background: url() transparent;}
.edit_rechts_bottom table#sidebar_heading_1{margin-top: 25px;}

/* Horizontales Menü - Änderungen nur Profis empfohlen */
.edit_navi_headbg table{position: absolute; width: 89.5%; min-width: 1000px; background: url(http://img.webme.com/pic/t/testseiteonly/orgicebluecontop.png) transparent; height: 25px;}
.edit_navi_headbg table td{background: transparent url(); width: auto; height: 25px; display:inline; text-align: center;}
.edit_navi_headbg table tr {float: left;}

/* Bestimmte Bereiche ausgeblendet */
.nav_heading{display:none !important;}
.edit_below_nav img{display:none;}
.edit_content_bottom{display:none;}
.edit_content_top{display:none;}
.edit_rechts_sbg{display:none;}

/* Layout - kann beliebig verändert werden */
td.edit_content{height: 450px; background: url() #ffffff; padding: 10px 0 10px 0;} /* Der Textbereich */
td.edit_content_bottom2{background: url(http://img.webme.com/pic/t/testseiteonly/orgicebluecontop.png) #000080;} /* Die untere Grafik vom Textfeld */
td.edit_header_full{background: url(http://theme.webme.com/designs/iceblue/images/header.jpg) no-repeat #000; height: 96px;} /* Der Header vom Design */
td.edit_navi_headbg table td a{color: #fff; font-size: 15px; background: url() transparent;} /* Links im Menü */
td.edit_navi_headbg table td a:hover{text-decoration:underline;} /* Hover-Links im Menü */
tr.checked_menu td a{font-weight: bold; color: #FFF1AF;} /* Aktive Seite, die gerade ausgewählt ist im Menü */
td.edit_content div{margin-top: 25px;} /* oberer Abstand des Inhaltes vom Menü */

-->
</style>

______________
Spendet jetzt für den User -Name entfernt - , damit er sich ein Duden kaufen kann, da seine Schreibkünste die einens 11-jährigen sehr stark ähneln. Smile


Zuletzt bearbeitet von blutsegelbukaniere am 16.08.2010, 22:04, insgesamt 3-mal bearbeitet
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de