Hallo an alle die Css mächtig sind!
Wer von Euch kann mir den Css Code verfeinern?
1. Das Bild mit in den Css Code einbauen, also fixiertes Hintergrundbild.
http://img.webme.com/pic/t/traenen-im-himmel/hintergrund1.jpg
2. Die Navigation zum einfachen Seiten bearbeiten schön anordnen und den Button nur sichtbar in der Navi machen wenn man draufgeht. Ansonsten nur die Schrift leserlich ist.
http://img.webme.com/pic/t/traenen-im-himmel/button1.jpg
Vielen lieben Dank im Voraus!!
<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%;}
-->
</style>
<style type="text/css">
<!--
/*Text-und Link-Formatierung */
p, div, b{color: #000000;}
td.nav a{color: #XXXXXX;font-size: 13px;text-decoration: none;}
a:hover {color: #XXXXXX;font-size: 13px;text-decoration: none;}
a: link {color: #XXXXXX;font-size: 13px;text-decoration: none;}
a:active {color: #XXXXXX;font-size: 13px;text-decoration: none;}
a:visited {color: #XXXXXX;font-size: 13px;text-decoration: none;}
/* Header unsichtbar*/
td.edit_header_full{visibility: hidden;}
/*Titel im Header */
td.headline{visibility:hidden;}
/*Navigation linke Seite unsichtbar */
td.nav a{visibility:hidden;}
td.nav{visibility:hidden;}
td.nav:hover{visibility:hidden;}
td.nav_heading{background-image:url(URL);}
td.edit_below_nav{visibility:hidden;}
td.edit_navi_headbg{background-image:url(URL);}
/*Hintergrund-Bild fixiert */
body{background-image:url(http://HIER HINTERGRUND-BILD-ADRESSE.jpg);background-repeat:no-repeat;background-attachment: fixed;}
/*Textfeld-Bereiche */
td.headline2{visibility:hidden;}
td.edit_content a{color:#XXXXXX;font-size: 13px;text-decoration: none;}
td.edit_content a:hover {color: #XXXXXX;font-size: 13px;text-decoration: none;}
td.edit_content_top{visibility:hidden;}
td.edit_content{background-image:url(URL);background-color:transparent;}
td.edit_content_bottom{visibility:hidden;}
td.edit_content_bottom2{background-image:url();background-color:transparent;}
/*Rechte Boxen */
td.edit_rechts_sbg{visibility:hidden;}
td.edit_rechts_cbg{background-image: url(URL);}
td.edit_rechts_bottom{background-image: url(URL);}
td.edit_rb_footer{visibility:hidden;}
td.sidebar_heading{visibility:hidden;}
td.shouty, .shouty2, .shouty3, .shouty4, .shouty5{background-image:url();background-color:transparent;border:0px dotted black;}
td.shouty2{;}
td.shouty3{;}
td.shouty4{;}
td.shouty5{;}
--></style>
<style type="text/css" media="screen">
<!--
body
{
font-family: Arial, sans-serif;
font-size: 11px;
overflow: auto;
padding: 13px;
margin: 0px;
}
ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}
div.menu
{
position: absolute;
z-index: 3;
top: 80px;
left: 50%;
margin-left:-290px;
width: 100%;
}
.menu li
{
width: 200px;
float: left;
}
.menu a
{
border: 1px solid #F2F2F2;
background-color:#3333ff;
padding-top: 9px;
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px 10px;
display: block;
height: 25px;
color: #FFFFFF;
}
.menu a:hover
{
background-color:#3333ff ;
}
#sStartseite1, #sÜber mich2, #sMeine Freunde aus dem www3
{
font-size: 13px;
display: none;
width: 200px;
float: left;
}
#sGästebuch1a, #sUnser Kennenlernen2a, #sHochzeitsfreunde3a
{
font-size: 13px;
font-weight: bold;
padding-top: 9px;
border-top: 0px;
cursor: pointer;
}
#sToplist1b, #sUnsere Hochzeit2b, #sIcq3b
{
font-size: 13px;
font-weight: bold;
padding-top: 9px;
border-top: 0px;
cursor: pointer;
}
#sKontakt1c, #sUnsere Wellis2c, #sHeulerfreunde die sich nicht ärgern!3c
{
font-size: 13px;
font-weight: bold;
padding-top: 9px;
border-top: 0px;
cursor: pointer;
}
//-->
</style>
<script type="text/javascript">
<!--
function montre(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'block';
else if (all)
all[id].style.display = 'block';
else
layers[id].display = 'block';
}
}
function cache(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'none';
else if (all)
all[id].style.display = 'none';
else
layers[id].display = 'none';
}
}
//-->
</script>
<div class="menu">
<li><a href="javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Startseite!</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="http://HIER SEITE 1.htm" target="_self">Gästebuch</a></li>
<li><a href="http://HIER SEITE 2.htm" target="_self">Toplist</a></li>
<li><a href="http://HIER SEITE 3.htm" target="_self">Kontakt</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">Über mich!</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href="http://HIER SEITE 1.htm" target="_self">Unser Kennenlernen</a></li>
<li><a href="http://HIER SEITE 2.htm" target="_self">Unsere Hochzeit</a></li>
<li><a href="http://HIER SEITE 3.htm" target="_self">Unsere Wellis</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Meine Freunde aus dem www!</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="http://HIER SEITE 1.htm" target="_self">Hochzeitsfreunde</a></li>
<li><a href="http://HIER SEITE 2.htm" target="_self">Icq</a></li>
<li><a href="http://HIER SEITE 3.htm" target="_self">Heulerfreunde die sich nicht ärgern</a></li>
</ul>
</li>
</ul>
</div>
-->
</style>
