Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag20.01.2010 um 19:24 (UTC)    
Titel: Horizontales Menü - kein Coolmenü

Hi,

ich suche den Code für ein Horizontales, kleines Menü, aber kein Coolmenü!!
Bsp.: poddi.de.tl
Wer kann mir so einen Code nennen??

!!! Ich brauche den Code für eion CSS design!!
______________





Zuletzt bearbeitet von kirmesportal am 20.01.2010, 20:37, insgesamt 2-mal bearbeitet
Beitrag20.01.2010 um 20:14 (UTC)    
Titel:

einfach keine unterpunkte ins coolmenü einbauen xD
______________
||__Pure-gfx__||
{"..Design your own world.."}
!!!! AUFTRÄGE/WÜNSCHE BITTE NICHT PER PM! Bitte Über das Kontaktformular!!!!
Support gebe ich per PM!



Beitrag20.01.2010 um 21:40 (UTC)    
Titel:

Hi,

du könntest auch folgenden Code nutzen.

Musst ihn noch entsprechend anpassen, aber das muss ich DIR nicht sagen, kennst dich ja aus.

Ausehen kann es so: www.lunas-kitten.de.tl

Zitat:
style type="text/css" media="screen">
<!--
/* Dieser Teil ist dafür, die Menüpunkte ohne Listenpunkt darzustellen */
ul.class, li.class
{
list-style-type: none;
padding: 0px;
margin: 0px;
}

li.class a
{
padding-right: 20px;padding-top: 2px;
}

div.menu1
{
position: absolute;
left: 50%;
margin-left: -200px;
z-index: 3;
top: 676px;
width: 800px;
}

.menu2 li
{
width: 115px;
float: left;
}

/* Hier bestimmt Ihr das Aussehen der Menülinks */
.menu1 a
{
background-color: transparent;
background-image:urlAdresse);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: default;
margin: 0px 2px;
display: block;
cursor: pointer;
height: 16px;
color: #FFE7BA;
}

.menu1 a:hover
{
background-color: #FFE7BA;
background-image:urlAdresse);
color: #261300;
height: 16px;
color: #FFE7BA;
}
//-->
</style>
<div class="menu1">
<li><a href="Linkadresse" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Buttontext 1</a>
</li>
<li><a href="Linkadresse" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">Buttontext 2</a>

*/ Beliebig fortsetzbar ....

</li> </div>



Gruß Marco
______________
Mit besten Grüßen Marco
www.harley-motorcycles.de



Zuletzt bearbeitet von harleyheaven am 20.01.2010, 22:42, insgesamt 2-mal bearbeitet
Beitrag21.01.2010 um 20:26 (UTC)    
Titel:

Ich meinte eigentlich so eine Leiste:



Kennt jmd den Code dafür??
______________



Beitrag23.01.2010 um 18:19 (UTC)    
Titel:

einfach eine Tabelle erstellen und verlinken:

Code:
<table  align="center"   id="menuhorizontal"  border="0" cellpadding="0" cellspacing="0"    >
<tr>
<td   ><a href="DEINE ADRESSE"  >Home</a></td>
<td  class="trenn">|</td>
<td ><a href="DEINE ADRESSE"  >Kontakt</a></td>
<td class="trenn">|</td>
<td ><a href="DEINE ADRESSE"  >Partner</a></td>
<td  class="trenn">|</td>
<td ><a href="DEINE ADRESSE"  >Gästebuch</a></td>
<td  class="trenn">|</td>
<td ><a href="DEINE ADRESSE"  >Über uns</a></td>
<td  class="trenn">|</td>
<td ><a href="DEINE ADRESSE"  >Links</a></td>
</tr>
</table>

______________
 
Beitrag23.01.2010 um 18:29 (UTC)    
Titel:

Hmm, ddanke für die Antwort...
______________



Beitrag24.01.2010 um 11:37 (UTC)    
Titel: Horizontale Menüleiste mit CSS

Hallo,
mit CSS lässt sich so etwas natürlich aus realisieren.

Arrow Folgender Script muss in das Feld:CSS-Code ohne Style-Tags
Zitat:
#Navigation{
position: absolute;
left: 50%;
top: 260px;
margin-left: -490px;
width: 980px;
height: 40px;
padding: 3px;
background-image:url(http://Bildadresse);
background-color: #660000;
border:0px solid #FFFFFF;}


Rot makierte Stellen: Aussehen verändern
Blau makierte Stellen: Div Box positionieren.

Arrow Folgender Code muss in das Feld: Text über dem Design:
Zitat:
<div id="Navigation><a href="#">Link 1</a> | <a href="#">Link 2</a> | <a href="#">Link 3</a> | <a href="#">Link 4</a> | <a href="#">Link 5</a> | <a href="#">Link 6</a> |</div>


Liebe Grüße,
Mats
Beitrag24.01.2010 um 17:28 (UTC)    
Titel: Re: Horizontale Menüleiste mit CSS

matsk hat Folgendes geschrieben:
Hallo,
mit CSS lässt sich so etwas natürlich aus realisieren.

Arrow Folgender Script muss in das Feld:CSS-Code ohne Style-Tags
Zitat:
#Navigation{
position: absolute;
left: 50%;
top: 260px;
margin-left: -490px;
width: 980px;
height: 40px;
padding: 3px;
background-image:url(http://Bildadresse);
background-color: #660000;
border:0px solid #FFFFFF;}


Rot makierte Stellen: Aussehen verändern
Blau makierte Stellen: Div Box positionieren.

Arrow Folgender Code muss in das Feld: Text über dem Design:
Zitat:
<div id="Navigation><a href="#">Link 1</a> | <a href="#">Link 2</a> | <a href="#">Link 3</a> | <a href="#">Link 4</a> | <a href="#">Link 5</a> | <a href="#">Link 6</a> |</div>


Liebe Grüße,
Mats


Hi,

das genau das was ich haben wollte, danke.
Allerdings kann ich die Navigation nicht weiter nach oben verschieben, obwohl ich den top-Wert ändere...
Pls help...
______________



Beitrag24.01.2010 um 17:34 (UTC)    
Titel:

Du musst diesen Code genau an den Anfang vom Feld "Text über dem Design" einfügen:
Zitat:
<div id="Navigation"></div>


Zuletzt bearbeitet von tjpeiler-designs am 24.01.2010, 18:36, insgesamt einmal bearbeitet
Beitrag24.01.2010 um 17:43 (UTC)    
Titel:

tjpeiler-designs hat Folgendes geschrieben:
Du musst diesen Code genau an den Anfang vom Feld "Text über dem Design" einfügen:
Zitat:
<div id="Navigation"></div>


Hi,
dann ist die Nvaigation zwar weiter oben, aber ich kann sie trotzdem nicht weiter nach links oder weiter nach unten setzen...
______________



Beitrag24.01.2010 um 17:45 (UTC)    
Titel:

Wenn du sie richtig eingefügt hast, müsste das eigentlich gehen.
Das muss wirklich ganz oben im Feld Text über dem Design stehen...
Beitrag24.01.2010 um 17:48 (UTC)    
Titel:

Hi,

dann kann ich es immer noch nicht verrutschen...

Mein Code für Text über dem Design:

Code:


</td>    </tr>    </table>
<div id="Giga">
<div id="Header"><font color="#3AA9CA"></font>
</div>

<div id="links">

<div id="content_top"> [subpage] </div> <div id="container">
<div id="header_container">
<div id="pre_header"></div>
<div class="header"><h1 id="header"><span>www.kirmesportal.de.tl</span></h1></div>
<div id="post_header"></div>
</div>

______________



Beitrag24.01.2010 um 17:51 (UTC)    
Titel:

So musst du es einfügen:
Zitat:
<div id="Navigation">hier die Links</div>
</td> </tr> </table>
<div id="Giga">
<div id="Header"><font color="#3AA9CA"></font>
</div>

<div id="links">

<div id="content_top"> [subpage] </div> <div id="container">
<div id="header_container">
<div id="pre_header"></div>
<div class="header"><h1 id="header"><span>www.kirmesportal.de.tl</span></h1></div>
<div id="post_header"></div>
</div>
Beitrag24.01.2010 um 17:54 (UTC)    
Titel:

tjpeiler-designs hat Folgendes geschrieben:
So musst du es einfügen:
Zitat:
<div id="Navigation">hier die Links</div>
</td> </tr> </table>
<div id="Giga">
<div id="Header"><font color="#3AA9CA"></font>
</div>

<div id="links">

<div id="content_top"> [subpage] </div> <div id="container">
<div id="header_container">
<div id="pre_header"></div>
<div class="header"><h1 id="header"><span>www.kirmesportal.de.tl</span></h1></div>
<div id="post_header"></div>
</div>


Ohhh ich bin so blöd...
Kein Wunder das es nicht geht...

Und zwar habe ich das " nach Navigation vergessen...
______________



Beitrag24.01.2010 um 17:56 (UTC)    
Titel: Re: Horizontale Menüleiste mit CSS

matsk hat Folgendes geschrieben:
Hallo,
mit CSS lässt sich so etwas natürlich aus realisieren.

Arrow Folgender Script muss in das Feld:CSS-Code ohne Style-Tags
Zitat:
#Navigation{
position: absolute;
left: 50%;
top: 260px;
margin-left: -490px;
width: 980px;
height: 40px;
padding: 3px;
background-image:url(http://Bildadresse);
background-color: #660000;
border:0px solid #FFFFFF;}


Rot makierte Stellen: Aussehen verändern
Blau makierte Stellen: Div Box positionieren.

Arrow Folgender Code muss in das Feld: Text über dem Design:
Zitat:
<div id="Navigation><a href="#">Link 1</a> | <a href="#">Link 2</a> | <a href="#">Link 3</a> | <a href="#">Link 4</a> | <a href="#">Link 5</a> | <a href="#">Link 6</a> |</div>


Liebe Grüße,
Mats


Das liegt daran, das der Code von Mats falsch gepostet worden ist.
Beiträge der letzten Zeit anzeigen:   


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