Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag13.03.2010 um 13:41 (UTC)    
Titel: Schonwieder CSS-Help!

Hallo!

Ich habe gerade meine Navi entfernt, jz siehts blöd aus! Das ist die erste Sache wo ich bitte Hilfe brauche!

Dann möchte ich noch in diesen Code:
Zitat:

-->
</style>
<center>
<style type="text/css">
<!--

td.edit_rechts_tabelle,.edit_rechts_cbg{width: 100%;}
td.edit_navi_headbg{display:none;}
td.edit_content{background-image:url();background-color:#ffffff;border: 0px solid #ffffff;}
td.edit_content_top{background-image:url(http://img.webme.com/pic/r/rotateon/middle_up.png); height: 17px; background-color:#ffffff;border: 0px solid #ffffff;}
td.edit_content_bottom{background-image:url(http://img.webme.com/pic/r/rotateon/middle_middle.png); height: 17px; background-color:#ffffff;border: 0px solid #ffffff;}
td.edit_content_bottom2{background-image:url(http://img.webme.com/pic/r/rotateon/middle_down.png); height: 15px; background-color:#ffffff;border: 0px solid #ffffff;}
td.edit_rechts_cbg{background-image: url();}

body {background-image:url();background-color:#ffffff;background-attachment:fixed;border: 0px solid #ffffff;}


/* Titel über rechter Box */
td.sidebar_heading {
color: #FFFFFF;
font-size: 14px;
font-family: arial,verdana ;
text-align: center;
height: 17px;
background-color:#000000 ;
background-image: url(http://img.webme.com/pic/r/rotateon/right_up.png);
border: 0px solid #000000; }

/* rechte Boxen 1 bis 5 */
td.shouty, .shouty2, .shouty3, .shouty4, .shouty5 {
color: #111111;
font-size: 14px;
font-family: arial,verdana;
text-align: left;
background-color: #FFFFFF;
background-image: url(http://img.webme.com/pic/r/rotateon/right_middle.png);
background-repeat: repeat;
border: 0px solid #000000; }

/* Abschluß unter Boxen 1 bis 5 entfernt mit */
td.edit_rb_footer {
height: 21px;
background-image: url(http://img.webme.com/pic/r/rotateon/right_down.png);}


/* Hintergrund unter rechten Boxen */
td.edit_rechts_bottom {
background-color: transparent;
background-image: url();
border: 0px solid #000000; }


Diesen für's Collmenü haben:

Zitat:

/* Allgemeine Einstellungen (Schriftart, Schriftgröße...) */
body {
font-family: Verdana, sans-serif;
font-size: 14px;
overflow: auto;
margin: 0px; }

/* keine Auflistungspunkte vor Navi-Links */
ul, li {
list-style-type: none;
padding: 0px;
margin: 0px; }

/* Abstand zwischen Schrift zum Rand */
li a {
padding-right: 20px;
padding-top: 5px; }

/* Coolmenü positionieren, Werte bei "top" , "left" und "width" anpassen */
div.menu {
position: absolute;
z-index: 3;
top: 225px;
left: 390px;
width:850px; }

/* Breite der Menüpunkte einstellen */
.menu li {
width: 160px;
float: left; }

/* Aussehen der Menüpunkte einstellen */
.menu a {
border: 0px solid #000000;
background-color: #ffffff;
background-image: url(http://img.webme.com/pic/r/rotateon/button.png);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 25px;
color: #ffffff; }

/* Aussehen der Menüpunkte beim Hover Effekt */
.menu a:hover {
background-color: #ffffff;
background-image: url(http://img.webme.com/pic/r/rotateon/button_hover.png);
color: #ffffff; }

#smenu1, #smenu2, #smenu3, #smenu4, #smenu5 {
font-size: 14px;
display: none;
width: 160px;
float: left; }

#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a {
font-weight: bold;
padding-top: 5px;
border-top: 0px;
cursor: pointer;
color: #FFFFFF; }
//-->
</style>

<!-- Anfang des Scriptes -->
<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>
<!-- Ende des Scriptes -->

<div class="menu">
<li><a href="javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Hauptmenü 1</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="Unterlink 1.1">Untermenü 1.1</a></li>
<li><a href="Unterlink 1.2">Untermenü 1.2</a></li>
<li><a href="Unterlink 1.3">Untermenü 1.3</a></li>
<li><a href="Unterlink 1.4">Untermenü 1.4</a></li>
<li><a href="Unterlink 1.5">Untermenü 1.5</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">Hauptmenü 2</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href="Unterlink 2.1">Untermenü 2.1</a></li>
<li><a href="Unterlink 2.2">Untermenü 2.2</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Hauptmenü 3</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="Unterlink 3.1">Untermenü 3.1</a></li>
<li><a href="Unterlink 3.2">Untermenü 3.2</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">Hauptmenü 4</a>
<ul id="smenu4" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
<li><a href="Unterlink 4.1">Untermenü 4.1</a></li>
<li><a href="Unterlink 4.2">Untermenü 4.2</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">Hauptmenü 5</a>
<ul id="smenu5" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">
<li><a href="Unterlink 5.1">Untermenü 5.1</a></li>
<li><a href="Unterlink 5.2">Untermenü 5.2</a></li>


Zuletzt bearbeitet von rotateon am 13.03.2010, 17:00, insgesamt 2-mal bearbeitet
Beitrag13.03.2010 um 16:01 (UTC)    
Titel:

Mit welchem Code kann ich das wegbekommen?
Beitrag13.03.2010 um 16:36 (UTC)    
Titel:

Auf deiner Seite ist die Standart Navigation - Was willst du genau?
______________
/
Beitrag13.03.2010 um 16:57 (UTC)    
Titel:

Ja, ich hab sie jetzt wieder eingefügt probehalber!

Am liebsten die linke Nav weg (weiß jz wie das geht) und unterhalb des headers ein coolmenu, oben hab ich schon den code!
Beitrag13.03.2010 um 17:21 (UTC)    
Titel:

Folgenden Code hab ich gefunden:

Zitat:
<style type="text/css"><!--
.edit_rechts_tabelle,.edit_rechts_cbg{width: 100%;}
.edit_navi_headbg{display:none;}

td.edit_rechts_cbg{background-image: url(http://img.webme.com/pic/f/freizeit-hp/content_bg.png);}
td.edit_content_top{background-image: url(http://img.webme.com/pic/f/freizeit-hp/content_top.png);}
td.edit_content{background-image: url(http://img.webme.com/pic/f/freizeit-hp/content.png);}
td.edit_content_bottom{background-image: url(http://img.webme.com/pic/f/freizeit-hp/content_bottom.png);}
td.edit_content_bottom2{background-image: url(http://img.webme.com/pic/f/freizeit-hp/content_bottom2.png);}
--></style>


Versuch mal ob es klappt Wink
______________
/
Beitrag13.03.2010 um 17:30 (UTC)    
Titel:

Ne, da wird wieder ein Teil Iceblue angezeigt!

Aber ist egal, ich find die Nav jz e schön! Schau mal rein: rotateon.de.tl/home.htm

Aber ich hab jz zwei weiße Striche durchs mittlere Feld, aber nur bei Home, bei Kontakt hab ich nur den oberen!
Wie bekomm ich die weg? und die rechte Box ist auch noch nicht schön!

Zitat:

->
</style>
<center>
<style type="text/css">
<!--

td.edit_below_nav{visibility:hidden;}
td.nav_heading{background-image:url(); background-color:#ffffff;}
td.edit_navi_headbg{background-image:url(); background-color:#ffffff;}
td.nav{background-image:url(http://img.webme.com/pic/r/rotateon/button.png); height:33px; width:185px;}
td.nav:hover{background-image:url(http://img.webme.com/pic/r/rotateon/button_hover.png); height:33px; width:185px;}

td.edit_rechts_sbg{visibility:hidden;}

td.edit_content{background-image:url();background-color:#ffffff;border: 0px solid #ffffff;}
td.edit_content_top{background-image:url(http://img.webme.com/pic/r/rotateon/middle_up.png); height: 17px; background-color:#ffffff;border: 0px solid #ffffff;}

td.edit_content_bottom{background-image:url(http://img.webme.com/pic/r/rotateon/middle_down.png); height: 15px; background-color:#ffffff;border: 0px solid #ffffff;}
td.edit_content_bottom2{background-image:url(); background-color: #ffffff; height: 15px; background-color:#ffffff;border: 0px solid #ffffff;}

td.edit_content_left_spacer{background-image:url(http://img.webme.com/pic/r/rotateon/border_left.png); height:18px; width:18px;}
td.edit_content_right_spacer{background-image:url(http://img.webme.com/pic/r/rotateon/border_right.png); height:18px; width:18px;}

td.edit_rechts_cbg{background-image: url();}

body {background-image:url();background-color:#ffffff;background-attachment:fixed;border: 0px solid #ffffff;}


/* Titel über rechter Box */
td.sidebar_heading {
color: #FFFFFF;
font-size: 14px;
font-family: arial,verdana ;
text-align: center;
height: 16px;
background-color:#000000 ;
background-image: url(http://img.webme.com/pic/r/rotateon/right_up.png);
border: 0px solid #000000; }

/* rechte Boxen 1 bis 5 */
td.shouty, .shouty2, .shouty3, .shouty4, .shouty5 {
color: #111111;
font-size: 13px;
font-family: arial,verdana;
text-align: left;
background-color: #FFFFFF;
background-image: url(http://img.webme.com/pic/r/rotateon/right_middle.png);
background-repeat: repeat;
border: 0px solid #000000; }

/* Abschluß unter Boxen 1 bis 5 entfernt mit */
td.edit_rb_footer {
height: 20px;
background-image: url(http://img.webme.com/pic/r/rotateon/right_down.png);}


/* Hintergrund unter rechten Boxen */
td.edit_rechts_bottom {
background-color: transparent;
background-image: url();
border: 0px solid #000000; }
Beiträge der letzten Zeit anzeigen:   


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