Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag20.04.2010 um 18:39 (UTC)    
Titel: verschiedene buttons

Hi,

ich möchte in mein coolmenu nicht nur eine art von buttons haben sondern für jeden Punkt ein anderen button.

wenn irgendjemand weiß wie das geht, bitte hier schrieben.

p.s.: hier mein coolmenu code:
Code:
<style type="text/css" media="screen">
<!--
/* Allgemeine Einstellungen (Schriftart, Schriftgröße...) */
body {
font-family: Verdana, sans-serif;
font-size: 14px;
overflow: auto;
padding: 22px;
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: 12px; }

/* Coolmenü positionieren, Werte bei "top" , "left" und "width" anpassen */
div.menu {
position: absolute;
z-index: 3;
top: 155px;
left: 65px;
width:921px; }

/* Breite der Menüpunkte einstellen */
.menu li {
width: 178px;
float: left; }

/* Aussehen der Menüpunkte einstellen */
.menu a {
border: 0px solid #000000;
background-image: url();
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 40px;
color: #000000; }

/* Aussehen der Menüpunkte beim Hover Effekt */
.menu a:hover {
background-image: url(http://img.webme.com/pic/x/xdesigns/hoovbutt.png);
color: #9b9b9b; }

#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">
<!--
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'block';
else if (all)
all[id].style.display = 'block';
else
layers[id].display = 'block';
}
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="http://xdesigns.de.tl/Home.htm">Home</a>
</ul>
</li>
<li><a href="http://xdesigns.de.tl/service/index.htm">Service</a>
</ul>
</li>
<li><a href="http://xdesigns.de.tl/G.ae.stebuch.htm">Gästebuch</a>
</ul>
</li>
<li><a href="http://xdesigns.de.tl/About.htm">About</a>
</ul>
</li>
<li><a href="http://xdesigns.de.tl/Umfragen.htm">Umfragen</a>
</ul>
</li>
</div>



MfG complexxity
Beitrag25.12.2010 um 13:39 (UTC)    
Titel:

Falls du es noch nihct raus hast, oder ein anderer dasselbe problem:

du kannst für jeden Punkt einen eigenen button einfügen, indem du folgenden Code benutzt:

Code:
<li><a href="LINK ZU DER SEITE" target="_self"><img src="LINK ZUM BUTTON/BILD" alt=""></a></a>
<ul id="smenu5" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">
</ul>
</li>
<li><a href="LINK ZU DER SEITE" target="_self"><img src="LINK ZUM BUTTON/BILD" alt=""></a></a>
<ul id="smenu5" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">
</ul>
</li>
<li><a href="LINK ZU DER SEITE" target="_self"><img src="LINK ZUM BUTTON/BILD" alt=""></a></a>
<ul id="smenu5" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">
</ul>
</li>


setzte den einfach nach
Code:
<div class="menu">
und vor
Code:
</div>
ein.. bei LINK ZU DER SEITE gibst du den link zu der jeweiligen seite ein und bei LINK ZUM BUTTON den Link zu dem Bild, der dein Button sein soll...
hoffe es funktioniert (bei mir ging es..) Smile
LG
______________
some people believe in god, i believe in music.
some people pray, i turn up the radio.


Zuletzt bearbeitet von benkowalewicz-tribute am 25.12.2010, 14:41, insgesamt einmal bearbeitet
Beiträge der letzten Zeit anzeigen:   


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