Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag15.10.2010 um 13:06 (UTC)    
Titel: Unterseiten

Bin mir hier grad ein Desing am machen: http://desingservice.de.tl/Home.htm .
Aber ich hänge dabei Unterseiten an zu legen. Ich will sie so anlegen, dass wenn ich über den Navi von dre Hauptseite streiche eine Liste bzw. eine art Tabelle herausklappt in der die Unterseiten angezeigt werden. Wie hier: http://boombase.de.tl/ .

Mfg, 100Klicks.
______________
Wir erstellen coole Schriften wie hier:







Euer, Desingservice.
http://desingservice.de.tl/

Hier bestellen:
http://www.homepage-baukasten.de/forum/viewtopic.php?t=124183&highlight=

Alle Beispiele hier:
http://desingservice.de.tl/Schriftenservice.htm
Beitrag15.10.2010 um 13:27 (UTC)    
Titel:

http://www.homepage-baukasten.de/forum/viewtopic.php?t=101593

hier wird das Erstellen eines Drop-down menüs gut erklärt
Beitrag15.10.2010 um 14:34 (UTC)    
Titel:

Code:
<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: 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: #000000;
background-image: url(http://img.webme.com/pic/1/100klicks-2/zwei.jpg);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 23px;
color: #00CCFF; }

/* Aussehen der Menüpunkte beim Hover Effekt */
.menu a:hover {
background-color: #00CCFF;
background-image: url(http://img.webme.com/pic/1/100klicks-2/eins1.jpg);
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');">ICE BLUE</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="http://desingservice.de.tl/a.htm">a</a></li>
<li><a href="http://desingservice.de.tl/b.htm">b</a></li>
<li><a href="http://desingservice.de.tl/c.htm">c</a></li>
<li><a href="http://desingservice.de.tl/d.htm">d</a></li>
<li><a href="http://desingservice.de.tl/e.htm">e</a></li>
<li><a href="http://desingservice.de.tl/f.htm">f</a></li>
<li><a href="http://desingservice.de.tl/g.htm">g</a></li>
<li><a href="http://desingservice.de.tl/h.htm">h</a></li>
<li><a href="http://desingservice.de.tl/i.htm">i</a></li>
<li><a href="http://desingservice.de.tl/j.htm">j</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">RED</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href="http://desingservice.de.tl/aa.htm">aa</a></li>
<li><a href="http://desingservice.de.tl/bb.htm">bb</a></li>
<li><a href="http://desingservice.de.tl/cc.htm">cc</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">CSS</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="http://desingservice.de.tl/aaa.htm">aaa</a></li>
<li><a href="http://desingservice.de.tl/bbb.htm">bbb</a></li>
<li><a href="http://desingservice.de.tl/ccc.htm">ccc</a></li>

</ul>
</li>
</div>


Hab ich auf die schnelle gemacht kann ich den jetzt irgendwie Vertikal kriegen an die Seite machen?
______________
Wir erstellen coole Schriften wie hier:







Euer, Desingservice.
http://desingservice.de.tl/

Hier bestellen:
http://www.homepage-baukasten.de/forum/viewtopic.php?t=124183&highlight=

Alle Beispiele hier:
http://desingservice.de.tl/Schriftenservice.htm
Beiträge der letzten Zeit anzeigen:   


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