Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag18.05.2009 um 06:15 (UTC)    
Titel: Linke Navi leiste ausblenden und buttons oben platzieren!

hallo
wie gesagt will ich erreichen dass man die standardnavileiste nicht mehr sieht bzw ausblenden und die buttons oben nacvheinander anreihen
bin aber ziehmlich neu was das HP basteln anbelangt
habe auch schon ein dafür nötiges script gefunden das ich aber nicht ganz versteh bitte um hilfe
ich möchte auch gern das menü bzw die menübuttons in der länge verkleinern weil meine buttons kleiner als das menü ist
und das mit dem menü hinzufügen dass ich zb ein 2. button menü rechts dran setz hab ich auch schon versucht zu machen aber bei mir tut sich da nix
vllt macht sich wer die mühe um wichtige blöcke und deren zeilen näher zu erläutern wäre dem sehr dankbar
mfg

[/code]<style type="text/css" media="screen">
<!--



/* Allgemeine Einstellungen */

body
{
font-family: Verdana, sans-serif;
font-size: 25px;höhenposition der buttons
overflow: auto;
padding: 10px; rechts/links position
margin: 0px;
}

/* Dieser Teil ist dafür, die Menüpunkte ohne Listenpunkt darzustellen */
ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}

/* Hier stellt Ihr ein, wie weit die Schrift vom Menürand entfernt ist. */
li a
{
padding-right: 20px;padding-top: 5px;
}

/* Hier wird das ganze Menü positioniert */
div.menu
{
position: absolute;
z-index: 3;
top: 124px;
left: 50%;
margin-left:-405px;
width:905px;
}

/* Dieser Punkt bestimmt die Menübreite */
.menu li
{
width: 160px;
float: left;
}

/* Hier bestimmt Ihr das Aussehen der Menülinks */
.menu a
{
border: 0px solid #9DCE55;
background-color: #1C4BE6;
background-image: url(http://img.webme.com/pic/a/access2world/dunkelblau.jpg);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 35px;
color: #00CCFF;
}

/* Hier bestimmt Ihr das Aussehen der Hintergründe der Menülinks, wenn Ihr mit der Maus drüber fahrt */
.menu a:hover
{
background-color: #003632;
background-image: url(http://img.webme.com/pic/a/access2world/dunkelblau.jpg);
}

/* Hier bestimmt Ihr die Größe der Menülinks (Für weitere Menüs, müssen die Punkte entsprechend erweitert werden) */
#smenu1, #smenu2, #smenu3, #smenu4, #smenu5
{
font-size: 12px;
display: none;
width: 160px;
float: left;
}

/* Hier bestimmt Ihr die Farbe der Menülinks (Für weitere Menüs, müssen die Punkte entsprechend erweitert werden) */
#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a
{
font-weight: bold;
padding-top: 5px;
border-top: 0px;
cursor: pointer;
color: #7AE6DD;
}
//-->

</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');"></a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">

<!-- Menupunkt1 = Überschrift
Menupunkt1.1 und Menupunkt1.2 = Untermenüpunkte
Es können noch weitere Untermenüpunkte nach diesem Schema eingebaut werden:

<li><a href="http://Menupunktx.x.htm">Menupunkt1.2</a></li>

-->

<li><a href="</a></li>
<li><a href="</a></li>

</ul>
</li>

-->

</div>
Beitrag18.05.2009 um 12:47 (UTC)    
Titel:

so hab es einiger massen mal hinbekommen
ein paar buttons mit unter kategorie zu machen
hab nur folgendees problem
es sind 8 button die letzten 3 sind beim joinen der seite offen
bzw mann sieht ohne draufzuklicken die unter kategorie
und die anderen 5 bleiben zwar zu haben aber die schriftfarbe
nicht übernommen und die buttons sind kleiner als die anderen
obwohls die selben sind
http://access2world.de.tl/Home.htm
und die linke navi leiste bekomm ich auch ned weg will nur oben die buttons haben
mfg
Beitrag18.05.2009 um 12:54 (UTC)    
Titel:

Hi, ich habe mal deinen Coolmenü Code verkürzt und verbessert:
Zitat:
<style type="text/css" media="screen">
<!--

/* Allgemeine Einstellungen */
body
{
font-family: Verdana, sans-serif;
font-size: 16px;
overflow: auto;
padding: 10px;
margin: 0px;
}

/* Dieser Teil ist dafür, die Menüpunkte ohne Listenpunkt darzustellen */
ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}

/* Hier stellt Ihr ein, wie weit die Schrift vom Menürand entfernt ist. */
li a
{
padding-right: 7px;padding-top: 10px;
}

/* Hier wird das ganze Menü positioniert */
div.menu
{
position: absolute;
z-index: 3;
top: 124px;
left: 50%;
margin-left:-465px;
width:905px;
}

/* Dieser Punkt bestimmt die Menübreite */
.menu li
{
width: 108px;
float: left;
}

/* Hier bestimmt Ihr das Aussehen der Menülinks */
.menu a
{
border: 0px solid #000000;
background-color: #000000;
background-image: url(http://img.webme.com/pic/a/access2world/dunkelblauneu.jpg);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 26px;
color: #00CCFF;
}

/* Hier bestimmt Ihr das Aussehen der Hintergründe der Menülinks, wenn Ihr mit der Maus drüber fahrt */
.menu a:hover
{
background-color: #00CCFF;
background-image: url(http://img.webme.com/pic/a/access2world/dunkelblauneu.jpg);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 26px;
color: #00CCFF;
}

/* Hier bestimmt Ihr die Größe der Menülinks (Für weitere Menüs, müssen die Punkte entsprechend erweitert werden) */
#smenu1, #smenu2, #smenu3, #smenu4, #smenu5, #smenu6, #smenu7, #smenu8
{
font-size: 12px;
display: none;
width: 160px;
float: left;
}

/* Hier bestimmt Ihr die Farbe der Menülinks (Für weitere Menüs, müssen die Punkte entsprechend erweitert werden) */
#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a, #smenu6 a, #smenu7 a, #smenu8 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');">Menupunkt1</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="http://Menupunkt1.1.htm">Menupunkt1.1</a></li>
<li><a href="http://Menupunkt1.2.htm">Menupunkt1.2</a></li>
<li><a href="http://Menupunkt1.3.htm">Menupunkt1.3</a></li>
</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">Menupunkt2</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href="http://Menupunkt1.1.htm">Menupunkt2.1</a></li>
<li><a href="http://Menupunkt1.2.htm">Menupunkt2.2</a></li>
<li><a href="http://Menupunkt1.3.htm">Menupunkt2.3</a></li>
</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Menupunkt3</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="http://Menupunkt1.1.htm">Menupunkt3.1</a></li>
<li><a href="http://Menupunkt1.2.htm">Menupunkt3.2</a></li>
<li><a href="http://Menupunkt1.3.htm">Menupunkt3.3</a></li>
</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">Menupunkt4</a>
<ul id="smenu4" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
<li><a href="http://Menupunkt1.1.htm">Menupunkt4.1</a></li>
<li><a href="http://Menupunkt1.2.htm">Menupunkt4.2</a></li>
<li><a href="http://Menupunkt1.3.htm">Menupunkt4.3</a></li>
</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">Menupunkt5</a>
<ul id="smenu5" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">
<li><a href="http://Menupunkt1.1.htm">Menupunkt5.1</a></li>
<li><a href="http://Menupunkt1.2.htm">Menupunkt5.2</a></li>
<li><a href="http://Menupunkt1.3.htm">Menupunkt5.3</a></li>
</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu6');" onmouseout="cache('smenu6');">Menupunkt6</a>
<ul id="smenu6" onmouseover="montre('smenu6');" onmouseout="cache('smenu6');">
<li><a href="http://Menupunkt1.1.htm">Menupunkt6.1</a></li>
<li><a href="http://Menupunkt1.2.htm">Menupunkt6.2</a></li>
<li><a href="http://Menupunkt1.3.htm">Menupunkt6.3</a></li>
</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu7');" onmouseout="cache('smenu7');">Menupunkt7</a>
<ul id="smenu7" onmouseover="montre('smenu7');" onmouseout="cache('smenu7');">
<li><a href="http://Menupunkt1.1.htm">Menupunkt7.1</a></li>
<li><a href="http://Menupunkt1.2.htm">Menupunkt7.2</a></li>
<li><a href="http://Menupunkt1.3.htm">Menupunkt7.3</a></li>
</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu8');" onmouseout="cache('smenu8');">Menupunkt8</a>
<ul id="smenu8" onmouseover="montre('smenu8');" onmouseout="cache('smenu8');">
<li><a href="http://Menupunkt1.1.htm">Menupunkt8.1</a></li>
<li><a href="http://Menupunkt1.2.htm">Menupunkt8.2</a></li>
<li><a href="http://Menupunkt1.3.htm">Menupunkt8.3</a></li>
</ul>
</li>
Das rote musste erweitert werden Wink

Mit folgendem Code kriegst du dann noch die Navigation weg:
Zitat:
<style type="text/css">
<!--
.nav,.nav:hover,.checked_menu,.menu{display: none;}
td.edit_below_nav{display:none;}
--></style>
mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator
Beitrag18.05.2009 um 14:23 (UTC)    
Titel:

ja danke sieht toll aus alle buttons funktionieren wie sie sollen Very Happy
aber die sind jetzt ganz oben der HP will die direkt am schluss von der kopfzeile
is nähmlich im moment so dass wenn man auf nen button geht springt der auf und die kopfzeile drückt es dabei jedesmal runter und des is schlecht Neutral
und wo genau muss ich diesen code eingeben?
Code:
<style type="text/css">
<!--
.nav,.nav:hover,.checked_menu,.menu{display: none;}
td.edit_below_nav{display:none;}
--></style>


hab ihn mal bei textfeld "Text unter dem design" eingefügt,
hat zur folge dass nichts mehr auf der page zu sehen ist
bitte um rat Rolling Eyes
Beitrag23.05.2009 um 08:14 (UTC)    
Titel:

hat sich erledigt
Beiträge der letzten Zeit anzeigen:   


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