Autor |
Nachricht |
-
my-little-suicide
|
25.06.2007 um 20:50 (UTC) Titel: Navigation rechts und links???? (Iceblue) |
|
|
Hallo ihrs!
Ich wollt mal fragen ob man die Navigation im Iceblue Design aufteilen könnte, also das ich sie rechts und links habe????
LG
Darkprincess |
|
↑
|
|
|
-
success4you
Wohnort: RheinMainArea
|
|
↑
|
|
|
-
my-little-suicide
|
29.06.2007 um 11:59 (UTC) Titel: |
|
|
Sorry, aber irgendwie versteh' ich nur Bahnhof!
Ich hab' grad' auch gesehen, dass jemand die Navi rechts hat und noch unter dem Header:
http://sued-west-basketball.de.tl/
Kann mir jemand vielleicht den Code dafür geben??? *lieb guck*
LG |
|
↑
|
|
|
-
my-little-suicide
|
|
↑
|
|
|
-
css-leichtgemacht
|
30.06.2007 um 13:47 (UTC) Titel: |
|
|
da gibt es tausende möglichkeiten.deswegen dage erstmal,wie es ganua aussehen sollte.es gibt navigationen zum ausfahren oder normale buttons... was solls denn sein ______________ Tut mir leid,dass ich meistens so schwierige Fragen stelle aber die einfachen Sachen kann ich eben schon
[img:7fa3a39653]http://www. my-smileys.de/smileys3/00000032annie.gif[/img:7fa3a39653]
aus zeitgründen schreibe ich stets klein.wenn jemand ein problem damit hat,bitte hier melden: beschwerdewegenkleinschreiben[ätt]arcor.de
|
|
↑
|
|
|
-
my-little-suicide
|
30.06.2007 um 18:54 (UTC) Titel: |
|
|
|
|
↑
|
|
|
-
success4you
Wohnort: RheinMainArea
|
30.06.2007 um 21:46 (UTC) Titel: |
|
|
stimmt - du kannst es auch mit einem javascript lösen:
Zitat: <style type="text/css" media="screen">
<!--
body
{
font-family: Verdana, sans-serif;
font-size: 14px;
overflow: auto;
padding: 10px;
margin: 0px;
}
ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}
li a
{
padding-right: 20px;padding-top: 5px;
}
.menu li
{
width: 160px;
float: right;
}
.menu a
{
border: 0px solid #000000;
background-color: #000000;
background-image: url(URL);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 23px;
color: #00CCFF;
}
.menu a:re.hover
{
background-color: #00CCFF;
background-image: url(URL);
}
#smenu1, #smenu2, #smenu3, #smenu4, #smenu5
{
font-size: 14px;
display: none;
width: 160px;
float: right;
}
#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a
{
font-weight: bold;
padding-top: 5px;
border-top: 0px;
cursor: pointer;
color: #FFFFFF;
}
//-->
</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="LINK1"> TITEL1</a> </li>
<li><a onmouseout="cache('smenu2');" onmouseover="montre('smenu2');" href="javascript:void(0);"> TITEL2</a>
<ul onmouseout="cache('smenu2');" onmouseover="montre('smenu2');" id="smenu2">
<li><a href="UNTERLINK2.3">Titel</a></li>
<li><a href="UNTERLINK2.3">Titel</a></li>
<li><a href="UNTERLINK2.4">Titel</a></li>
<li><a href="UNTERLINK2.5">Titel</a></li>
<li><a href="UNTERLINK2.6">Titel</a></li>
<li><a href="UNTERLINK2.7">Titel</a></li>
<li><a href="UNTERLINK2.8">Titel</a></li>
<li><a href="UNTERLINK2.9">Titel</a></li>
</ul>
</li>
<li><a onmouseout="cache('smenu3');" onmouseover="montre('smenu3');" href="javascript:void(0);"> TITEL3</a>
<ul onmouseout="cache('smenu3');" onmouseover="montre('smenu3');" id="smenu3">
<li><a href="UNTERLINK3.2">Titel</a></li>
<li><a href="UNTERLINK3.3">Titel</a></li>
<li><a href="UNTERLINK3.4">Titel</a></li>
<li> </li>
</ul>
</li>
<li><a href="LINK4"> TITEL4</a></li>
<li><a onmouseout="cache('smenu5');" onmouseover="montre('smenu5');" href="javascript:void(0);"> TITEL5</a>
<ul onmouseout="cache('smenu5');" onmouseover="montre('smenu5');" id="smenu5">
<li><a href="LINK5.1">Titel</a></li>
<li><a href="LINK5.2">Titel</a></li>
</ul>
</li>
</div> |
|
↑
|
|
|
-
css-leichtgemacht
|
02.07.2007 um 13:38 (UTC) Titel: |
|
|
schau mal hier vorbei: http://www.homepage-baukasten.de/forum/viewtopic.php?t=56044
da ist alles erklärt ______________ Tut mir leid,dass ich meistens so schwierige Fragen stelle aber die einfachen Sachen kann ich eben schon
[img:7fa3a39653]http://www. my-smileys.de/smileys3/00000032annie.gif[/img:7fa3a39653]
aus zeitgründen schreibe ich stets klein.wenn jemand ein problem damit hat,bitte hier melden: beschwerdewegenkleinschreiben[ätt]arcor.de
|
|
↑
|
|
|
-
success4you
Wohnort: RheinMainArea
|
02.07.2007 um 15:24 (UTC) Titel: |
|
|
|
|
↑
|
|
|
-
my-little-suicide
|
|
↑
|
|
|
-
my-little-suicide
|
04.07.2007 um 13:29 (UTC) Titel: |
|
|
Hallo ihrs, ich hab mal wieder eine Frage und zwar hab ich nun diesen Navicode drin:
Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta http-equiv="content-script-type" content="text/javascript">
<meta http-equiv="content-style-type" content="text/css">
<title>Foldoutmenue Horizontal</title>
<style type="text/css" media="screen">
<!--
body
{
font-family: Cataneo BT, sans-serif;
font-size: 18px;
overflow: auto;
padding: 10px;
margin: 0px;
}
ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}
.menu
{
position: absolute;
z-index: 3;
top: 190px;
left: 8px;
}
.menu li
{
width: 185px;
float: left;
}
.menu a
{
border: 1px solid #CCCCCC;
background-color: #000000;
background-image:url(http://img.webme.com/pic/m/my-little-suicide/navi24.jpg);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: default;
margin: 0px 2px;
display: block;
height: 20px;
color: #FFFFFF;
}
.menu a:hover
{
background-color: #ccc;
background-image:url(http://img.webme.com/pic/m/my-little-suicide/navi25.jpg);
}
#smenu1, #smenu2, #smenu3, #smenu4
{
font-size: 18px;
display: none;
width: 185px;
float: center;
}
#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a
{
font-weight: normal;
padding-top: 2px;
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>
</head>
<body>
<div class="menu">
<ul>
<li><a href="javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Main</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="">Home</a></li>
<li><a href="">Neuigkeiten</a></li>
<li><a href="">Newsletter</a></li>
<li><a href="">Kontakt</a></li>
<li><a href="">Gästebuch</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">Seelenschmerz</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href="">Von Euch</a></li>
<li><a href="">SvV</a></li>
<li><a href="">Borderline</a></li>
<li><a href="">Essstörungen</a></li>
<li><a href="">Suizid</a></li>
<li><a href="">Missbrauch</a></li>
<li><a href="">Depressionen</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Kreatives</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="">Galerie</a></li>
<li><a href="">Videos</a></li>
<li><a href="">Sprüche & Zitate</a></li>
<li><a href="">Nachdenkliches</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">Community</a>
<ul id="smenu4" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
<li><a href="">Forum</a></li>
<li><a href="">Top100 Liste</a></li>
<li><a href="">Wunschbrunnen</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">Das Ende</a>
<ul id="smenu5" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">
<li><a href="">Awards für mich</a></li>
<li><a href="">Awardvergabe</a></li>
<li><a href="">Links</a></li>
<li><a href="">Link me</a></li>
<li><a href="">Impressum</a></li>
</ul>
</li>
</ul>
</div>
</body>
</html>
Doch jedes mal wenn ich mit der Maus über die Buttons fahre wird die Schtift ganz klein!
Kann mir vielleicht jemand verraten wie ich das ändern kann? ______________ [img:5e48767b68]http://img.webme.com/pic/m/my-little-suicide/bannersw.jpg[/img:5e48767b68] |
|
↑
|
|
|
-
metalhounds
|
04.07.2007 um 20:30 (UTC) Titel: |
|
|
my-little-suicide hat Folgendes geschrieben: Hallo ihrs, ich hab mal wieder eine Frage und zwar hab ich nun diesen Navicode drin:
Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta http-equiv="content-script-type" content="text/javascript">
<meta http-equiv="content-style-type" content="text/css">
<title>Foldoutmenue Horizontal</title>
<style type="text/css" media="screen">
<!--
body
{
font-family: Cataneo BT, sans-serif;
font-size: 18px;
overflow: auto;
padding: 10px;
margin: 0px;
}
ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}
.menu
{
position: absolute;
z-index: 3;
top: 190px;
left: 8px;
}
.menu li
{
width: 185px;
float: left;
}
.menu a
{
border: 1px solid #CCCCCC;
background-color: #000000;
background-image:url(http://img.webme.com/pic/m/my-little-suicide/navi24.jpg);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: default;
margin: 0px 2px;
display: block;
height: 20px;
color: #FFFFFF;
}
.menu a:hover
{
background-color: #ccc;
background-image:url(http://img.webme.com/pic/m/my-little-suicide/navi25.jpg);
}
#smenu1, #smenu2, #smenu3, #smenu4
{
font-size: 18px;
display: none;
width: 185px;
float: center;
}
#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a
{
font-weight: normal;
padding-top: 2px;
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>
</head>
<body>
<div class="menu">
<ul>
<li><a href="javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Main</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="">Home</a></li>
<li><a href="">Neuigkeiten</a></li>
<li><a href="">Newsletter</a></li>
<li><a href="">Kontakt</a></li>
<li><a href="">Gästebuch</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">Seelenschmerz</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href="">Von Euch</a></li>
<li><a href="">SvV</a></li>
<li><a href="">Borderline</a></li>
<li><a href="">Essstörungen</a></li>
<li><a href="">Suizid</a></li>
<li><a href="">Missbrauch</a></li>
<li><a href="">Depressionen</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Kreatives</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="">Galerie</a></li>
<li><a href="">Videos</a></li>
<li><a href="">Sprüche & Zitate</a></li>
<li><a href="">Nachdenkliches</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">Community</a>
<ul id="smenu4" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
<li><a href="">Forum</a></li>
<li><a href="">Top100 Liste</a></li>
<li><a href="">Wunschbrunnen</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">Das Ende</a>
<ul id="smenu5" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">
<li><a href="">Awards für mich</a></li>
<li><a href="">Awardvergabe</a></li>
<li><a href="">Links</a></li>
<li><a href="">Link me</a></li>
<li><a href="">Impressum</a></li>
</ul>
</li>
</ul>
</div>
</body>
</html>
Doch jedes mal wenn ich mit der Maus über die Buttons fahre wird die Schtift ganz klein!
Kann mir vielleicht jemand verraten wie ich das ändern kann?
Die Navi auf Deiner Seite ist echt klasse!!!
Ist das der o.g. Code? Wenn ja, wo füge ich den denn genau ein?
Danke schon mal für ein kurzes Feedback. |
|
↑
|
|
|
-
my-little-suicide
|
|
↑
|
|
|
-
metalhounds
|
06.07.2007 um 08:59 (UTC) Titel: |
|
|
my-little-suicide hat Folgendes geschrieben: Danke, also ich hab den Code bei "Text über dem Design" eingefügt!
Kann mir denn jemand bei meinem Problem helfen? Wäre echt lieb!
Danke Dir. Habe Deinen Code mal kurz testweise in meine Seite eingefügt. Komischerweise wird die Navi aber nicht horizontal angezeigt, sondern hängt irgendwie vertikal über der normalen Navi.
Weißt Du (oder jemand anderes) was ich da falsch gemacht habe?
P.S. Danke auch für Deinen Eintrag in meiner Top-Liste. Habe mich auch bei Dir angemeldet. |
|
↑
|
|
|
-
my-little-suicide
|
06.07.2007 um 15:10 (UTC) Titel: |
|
|
Sorry, aber ich weiß leider net woran das liegen kann!
Und danke dir noch für deinen Eintrag in meine Top100 Liste!
On Topic: Kann mir vielleicht jemand sagen wie ich die Schrift in der Navi größer kriegen kann???
Ich hab schon mal bissel was ausprobiert, klappt leider net!
Also wär echt lieb wenn mir jemand hilft!
LG ______________ [img:5e48767b68]http://img.webme.com/pic/m/my-little-suicide/bannersw.jpg[/img:5e48767b68] |
|
↑
|
|
|
|