Da ich von CSS nicht unbedingt viel Ahnung habe, hab ich mir mit der Zeit einige Code geschnappt und diese einfach bei mireingebaut.
Da das ganze nun mittlerweile etwas sehr lang geworden ist, würde ich diesen nun gerne kombiniert haben.
Könnte das mal bitte einer für mich machen?
Es wäre dabei echt nett, wenn ihr die einzellnen Codes farbig markieren könntet, damit ich die einzellnen Teile noch erkennen kann.
Eine zusätzliche Bitte hätte ich da auch noch:
Da ich meine Seite nun komplett umgestallte, hätte ich gerne, dass meine rechten boxen nun unsichtbar werden und die Schrift in der Mitte (Textfeld) weiß wird. (Bitte auch farbig markieren.)
Zusätzlich sollen alle balken wie z.B. über der Navi, sowie die Balken über und unter dem textfeld und der rechten boxen komplett unsichtbar werden.
Also an sich ein vollständig neuer Code^^
Wäre echt super von euch, wenn das einer erledigen könnte.
Code 1: Design
<style type="text/css">
<!--
td.edit_navi_headbg{background-image: url(URL);}
td.nav_heading{background-image: url(http://img.webme.com/pic/a/amuriel/button4.png);height: 33px;padding-left: 27px;font-size: 14px;font-weight: bold;}
td.nav{background-image: url(http://img.webme.com/pic/a/amuriel/button2.gif);height: 33px;}
td.nav:hover{background-image: url(http://img.webme.com/pic/a/amuriel/button1.gif);height: 33px;}
td.nav a{color: #ffffff;text-decoration: none;font-size: 11px;}
td.nav a:hover{color: #ffffff;text-decoration: overline underline;font-size: 11px;}
td.nav a:visited{color: # FF0000;font-size: 11px;font-weight: bold;}
td.edit_below_nav{visibility: hidden;}
td.edit_rechts_cbg{background-image: url(URL);width: 100%;}
td.edit_content_top{height: 33px;background-image: url(http://img.webme.com/pic/a/amuriel/button4.png);font-size:14px;font-weight:bold;text-align: center;}
td.edit_content{padding-left: 20px;background-image: url(http://img.webme.com/pic/a/amuriel/button3.gif);}
td.edit_content_bottom{background-image: url(http://img.webme.com/pic/a/amuriel/button4.png);height: 33px;}
td.edit_content_bottom2{background-image: url(URL);height: 38px;}
td.headline2{visibility: hidden;}
td.sidebar_heading{background-image: url(http://img.webme.com/pic/a/amuriel/button5.png);height: 33px;font-size: 14px;font-weight: bold;text-align: center;}
.shouty, .shouty2, .shouty3, .shouty4, .shouty5{background-image: url(URL);background-color: #0066FF;border: 3px dotted #fff;}
td.edit_rechts_bottom{background-image: url(URL);width: 15%;}
td.edit_rb_footer{background-image: url(URL);}
td.edit_rechts_sbg{background-image: url(URL);visibility: hidden;}
-->
</style>
Code 2: Zentrieren
<style type="text/css"><!--
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%;}
td.edit_header_full{background-position:center;background-repeat:no-repeat;background-image: url(http://img.webme.com/pic/a/amuriel/coollogo_com_306171573.gif);}
--></style>
Code 3: Headnavi
<style type="text/css" media="screen">
<!--
body
{
font-family: Verdana, sans-serif;
font-size: 13px;
overflow: auto;
padding: 13px;
margin: 0px;
}
ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}
li a
{
padding-right: 20px;padding-top: 5px;
}
div.menu
{
position: absolute;
z-index: 3;
top: 270px;
left: 50%;
margin-left:-428px;
width:905px;
}
.menu li
{
width: 130px;
float: left;
}
.menu a
{
border: 0px solid #0033FF;
background-color: #0033FF;
background-image: url(http://img.webme.com/pic/a/amuriel/button101.jpg);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 23px;
color: #000000;
}
.menu a:hover
{
background-color: #00CCFF;
background-image: url(http://img.webme.com/pic/a/amuriel/button102.jpg);
}
#smenu1, #smenu2, #smenu3, #smenu4
{
font-size: 10px;
display: none;
width: 100px;
float: left;
}
#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a
{
font-size: 9px;
font-weight: bold;
padding-top: 5px;
border-top: 0px;
cursor: pointer;
color: #FF3300;
}
//-->
</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 onmouseout="cache('smenu1');" onmouseover="montre('smenu1');" href="javascript:void(0);"> Main Menü</a>
<ul onmouseout="cache('smenu1');" onmouseover="montre('smenu1');" id="smenu1">
<li><a href="
http://amuriel.de/%3Cblink%3EAGB-s-Rechtliches-s-Copyright%3C-s-blink%3E.htm "> AGB/Rechtliches/Copyright </a></li>
<li><a href="http://amuriel.de/Home.htm">Home</a></li>
<li><a href="
http://amuriel.de/%3Cfont-color%3Dblue%3E%3Cb%3EAnmeldung-f.ue.r-den-Login%3C-s-b%3E%3C-s-font%3E.htm ">Kontakt</a></li>
<li><a href="
http://amuriel.de/%3Cfont-color%3Dblue%3E%3Cb%3ELogin%3C-s-b%3E%3C-s-font%3E.htm ">Benutzerlogin</a></li>
<li><a target=_blank href="http://www.gaestebuchking.de/cgi-bin/host/firebook.cgi?account=11434">Gästebuch</a></li>
<li><a href="Zu dieser HP">Titel</a></li>
<li><a href="http://amuriel.de/%3Cfont-color%3Dblue%3E%3Cb%3EVote-for-my-Site%3C-s-b%3E%3C-s-font%3E.htm">Vote for my Site</a></li>
<li><a href="http://amuriel.de/Allgemeines.htm">Allgemeines</a></li>
</ul>
</li>
<li><a onmouseout="cache('smenu2');" onmouseover="montre('smenu2');" href="javascript:void(0);"> Unterhaltung</a>
<ul onmouseout="cache('smenu2');" onmouseover="montre('smenu2');" id="smenu2">
<li><a target=_blank href="http://www.grafikgaestebuch.de/ggbook.php?userid=75418&r=52186">Grafik Gästebuch</a></li>
<li><a href="http://amuriel.de/Unterhaltung%2C-Witziges-u-.-.ae.-.-.htm">Unterhaltung Witziges u.ä</a></li>
<li><a href="http://amuriel.de/Texte%2C-die-die-Welt-nicht-braucht.htm">Texte, die die Welt nicht braucht</a></li>
<li><a href="http://amuriel.de/Amuriel-Chat-Room.htm">Chat Room</a></li>
<li><a target=_blank href="http://91822.homepagemodules.de/">Forum</a></li>
</ul>
</li>
<li><a onmouseout="cache('smenu3');" onmouseover="montre('smenu3');" href="javascript:void(0);"> Wissen</a>
<ul onmouseout="cache('smenu3');" onmouseover="montre('smenu3');" id="smenu3">
<li><a href="http://amuriel.de/T.ae.glich-aktuell.htm">Täglich Aktuell</a></li>
<li><a href="http://amuriel.de/F.ue.r-Webmaster.htm">Für Webmaster</a></li>
<li><a href="http://amuriel.de/Fehlercodes.htm">Fehlercodes</a></li>
<li><a href="http://amuriel.de/Sex-_-Stellungen.htm">Sex - Stellungen</a></li>
<li><a href="http://amuriel.de/Kochen-mit-Amuriel.htm">Kochen mit Amuriel</a></li>
<li><a href="http://amuriel.de/Games-_-Tipps-und-Tricks.htm">Games – Tipps und Tricks</a></li>
<li><a href="http://amuriel.de/Unser-Sonnensystem.htm">Unser Sonnensystem</a></li>
<li><a href="http://amuriel.de/Das-alte--Ae-gypten.htm">Das alte Ägypten</a></li>
<li><a href="http://amuriel.de/Die-Indianer.htm">Die Indianer</a></li>
</ul>
</li>
<li><a onmouseout="cache('smenu4');" onmouseover="montre('smenu4');" href="javascript:void(0);"> Sonstiges</a>
<ul onmouseout="cache('smenu5');" onmouseover="montre('smenu4');" id="smenu4">
<li><a href="http://amuriel.de/Awardvergabe.htm">Awardvergabe</a></li>
<li><a href="http://amuriel.de/%3Cfont-color%3Dblue%3E%3Cb%3EAktuelle-Teilnehmer%3C-s-b%3E%3C-s-font%3E.htm">Aktuelle Teilnehmer</a></li>
<li><a href="http://amuriel.de/%3Cfont-color%3Dblue%3E%3Cb%3EN.ae.chste-Teilnehmer%3C-s-b%3E%3C-s-font%3E.htm">Nächste Teilnehmer</a></li>
<li><a href="http://amuriel.de/%3Cfont-color%3Dblue%3E%3Cb%3EHistorie%3C-s-b%3E%3C-s-font%3E.htm">Award Historie</a></li>
<li><a href="http://amuriel.de/For-You.htm">For You</a></li>
<li><a href="http://amuriel.de/%3Cfont-color%3Dred%3E%3Cb%3EService%3C-s-b%3E%3C-s-font%3E.htm">Service</a></li>
<li><a target=_blank href="http://www.topklix.de/top/tl/371/index.html">Topliste</a></li>
<li><a href="http://amuriel.de/Partner.htm">Partner</a></li>
<li><a href="http://amuriel.de/Danke-.--.--.-.htm">Danke</a></li>
</ul>
</li>
</div>
Code 4: Header Zentrieren
<style type="text/css">
<!--
td.headline{visibility:hidden;}
-->
</style>
______________
[img:82224c16a4]http://88.198.45.9/pic/amuriel_out.gif[/img:82224c16a4]
[img:82224c16a4]http://img.webme.com/pic/a/amuriel-for-webmaster/banner%202.gif[/img:82224c16a4]
