Eigenes Design
Wenn ihr ein eigenes Design erstellen wollt könnt ihr für das Design Iceblue den folgenden Code benutzen. Die farbigen Stellen müsst ihr aber noch ändern. Unten findet ihr die Erklärung!!!
Bei Fragen schreibt mir bitte ins GB.
<style type="text/css">
<!--
/* Design verbreitern */
table.edit_main_table{width: 100% !important;}
td.edit_main_tr{width: 100% !important;}
table.edit_second_table{width: 100% !important;}
td.edit_header_full{width: 100% !important;}
td.edit_header_full table{width: 100% !important;}
table.edit_third_table{width: 100% !important;}
td.edit_navi_headbg{width: 15% !important;}
table.edit_rechts_tabelle{width: 100% !important;}
td.edit_rechts_bottom{width: 15% !important;}
td.edit_rechts_cbg{width:100%;}
/* Link und Textformatierung */
td.nav a{color:##XXXXXX;font-size: 12px;text-decoration: none;}
a:hover {color: #XXXXXX;font-size: 12px;text-decoration: none;}
a: link {color: #XXXXXX;font-size: 12px;text-decoration: none;}
a:active {color: #XXXXXX;font-size: 12px;text-decoration: none;}
a:visited {color: #XXXXXX;font-size: 12px;text-decoration: none;}
/* Titel über Text-Seite entfernen */
td.idcp{visibility:hidden;}
/* Hintergrund hinter Design */
body{background-image: none;background-color: #XXXXXX;color: #000000 !important;}
/* Header fixiert und zentriert*/
td.edit_header_full{width: 100% !important;background-repeat:no-repeat;background-position:center center;background-image: url(http://Hier Header-Bild);}
/* Navigation*/
td.headline{text-align: center !important;font-size: 36px !important;font-style: italic !important;}
td.nav{text-decoration: none;color: #000000;width: 185px;height: 40px;background-image: url(http://HIER BUTTON 1.jpg);}
td.nav:hover{color: #000000;width: 185px;height: 40px;background-image: url(http://Hier Button 2.jpg);}
td.edit_navi_headbg{margin: 0px;padding: 0px;background-image: none;background-color: #XXXXXX;width: 185px;background-repeat: repeat-y;}
td.edit_below_nav{visibility: hidden;width: 185px;}
td.edit_below_nav img{visibility: hidden;width: 1px;}
td.nav_heading{width: 89px;height: 80px;background-image: url(http://Bild über Navigation.jpg);background-color: #XXXXXX;padding-top: 0px;font-weight: bold;font-size: 15px;text-decoration: none;}
td.edit_navi_headbg table{width: 185px;}
.menu{width: 185px;color: #000000 !important;font-weight: bold;padding-left: 35px;font-size: 12px;}
.menu a{color: #000000;font-weight: bold;padding-left: 35px;text-decoration: none;font-size: 12px;}
/* Textfeld Link-Formatierung*/
td.edit_content a{color:#XXXXXX;font-size: 12px;text-decoration: none;}
td.edit_content a:hover {color: ##XXXXXX;font-size: 12px;text-decoration: none;}
/* Textfeld Hintergrund*/
td.edit_content {background-image: none;background-color: #XXXXXX;}
td.headline2{visibility:hidden;}
td.edit_rechts_cbg{margin: 0px;background-image: url(URL);background-color: #XXXXXX;}
td.edit_content_top{height: 25px;background-image: none;background-color: #XXXXXX;background-repeat: no-repeat;background-position: top -5px;}
td.edit_content_bottom{background-image: none;background-color: #XXXXXX;}
td.edit_content_bottom2{background-image: none;background-color: #XXXXXX;;text-align: right;}
td.edit_rechts_sbg{background-image: none;width: 0px;}
td.headline2{text-align: center;}
/* Rechte Boxen */
td.sidebar_heading{background-image: none;background-color: #XXXXXX;border-bottom: 0px double #XXXXXX;}
.shouty, .shouty2, .shouty3, .shouty4, .shouty5{background-image: none;background-color: #XXXXXX;color: #000000;font-weight: bold;}
td.edit_rb_footer{background-image: none;background-color: #XXXXXX;border-bottom: 0px solid ##XXXXXX;}
td.edit_rechts_bottom{background-image: none;background-color: #XXXXXX;}
-->
</style>
Erklärung:
Diese Farbe wären Text-bzw Linkfarben
Diese Farbe wären Design-Farben / Hintergrund-Farben
Die "Klassen" sind rot markiert
Bild zu den Klassen klick hier
Nachdem jetzt schon mehrere nicht wussten wo sie die CSS Codes einfügen sollen schreib ich es euch mal auf.
Geht nachdem ihr euch im Homepage-Baukasten angemeldet habt auf => Design einstellen und danach auf => erweiterte Einstellungen dort fügt ihr den Code in "Text über dem Design" ein.
Ihr musst euch allerdings im Desing ' 'Ice Blue'' befinden.
Vergesst aber nicht ihn davor zu bearbeiten!!! |
