| Navigation |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| |
Diesen Code könnte Ihr als "Grundgerüst verwenden.
| Zitat: |
<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 */
p, div, b{color: #000000;}
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;}
/* 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);}
/* Header Titel entfernen*/
td.headline{visibility:hidden;}
/* Navigation*/
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;}
/* Titel über Text-Seite entfernen */
td.headline2{visibility:hidden;}
td.idcp{visibility:hidden;}
td.edit_content_top{
height: 25px;
background-image: none;
background-color: #XXXXXX;}
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_cbg{
margin: 0px;
background-image: url(URL);
background-color: #XXXXXX;}
/* Rechte Boxen */
td.edit_rechts_sbg{
background-image: none;
width: 0px;}
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.
------------------------------------------------------------------------------------------------------------------------------------------
Ein Element unsichtbar machen:
| Zitat: |
| td.Hier die Klasse{visibility:hidden;} |
| Zitat: |
td.Hier die Klasse{
background-image: none;
background-color:transparent;} |
------------------------------------------------------------------------------------------------------------------------------------------
Grafik austauschen im Design:
| Zitat: |
td.Hier die Klasse{
background-image:url(http://hier Eure Bild-URL);
background-color:#XXXXXX;} |
Grafik austauschen im Design mit Höhen-Angabe:
| Zitat: |
td.Hier die Klasse{
background-image:url(http://hier Eure Bild-URL);
background-color:#XXXXXX;
height:XXpx;} |
------------------------------------------------------------------------------------------------------------------------------------------
Grafik-Farbe austauschen im Design:
| Zitat: |
td.Hier die Klasse{
background-image: none;
background-color:#XXXXXX;} |
Hier findet Ihr die "Klassen" im Design wieder :
Einfügen in Homepage:
- logge Dich ein
- dann auf "Design einstellen"
- dort den fertigen Code in das Feld : "Text über Design" |
|
|
|
|
|
|
|
|
|
|
|
|
