Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag04.10.2010 um 15:50 (UTC)    
Titel: Css Desgin Erstellen Hilfe

ich wil mein opening-flyff.de.tl neuen desgin machen und menü sollte oben sein
könnt ihr mir sagen wie ich das machen sol ?
ich danki mich voraus
Beitrag12.10.2010 um 08:14 (UTC)    
Titel:

Fuer ein Coolmenu wie ich es hab ist das der richtige code, jedoch funktioniert er nur bei IE.

<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-left: 1px;
padding-right: 1px;
padding-top: 5px; }


/* Coolmenü positionieren, Werte bei "top" , "left" und "width" anpassen */
div.menu {
position: absolute;
z-index: 3;
top: 338px;
left: 50%;
margin-left: -109px;
width:320px; }

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

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

/* Aussehen der Menüpunkte beim Hover Effekt */
.menu a:hover {
background-color: #CCCCCC;
background-image: url(http://img.webme.com/pic/f/fchuchting-zweite/navibanner1.gif);
color: #000000; }

#smenu1, #smenu2, #smenu3, {
font-size: 14px;
display: none;
width: 50px;
float: left; }

#smenu1 a, #smenu2 a, #smenu3 a ,#smenu4 a, smenu5 a {
font-weight: bold;
padding-top: 5px;
border-top: 1px;
cursor: pointer;
color: #a9a9a9; }
//-->
</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');">Das Team</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="http://fchuchting-zweite.de.tl/Trainerstab.htm">Trainerstab</a></li>
<li><a href="http://fchuchting-zweite.de.tl/Kader.htm">Kader</a></li>
<li><a href="http://fchuchting-zweite.de.tl/Aufstellung-.htm">Aufstellung</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">Saison 2010/2011</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href="http://fchuchting-zweite.de.tl/Spielplan.htm">Spielplan</a></li>
<li><a
target="http://ergebnisdienst.fussball.de/tabelle/kreisliga-b/kreis-bremen-stadt/2-kreisligen-b-/herren/spieljahr1011/bremen/M02S1011W020019Atabelle" href="http://ergebnisdienst.fussball.de/tabelle/kreisliga-b/kreis-bremen-stadt/2-kreisligen-b-/herren/spieljahr1011/bremen/M02S1011W020019Atabelle"
>Tabelle</a></li>
<li><a
target="http://ergebnisdienst.fussball.de/begegnungen/kreisliga-b/kreis-bremen-stadt/2-kreisligen-b-/herren/spieljahr1011/bremen/M02S1011W020019" href="http://ergebnisdienst.fussball.de/begegnungen/kreisliga-b/kreis-bremen-stadt/2-kreisligen-b-/herren/spieljahr1011/bremen/M02S1011W020019"
>Begegnung</a></li>

<li><a href="http://fchuchting-zweite.de.tl/Statistik.htm">Statistik</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">News</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="http://fchuchting-zweite.de.tl/FCH.htm">FC Huchting</a></li>
<li><a href="http://fchuchting-zweite.de.tl/Sport.htm">Sport</a></li>
<li><a href="http://fchuchting-zweite.de.tl/Sonstiges.htm">Sonstiges</a></li>

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


musst halt alles deiner homwepage anpassen und die verlinkungen wegmachen (href)
und deine Bild url einfuegen
was fett makiert ist musst du fuer deine homepage anpassen, probier einfach aus, pass auf das du die werbung oben jedoch nicht zu deckst

viele Gruesse
Sergei

www.fchuchting-zweite.de.tl
wuerde mich freuen ueber einen GB EINTRAG und vote 4 me fuer OKTOBER wenn dir meine Site gefaellt
Beiträge der letzten Zeit anzeigen:   


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