Autor
Nachricht
hannah-montmiley
29.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
↑
yakom-designs
29.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>
↑
der-bielefeld-club
Premium
Support-Team
Wohnort: Bielefeld
29.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
mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:
Iceblue Generator |
Red Generator |
Butterfly Generator
↑
hannah-montmiley
29.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
↑
der-bielefeld-club
Premium
Support-Team
Wohnort: Bielefeld
29.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?
mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:
Iceblue Generator |
Red Generator |
Butterfly Generator
↑
amylynnhartzler
29.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?
↑
der-bielefeld-club
Premium
Support-Team
Wohnort: Bielefeld
29.08.2009 um 12:55 (UTC) Titel:
Ich habe den Code von oben nochmal geändert
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
↑
amylynnhartzler
29.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
↑
der-bielefeld-club
Premium
Support-Team
Wohnort: Bielefeld
29.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: 190 px;
left: 100 px;
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
↑