Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag15.09.2010 um 15:51 (UTC)    
Titel: horizontale Leiste

Hallo,

Ich habe versucht ein Hauptmenü dabei zu machen hat ja auch Funktionirt aber ich habe jetzt ein Problem mit dem Hauptmenü 4 warum

Und wie kann ich nen Rand machen wie auf dem bild:
http://www.homepage-baukasten.de/forum/viewtopic.php?t=101593#top

Hier der Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15">
<link rel="shortcut icon" href="http://img.webme.com/pic/c/cheerleader-kevin/favicons.png" type="image/vnd.microsoft.icon" />
<title>+++ Kevins +++ Hompage +++ - Willkommen </title>
<style type="text/css">
<!--
body {
background-color: #2e3839;
margin: 5px;
font-family: tahoma, verdana, arial;
}
td {
font-family: tahoma, verdana, arial;
font-size: 13px;
color: #0029F8;
}
a {
font-size: 13px;
color: #0029F8;
text-decoration: none;
}
a:visited {
font-size: 11px;
text-decoration: none;
}
a:hover {
font-size: 11px;
text-decoration: underline;
}
a.std {
font-size: 11px;
color:#436123;
text-decoration: none;
}
a:visited.std { font-size: 11px; color:#436123; text-decoration: none; }
a:hover.std { font-size: 11px; color:#436123; text-decoration: underline; }
.small {
font-family: tahoma, verdana, arial;
font-size: 9px;
color: #000000;
}
.small a {
color: black;
}
.headline,.headline2,.headline3 {
font-family: tahoma, verdana, arial;
font-size: 11px;
color: #FC0505;
}
.cont {
font-family: tahoma, verdana, arial;
font-size: 11px;
color: #000000;
}
.ro {
background-color:#E7E7E7;
}
html {
font-family: tahoma, verdana, arial;
font-size: 11px;
}
.bbc { color:#FFFFFF; background-color:#FFFFFF; border-color:#FFFFFF; border-style:solid; border-width:1px; text-decoration:none;}
td.nav {
background-image: url(http://theme.webme.com/designs/iceblue/images/button.gif);
background-repeat: none;
height: 33px;
width: 185px;
padding-left: 25px;
}
td.nav a {
color: #020AF1;
font-size:11px;
}
td.nav_heading {
background-image: url(http://theme.webme.com/designs/iceblue/images/heading_left.gif);
color: white;
padding-left: 15px;
line-height: 23px;
width: 185px;
height: 23px;
}
td.nav_head {
background-image: url(http://theme.webme.com/designs/iceblue/images/head_left.gif);
color: white;
padding-left: 15px;
line-height: 31px;
width: 185px;
height: 31px;
}
td.sidebar_heading {
background-image: url(http://theme.webme.com/designs/iceblue/images/heading_right.gif);
color: white;
padding-left: 15px;
line-height: 24px;
width: 168px;
height: 24px;
}
td.sidebar_head {
background-image: url(http://theme.webme.com/designs/iceblue/images/head_right.gif);
color: white;
padding-left: 15px;
line-height: 32px;
width: 168px;
height: 32px;
}
.shouty,.shouty2,.shouty3,.shouty4,.shouty5 {
background-color: #fafbfc;
background-image: url(http://theme.webme.com/designs/iceblue/images/shouty.gif);
background-repeat: no-repeat;
padding: 5px;
}
.shoutbox {
overflow: auto;
height: 300px;
width: 175px;
}
.nick {
font-weight: bold;
}
.shoutbox hr {
border: 0;
border-bottom: 1px dashed #0c2737;
}
.shoutbox input, .shoutbox textarea {
width: 155px;
}
.send {
margin-top: 5px;
color: black;
font-weight: bold;
width: 50px;
margin-left: auto;
margin-right: auto;
}
.RowLight, .RowDark {
padding-left: 10px;
height: 27px;
}
.RowLight {
background-image: url(http://theme.webme.com/designs/iceblue/images/stats_bg1.gif);
}
.RowDark {
background-image: url(http://theme.webme.com/designs/iceblue/images/stats_bg2.gif);
}
img { border: 0;}
.headline a, .footer_text, .footer_text a.nav {
color: white;
}
//-->
</style>
</head>
<body>
<FONT color="white"><style type="text/css">
<!--
table.edit_main_table{width: 100% !important;}
table.edit_main_table, table[height="102"]{width: 100% !important; margin: 0 auto;}
td.edit_main_tr{width: 100% !important;}
table.edit_second_table{width: 100% !important;}
td.edit_header_full{width: 100% !important;
background-position:center;background-repeat:no-repeat; }
td.edit_header_full table{width: 100% !important;}
table.edit_third_table{width: 100% !important;}
td.edit_navi_headbg{width: 5% !important;}
table.edit_rechts_tabelle{width: 100% !important;}
td.edit_rechts_bottom{width: 5% !important;}
td.edit_rechts_cbg{width:100%;}
td.headline{visibility:hidden;}

td.edit_main_tr{height: 0px !important;}
td.edit_rechts_cbg{height: 0px !important;}
td.edit_rechts_bottom{height: 0px !Important;}
td.edit_navi_headbg{height: 0px !important;}

table#sidebar_heading_1,table#sidebar_heading_2,table#sidebar_heading_3,table#sidebar_heading_4,table#sidebar_heading_5{width:189px;}

td.edit_content{background-image:url(http://i40.tinypic.com/nqcm0o.jpg);background-color:#c0c0c0;border: 5px solid #ffffff;}

td.nav:hover{background-image: url(http://s2.imgimg.de/uploads/ohnetext6eba2844gif34afacf8gif.gif);background-color:#XXXXXX;width:
185px;height: 35px;border: 0px solid #ffffff;}

td.nav{background-image: url(http://s2.imgimg.de/uploads/ohnetext6eba2844gif34afacf8gif.gif);background-color:#XXXXXX;width:
185px;height: 35px;border: 0px solid #2D3738;}

td.edit_below_nav img{visibility: hidden;}
td.edit_below_nav{background-image: url();
background-position: center top;background-repeat: no-repeat;}

td.edit_rechts_cbg{background-image:url();background-color:#XXXXXX;border: 0px solid #ffffff;}

body{background-image:url(http://i40.tinypic.com/nqcm0o.jpg);background-color:#XXXXXX;}
body {background-attachment:fixed;border: 0px solid #c0c0c0;}

td.edit_rechts_sbg{background-image:url();background-color:#XXXXXX;border: 0px solid #ffffff;}

td.edit_rechts_bottom{background-image:url();background-color:#XXXXXX;border: 0px solid #ffffff;}

td.shouty, td.shouty2, td.shouty3, td.shouty4, td.shouty5{
background-image:url(http://s2.imgimg.de/uploads/eog83224dd521jpg.jpg);
background-repeat:repeat;
background-color:#XXXXXX;font-family: arial;font-size: 14px;
color:#000000;border: 2px solid #000000;}

td.edit_content_top{display: none}

td.edit_content_top:hover{display: none}

td.edit_navi_headbg{background-image:url();background-color:#XXXXXX;border: 0px solid #ffffff;}

td.nav_heading{display: none}

td.sidebar_heading{background-image:url(http://s2.imgimg.de/uploads/ohnetext6eba2844gif34afacf8gif.gif);height: 35px;background-color:#XXXXXX;border: 2px solid #000000;}

td.edit_rb_footer{background-image:url();height: 30px;background-color:#XXXXXX;border: 0px solid #c0c0c0;}

td.edit_content_bottom2{background-image:url(URL);background-color:#000000;border: 0px solid #ffffff;}

td.edit_content_bottom{display: none}

td.nav_heading{font-family: arial;font-size: 12px;color: #000000;padding-left:26px;text-align: left;}
td.nav a{font-family: arial;font-size: 12px;color: #000000;text-decoration: none}
td.nav a:hover{font-family: arial;font-size: 12px;color: #ffffff;text-decoration: none}
tr.checked_menu td a{font-family: arial;font-size: 12px;color: #000000;text-decoration: none}

td.sidebar_heading{font-family: arial;font-size: 20px;color: #ffffff; text-align: center;}

td.edit_content_main div{overflow: hidden!important;}

td.edit_header_full{background-image:url(http://i40.tinypic.com/o56n9l.jpg);background-color:#XXXXXX;width:
100%; height: 340px;background-repeat: no-repeat;border: 0px solid #2D3738;}

-->
</style>


<style type="text/css">
<!--
td#nav_Abstand1{visibility:hidden;height:5px;}
td#nav_Abstand1 a{height:5px;display:none;}

td#nav_Abstand2{visibility:hidden;height:5px;}
td#nav_Abstand2 a{height:5px;display:none;}

td#nav_Abstand3{visibility:hidden;height:5px;}
td#nav_Abstand3 a{height:5px;display:none;}

td#nav_Abstand4{visibility:hidden;height:5px;}
td#nav_Abstand4 a{height:5px;display:none;}

td#nav_Abstand5{visibility:hidden;height:5px;}
td#nav_Abstand5 a{height:5px;display:none;}

td#nav_Abstand6{visibility:hidden;height:5px;}
td#nav_Abstand6 a{height:5px;display:none;}

td#nav_Abstand7{visibility:hidden;height:5px;}
td#nav_Abstand7 a{height:5px;display:none;}

td#nav_Abstand8{visibility:hidden;height:5px;}
td#nav_Abstand8 a{height:5px;display:none;}

td#nav_Abstand9{visibility:hidden;height:5px;}
td#nav_Abstand9 a{height:5px;display:none;}

td#nav_Abstand10{visibility:hidden;height:5px;}
td#nav_Abstand10 a{height:5px;display:none;}

td#nav_Abstand11{visibility:hidden;height:5px;}
td#nav_Abstand11 a{height:5px;display:none;}

td#nav_Abstand12{visibility:hidden;height:5px;}
td#nav_Abstand12 a{height:5px;display:none;}

td#nav_Abstand13{visibility:hidden;height:5px;}
td#nav_Abstand13 a{height:5px;display:none;}

td#nav_Abstand14{visibility:hidden;height:5px;}
td#nav_Abstand14 a{height:5px;display:none;}

td#nav_Abstand15{visibility:hidden;height:5px;}
td#nav_Abstand15 a{height:5px;display:none;}

td#nav_Abstand16{visibility:hidden;height:5px;}
td#nav_Abstand16 a{height:5px;display:none;}

td#nav_Abstand17{visibility:hidden;height:5px;}
td#nav_Abstand17 a{height:5px;display:none;}

td#nav_Abstand18{visibility:hidden;height:5px;}
td#nav_Abstand18 a{height:5px;display:none;}

td#nav_Abstand19{visibility:hidden;height:5px;}
td#nav_Abstand19 a{height:5px;display:none;}

td#nav_Abstand20{visibility:hidden;height:5px;}
td#nav_Abstand20 a{height:5px;display:none;}
-->
</style>
</style>
<style type="text/css" media="screen">
<!--
/* 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: 432px;
left: 0% !important;
width:1000px; }

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

/* Aussehen der Menüpunkte einstellen */
.menu a {
border: 0px solid #FF0000;
background-color: #FF0000;
background-image: url(URL);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 23px;
color: #000000; }

/* Aussehen der Menüpunkte beim Hover Effekt */
.menu a:hover {
background-color: #000099;
background-image: url(URL);
color: #000000; }

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

#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a, #smenu6 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';
}
}
"position: absolut;"
//-->
</script>
<!-- Ende des Scriptes -->

<div class="menu">
<li><a href="javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Allgemeines/Hp</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="http://cheerleader-kevin.de.tl/">Intro</a></li>
<li><a href="http://kevins-community.mixxt.de/">Kevins-Comunity</a></li>
<li><a href="http://kevins-designs.de.tl/">Kevins-Designs</a></li>
<li><a href="http://kevins-spiele-gangsta.de.tl/Home.htm">Kevins Spiele</a></li>
<li><a href="http://cheerleader-kevin.de.tl/Titel-der-neuen-Seite.htm">Untermenü 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="http://cheerleader-kevin.de.tl/Titel-der-neuen-Seite.htm">Untermenü 1</a></li>
<li><a href="http://cheerleader-kevin.de.tl/Titel-der-neuen-Seite.htm">Untermenü 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="http://cheerleader-kevin.de.tl/Titel-der-neuen-Seite.htm">Untermenü 1</a></li>
<li><a href="http://cheerleader-kevin.de.tl/Titel-der-neuen-Seite.htm">Untermenü 2</a></li>
</ul>
</li>
</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="http://cheerleader-kevin.de.tl/Titel-der-neuen-Seite.htm">Untermenü 1</a></li>
<li><a href="http://cheerleader-kevin.de.tl/Titel-der-neuen-Seite.htm">Untermenü 2</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">Music</a>
<ul id="smenu5" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">
<li><a href="http://cheerleader-kevin.de.tl/Titel-der-neuen-Seite.htm">Metal Music !!!</a></li>
<li><a href="http://cheerleader-kevin.de.tl/Bushido-_-Sido.htm">Bushido - Sido</a></li>
<li><a href="http://cheerleader-kevin.de.tl/Titel-der-neuen-Seite.htm">Remix - Techno</a></li
<li><a href="http://cheerleader-kevin.de.tl/Titel-der-neuen-Seite.htm">Electro</a></li
<li><a href="http://cheerleader-kevin.de.tl/Titel-der-neuen-Seite.htm">Untermenü 1</a></li
<li><a href="http://cheerleader-kevin.de.tl/Titel-der-neuen-Seite.htm">Untermenü 2</a></li
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu6');" onmouseout="cache('smenu6');">Simones Gedichte </a>
<ul id="smenu6" onmouseover="montre('smenu6');" onmouseout="cache('smenu6');">
<li><a href="http://cheerleader-kevin.de.tl/Simones-Reich-_-Hompage.htm">Simones Reich !!!</a></li>
<li><a href="http://cheerleader-kevin.de.tl/Simones-Gedichte.htm">Simones Gedichte</a></li>
<li><a href="http://cheerleader-kevin.de.tl/-Liebesgedichte.htm">Liebesgedichte</a></li>
<li><a href="http://cheerleader-kevin.de.tl/Sehnsucht.htm">Sehnsucht</a></li>
<li><a href="http://cheerleader-kevin.de.tl/Freundschaft_Simone.htm">Freundschaft</a></li>
<li><a href="http://cheerleader-kevin.de.tl/Weltgeschehen.htm">Weltgeschehen</a></li>
<li><a href="http://cheerleader-kevin.de.tl/An-meine-Mama.htm">An-meine-Mama</a></li>
<li><a href="http://cheerleader-kevin.de.tl/Gedichte-Allgemein.htm">Gedichte Allgemein</a></li>
<li><a href="http://cheerleader-kevin.de.tl/Titel-der-neuen-Seite.htm">Untermenü 9</a></li>
<li><a href="http://cheerleader-kevin.de.tl/Titel-der-neuen-Seite.htm">Untermenü 10</a></li>
</ul>
</li>
</div>


<style type="text/css">
<!--
table.rb_neu{position:absolute;left:0px;top:1230px;}
-->
</style>

<!-- Hier beginnt jetzt die eigentliche rechte Box -->

<table class="rb_neu" width="185" border="0" cellspacing="0" cellpadding="0" id="table1">
<tr>
<td height="24" class="sidebar_heading" background="http://img.webme.com/designs/iceblue/images/heading_right.gif">Bild des Gangsta</td>
</tr>
<tr>
<td style="background-repeat: no-repeat;background-color: #fafbfc;padding:5px;" background="http://img.webme.com/designs/iceblue/images/shouty.gif" class="shouty"><img width="174" height="345" alt="Alternativer Text" src="http://s2.imgimg.de/uploads/ola00a0bb2png.png" /><br><br><p><br><br></td>
</tr>
<tr>
<td background="http://img.webme.com/designs/iceblue/images/poll_bottom_bg.gif" height="27" class="edit_rb_footer">
</td>
</tr>
</table>


Zuletzt bearbeitet von cheerleader-kevin am 16.09.2010, 14:54, insgesamt 4-mal bearbeitet
Beitrag17.09.2010 um 05:42 (UTC)    
Titel:

cheerleader-kevin

also

Erstens der Rand wurde mit einem Bider bearbeitungs Programm hinzugefügt das man besser erkennen kann um was es in dem Tutoriel usw. geht

und Zweites es gibt eine Seite wo man das ganze menu bearbeiten und erstellen kann.

Hier der Genarator
http://www.coolplace.cc/downloads/gen/coolgen/

mach einfach das menü hier neu und wenn es immer noch da ist dann guck ich mir das mal genau er an


MFG
Beiträge der letzten Zeit anzeigen:   


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