Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag03.10.2009 um 20:23 (UTC)    
Titel: Navigation verschieben

Und noch ne Frage von mir!
Wie macht man, dass die Navigation nicht Links, sondern oben ist.
Hier ein Beispiel: www.gamersframes.de.tl
Beitrag03.10.2009 um 20:24 (UTC)    
Titel:

Diese seite gibt es nicht und ich glaube du meinst einen coolmenu benutze die sufu findest glaub ich auch ein tut darüber


Zuletzt bearbeitet von galatasarayfansitesi36 am 03.10.2009, 21:25, insgesamt einmal bearbeitet
Beitrag03.10.2009 um 21:10 (UTC)    
Titel:

das kannst du mit eigentlich jedem design machen. Entweder als Coolmenü oder du erstellst ein CSS-Design!
siehe:
http://www.homepage-baukasten.de/forum/viewtopic.php?t=101593
Beitrag04.10.2009 um 10:27 (UTC)    
Titel:

Oh, die Seite gibt es nich? Ah, du musst www.gamersframe.de eingeben und daraus wird irgendwie automatisch www.gamersframe.de.tl gemacht! Confused
Naja, ich hab den Code auf meine Seite eingefügt. Und da traten plötzlich ganz komische Fehler auf, die Buttons, die ich ausgesucht hatte standen da überall!
Das hab ich natürlich ganz schnell rückgängig gemacht!
Hier der Code, so, wie ich ihn eingegeben hatte:
Zitat:
<style type="text/css">
<!--

/* Hintergrund hinter Design */
body {
background-color:#343434;
background-image:url(http://img.webme.com/pic/i/iceblue-test/hintergrundbild.gif);
background-repeat: repeat;
text-align:center; }

/* Schriftfarbe + Größe auf allen Seiten */
td {
color:black;
font-size:15px;
text-align:left;
font-family: arial,verdana; }

/* Linkfarben + Größen auf Seiten */
a:link {
color:blue;
font-size:15px;
font-family:arial,verdana;
text-decoration:none; }

/* besuchte Links */
a:visited {
color:red;
font-size:15px;
font-family:arial,verdana;
text-decoration:none;}


/* Header oben */
td.edit_header_full {
background-color:#FFFFFF;
background-image:url(http://img.webme.com/pic/h/homepage-vergleich/mirrorclanheader1.png);
background-repeat:no-repeat;
border:1px solid #000000; }

/* Titel im Header entfernen */
td.headline {visibility:hidden;}

/* Titel über Navigation */
td.nav_heading {
color:#FFFFFF;
font-size:14px;
font-family:arial,verdana;
text-align:center;
height:29px;
background-color:#000000;
background-image:url(http://img.webme.com/pic/i/iceblue-test/balken_schwarz.jpg);
border:1px solid #000000; }

/* Navigation Buttons */
td.nav {
background-color:black;
background-image: url(http://img.webme.com/pic/f/free-picture/idukiceblue185x33_21.png);
border:1px solid #000000;}

/*angezeigtes Bild beim Drüberfahren mit der Maus*/
td.nav:hover{background-image: url(http://img.webme.com/pic/f/free-picture/idukiceblue185x33_24.png);}


/* Textlinks in Navigation */
td.nav a {
color:white;
font-size:15px;
font-family:arial,verdana;
text-decoration:none;
text-align:left; }

/* Hover-Effekt Textlinks */
td.nav a:hover{
color:#FFFFFF;
font-size:14px;
font-family:arial,verdana;
text-decoration:none;
text-align:left; }

/* Bild unter Navigation entfernt */
td.edit_below_nav {display:none;}

/* Feld hinter Navigation / Kein Scrollbalken mehr bei Seiten mit wenig Inhalt */
td.edit_main_tr {
height: 50% !important; }

/* Hintergrund Navigation */
td.edit_navi_headbg {
height: 50%;
background-color:#XXXXXX ;
background-image:url();
border:0px solid #000000; }

/* Balken über Textfeld */
td.edit_content_top {
height:29px;
background-color:#000000;
background-image:url(http://img.webme.com/pic/i/iceblue-test/balken_schwarz.jpg);
border:1px solid #000000; }

/* Seitentitel über Textfeld */
td.headline2 {
color:#FFFFFF;
font-size:12px;
font-family:arial,verdana;
text-align:left; }

/* Textfeld */
td.edit_content {
padding-top:15px;
padding-bottom:15px;
background-color:#FFFFFF;
background-image: url();
border:1px solid #000000; }

/* Linke Spalte im Textfeld */
td.edit_content_left_spacer {
background-color:#F2F2F2;
background-image:url(); }

/* Rechte Spalte im Textfeld */
td.edit_content_right_spacer {
background-color:#F2F2F2;
background-image:url(); }

/* Erste Balken unter Textfeld */
td.edit_content_bottom {
height:29px;
background-color:#000000;
background-image: url(http://img.webme.com/pic/i/iceblue-test/balken_schwarz.jpg);
border:1px solid #000000; }

/* Zweiter Balken unter Textfeld (mit Counter) */
td.edit_content_bottom2 {
background-color:#XXXXXX ;
background-image: url();
border:0px solid #000000; }

/* Counter / Besucherzähler */
td.edit_content_bottom2_counter {
font-family:arial,verdana;
font-size:11px;
background-color:#gray;
border:1px solid #000000; }

/* große Feld unter Textfeld */
td.edit_rechts_cbg {
background-color:#XXXXXX;
background-image: url();
border:0px solid #000000; }

/* Streifen rechts vom Design entfernt mit */
td.edit_rechts_sbg {display:none;}

/* Titel über rechter Box */
td.sidebar_heading {
color:#FFFFFF;
font-size:14px;
font-family:arial,verdana ;
text-align:center;
height:29px;
background-color:#000000;
background-image: url(http://img.webme.com/pic/i/iceblue-test/balken_schwarz.jpg);
border:1px solid #000000; }

/* rechte Boxen 1 bis 5 */
td.shouty, .shouty2, .shouty3, .shouty4, .shouty5 {
color:#000080;
font-size:14px;
font-family.arial,verdana;
text-align:left;
background-color:#F2F2F2;
background-image: url();
border:1px solid #000000; }

/* Abschluß unter Boxen 1 bis 5 entfernt mit */
td.edit_rb_footer{display:none; }

/* Hintergrund unter rechten Boxen */
td.edit_rechts_bottom {
background-color:#XXXXXX ;
background-image: url();
border:0px solid #000000; }
}


/*Menü in der Kopfzeile*/

/* Allgemeine Einstellungen (Schriftart, Schriftgröße...) */
body {
font-family:Arial, sans-serif;
font-size: 14px;
overflow: auto;
padding: 10px;
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 #808080;
background-color: “#808080“;
background-image: url(http://img.webme.com/pic/f/free-picture/idukiceblue185x33_21.png);
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: brown;
background-image: url(http://img.webme.com/pic/f/free-picture/idukiceblue185x33_24.png);
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');">Home</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="http://mirrorclan.de.tl/Home.htm">Home</a></li>
<li><a href="http://mirrorclan.de.tl/About-me.htm">About me</a></li>
<li><a href="http://mirrorclan.de.tl/Counter.htm">Counter</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">Gaming </a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href="http://mirrorclan.de.tl/Diablo-3.htm">Diablo 3</a></li>
<li><a href="http://mirrorclan.de.tl/Risen.htm">Risen </a></li>
<li><a href="http://mirrorclan.de.tl/Cheats-%5Bim-Aufbau%5D.htm">Cheats</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Community</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="http://mirrorclan.foren-city.de">Forum</a></li>
<li><a href="http://mirrorclan.de.tl/Chat.htm">Chat</a></li>
<li><a href=“ http://mirrorclan.de.tl/Umfragen.htm
">Umfragen</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">Unterhaltung </a>
<ul id="smenu4" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
<li><a href="http://mirrorclan.de.tl/Games.htm">Games</a></li>
<li><a href="http://mirrorclan.de.tl/Linkliste.htm">Linkliste </a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">Sonstiges </a>
<ul id="smenu4" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
<li><a href="http://mirrorclan.de.tl/News.htm">News </a></li>
</ul>
</li>
<style type="text/css">
<!--


Ich hab in dem Code bestimmt etliche Fehler! Sad


Zuletzt bearbeitet von mirrorclan am 04.10.2009, 11:32, insgesamt 2-mal bearbeitet
Beitrag05.10.2009 um 16:12 (UTC)    
Titel:

Kann mir denn niemand helfen? Crying or Very sad
______________
Wenn du denkst, dieses Universum sei schlecht, dann solltest du erstmal eines der anderen sehen!
Beitrag06.10.2009 um 18:33 (UTC)    
Titel:

Naja,
da mir niemand helfen konnte musst ichs eben noch mal alleine versuchen!
Ich weiß jetzt zwar nich wie, aber irgendwie hab ichs hingekrigt! Mr. Green
______________
Wenn du denkst, dieses Universum sei schlecht, dann solltest du erstmal eines der anderen sehen!
Beiträge der letzten Zeit anzeigen:   


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