Suche im Forum:
Suchen


Autor Nachricht
Beitrag29.08.2009 um 12:21 (UTC)    
Titel: [erledigt]Iceblue: Die Navigation für das Coolmenü entfernen

Hi, ich versuche bei meiner hp: amylynnhartzler.de.tl ein coolmenü einzustellen, ich versuche es aber erstmal an meiner alten hp die ich nicht mehr benutze. ich habe das design iceblue und habe folgenden code bei text über dem design eingefügt:

Zitat:
<style type="text/css">
<!--
td.nav{display: none;}
.edit_rechts_sbg{visibility: hidden;}
.edit_rechts_bottom,.edit_rechts_cbg{background-image: none;}
td.edit_below_nav{visibility: hidden;}
td.edit_below_nav img{display:none;}
td.edit_navi_headbg{background-image: none;}
//-->
</style>

<style type="text/css" media="screen">
<!--
/* Allgemeine Einstellungen (Schriftart, Schriftgröße...) */
body {
font-family:Mom sTypewriter, sans-serif;
font-size: 17px;
overflow: auto;
padding: 10px;
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: 190px;
left: 100px;
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: #101010;
background-image: url(URL);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 23px;
color: #FFFFFF ; }

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

#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');">Musik&Bands</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="http://amylynnhartzler.de.tl/Bilder/index.htm">Bilder</a></li>
<li><a href="http://amylynnhartzler.de.tl/Bands.htm">Bands</a></li>
<li><a href="http://amylynnhartzler.de.tl/Lieblings-Lied-f-.htm">Lieblings Lied?</a></li>
<li><a href="http://amylynnhartzler.de.tl/Songtexte%26%3Cbr--s-%3E-Ue-bersetzungen.htm">Songtexte&Übersetzungen</a></li>
<li><a href="http://amylynnhartzler.de.tl/Musik-Tipp.htm">Musik Tipp</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">Eure Meinung</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href="http://amylynnhartzler.de.tl/G.ae.stebuch.htm">Gästebuch</a></li>
<li><a href="http://amylynnhartzler.de.tl/Kontakt.htm">Kontakt</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Alles Mögliche</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="http://amylynnhartzler.de.tl/Lustiges_Sonstiges.htm">Lustiges&Sonstiges</a></li>
<li><a href="http://amylynnhartzler.de.tl/Chat.htm">Chat</a></li>
<li><a href="http://amylynnhartzler.de.tl/Games.htm">Games</a></li>
<li><a href="http://amylynnhartzler.de.tl/Gegen-Tierversuche-ar-.htm">Gegen Tierversuche!</a></li>
<li><a href="http://amylynnhartzler.de.tl/_Umfragen_.htm">-Umfragen-</a></li>
<li><a href="http://amylynnhartzler.de.tl/Playlist.htm">Playlist-Videos</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">Über mich&meine Seite</a>
<ul id="smenu4" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
<li><a href="http://amylynnhartzler.de.tl/Banner.htm">Banner</a></li>
<li><a href="http://amylynnhartzler.de.tl/Regeln-d-.htm“>Regeln!</a></li>
<li><a href="http://amylynnhartzler.de.tl/ich.htm">Über mich</a></li>
<li><a href="http://amylynnhartzler.de.tl/_Ich-denke-an-dich_.htm">-Ich denke an dich-</a></li> </ul>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">Startseite</a>
<ul id="smenu5" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">
<li><a href="http://amylynnhartzler.de.tl/Startseite.htm">Startseite</a></li>
</ul>
</li>
</div>



bei mir klappt das mit dem coolmenü nicht und ich weiss nicht woran das liegt. Ich habe auch versucht die andere normale navigation (links am rand) verschwinden zu lassen doch das hat auch nicht funktioniert!?!

Es wäre schön wenn mir jemand helfen könnte!

Danke im vorraus.


Zuletzt bearbeitet von hannah-montmiley am 19.09.2009, 20:38, insgesamt 4-mal bearbeitet
Beitrag29.08.2009 um 12:38 (UTC)    
Titel: drop down menü

hier ein neuer code probier mal den


<script language="JavaScript">
<!--
function changeto(pfad){ziel=pfad.options[pfad.selectedIndex].value;self.location=ziel;}
IE = document.all &&!window.opera;
GK = window.sidebar;
AOB = [];
x = 0;
//-->
</script>

<br><form name="DROPMENU" action="">
<select name="dropdown" size="1" onchange="changeto(this);">
<option selected="selected" value="">Kategorie wechseln</option>
<option value="Adresse">Titel</option>
<option value="Adresse2">Titel2</option>
<option value="Adresse3">Titel3</option>
</select>
</form>
Beitrag29.08.2009 um 12:39 (UTC)    
Titel:

Hi, ich habe dir mal in rot oben in deinem Code hinzugefügt,
was du einfügen musst, damit die Navigation entfernt wird Wink

mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator
Beitrag29.08.2009 um 12:43 (UTC)    
Titel: ok

ok das mit dem Coolmenü hat schonmal funktioniert aber die alte navi ist noch da und ich wollte das coolmenü unter dem header haben, außerdem kann man den titel der seite nicht mehr lesen wenn man drüber fährt (Hover-effekt)

Frage: Kann ich jetzt auch andere css-anweisungen wie z.B. Header unsichtbar und sowas bei text über dem design einfügen? Wenn ja, wie?


Zuletzt bearbeitet von hannah-montmiley am 29.08.2009, 13:44, insgesamt einmal bearbeitet
Beitrag29.08.2009 um 12:47 (UTC)    
Titel:

Hi, der Code für oben ist nur für das Iceblue Design...
Du wolltest das doch auf deine Iceblue Design Seite tun, oder? Wink

mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator
Beitrag29.08.2009 um 12:51 (UTC)    
Titel: oh

oh, hihi ich hatte vergessen das ich bei der hannah-montmiley seite das design butterfly hatte. Und wie mache ich jetzt das design wieder transparent?? Und wie kriege ich das jetzt bei dem hover-efekt hin das man die schrift noch lesen kann?
Beitrag29.08.2009 um 12:55 (UTC)    
Titel:

Ich habe den Code von oben nochmal geändert Wink
Jetzt sollten die meisten unnötigen Klassen durchsichtig sein und
der Hover Effekt sollte eine schwarze Schriftfarbe haben...

mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator
Beitrag29.08.2009 um 13:01 (UTC)    
Titel: toll

Super! Es hat funktioniert, Danke für die Hilfe!


Zuletzt bearbeitet von amylynnhartzler am 29.08.2009, 17:52, insgesamt 5-mal bearbeitet
Beitrag29.08.2009 um 13:43 (UTC)    
Titel:

So, ich habe mal deinen kompletten Code überarbeitet,
füge dazu einfach folgenden Code ein:
Zitat:
<style type="text/css">
<!--
/* Header unsichtbar*/
td.edit_header_full{visibility: hidden;}

.edit_rechts_sbg{visibility: hidden;}
.edit_rechts_bottom,.edit_rechts_cbg{background-image: none;}
.edit_rechts_tabelle,.edit_rechts_cbg{width: 100%;}
.edit_navi_headbg{display:none;}

body{background-image:url(http://img.webme.com/pic/a/amylynnhartzler/go2.bmp);background-repeat:no-repeat;background-attachment: fixed;}

/*Titel im Header unsichtbar */
td.headline{visibility:hidden;}

/*Rechte Boxen unsichtbar*/
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, td.shouty2,td.shouty3,td .shouty4,td .shouty5{background-image:url();background-color:transparent;border:0px dotted black;}

/*Textfeld-Bereiche unsichtbar*/
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;}
//-->
</style>
<style type="text/css" media="screen">
<!--
/* Allgemeine Einstellungen (Schriftart, Schriftgröße...) */
body {
font-family:Mom sTypewriter, sans-serif;
font-size: 17px;
overflow: auto;
padding: 10px;
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: 0px;
padding-top: 5px; }

/* Coolmenü positionieren, Werte bei "top" , "left" und "width" anpassen */
div.menu {
position: absolute;
z-index: 3;
top: 190px;
left: 100px;
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: #101010;
background-image: url(URL);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 16px;
color: #FFFFFF ; }

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

#smenu1, #smenu2, #smenu3, #smenu4, #smenu5 {
font-size: 16px;
text-align: center;
color: #000000;
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');">Musik&Bands</a>

<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="http://amylynnhartzler.de.tl/Bilder/index.htm">Bilder</a></li>
<li><a href="http://amylynnhartzler.de.tl/Bands.htm">Bands</a></li>
<li><a href="http://amylynnhartzler.de.tl/Lieblings-Lied-f-.htm">Lieblings Lied?</a></li>
<li><a href="http://amylynnhartzler.de.tl/Songtexte%26%3Cbr--s-%3E-Ue-bersetzungen.htm">Songtexte&Übersetzungen</a></li>
<li><a href="http://amylynnhartzler.de.tl/Musik-Tipp.htm">Musik Tipp</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">Eure Meinung</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">

<li><a href="http://amylynnhartzler.de.tl/G.ae.stebuch.htm">Gästebuch</a></li>
<li><a href="http://amylynnhartzler.de.tl/Kontakt.htm">Kontakt</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Alles Mögliche</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="http://amylynnhartzler.de.tl/Lustiges_Sonstiges.htm">Lustiges&Sonstiges</a></li>
<li><a href="http://amylynnhartzler.de.tl/Chat.htm">Chat</a></li>
<li><a href="http://amylynnhartzler.de.tl/Games.htm">Games</a></li>
<li><a href="http://amylynnhartzler.de.tl/Gegen-Tierversuche-ar-.htm">Gegen Tierversuche!</a></li>

<li><a href="http://amylynnhartzler.de.tl/_Umfragen_.htm">-Umfragen-</a></li>
<li><a href="http://amylynnhartzler.de.tl/Playlist.htm">Playlist-Videos</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">Über mich&meine Seite</a>
<ul id="smenu4" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
<li><a href="http://amylynnhartzler.de.tl/Banner.htm">Banner</a></li>
<li><a href="http://amylynnhartzler.de.tl/Regeln-d-.htm">Regeln!</a></li>
<li><a href="http://amylynnhartzler.de.tl/ich.htm">Über mich</a></li>
<li><a href="http://amylynnhartzler.de.tl/_Ich-denke-an-dich_.htm">-Ich denke an dich-</a></li> </ul>

</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">Startseite</a>
<ul id="smenu5" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">
<li><a href="http://amylynnhartzler.de.tl/Startseite.htm">Startseite</a></li>
</ul>
</li>
</div>
Beim roten kannst du selber das Coolmenü positionieren,
dazu musst du die Werte ändern...

mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator
Beiträge der letzten Zeit anzeigen:   


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