Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag03.06.2010 um 05:21 (UTC)    
Titel: Coolmenü ins Design

Also ich hab da mal ne Frage

Und zwar geht es darum das ich mir das Menü nun zurecht gelegt habe möchte es abern un im Design haben wo damals halt die Standard Buttons waren kann mir da einer vielleicht sagen was ich da machen muss?
Weil wenn ich das Menü so dorthin Platziere dann verrutscht es natürlich immer wieder auf den Verschiedenen Seiten!

Hab hier mal nen Screen gemacht um es Bildlich nochmal darzustellen was ich meine........ http://1click-image.de/user/image/197061510.bmp
______________

Beitrag03.06.2010 um 20:01 (UTC)    
Titel:

Kann echt keiner Helfen dabei ?
Weil das Problem besteht noch immer hab mich nun schon durch etliche Seiten geforstet aber find einfach nix Sad

Oder bin ich zu Blind und des Thema gibs schon hier?
______________



Zuletzt bearbeitet von imperiales-weltherrschaftsforum am 03.06.2010, 21:01, insgesamt einmal bearbeitet
Beitrag03.06.2010 um 20:05 (UTC)    
Titel:

hab zwar keine ahnung, aber ich denke es liegt daran

Code:
div.menu
{
position: absolute;
z-index: 3;
top: 0px;
left: -7%;
margin-left: 400px;
width:905px;
}


der topwert muss geändert werden. dein menü fängt oben an.
ich hoffe das ist richtig. falls nicht, dann beachte das nicht Wink

gruss gringo

tip: einfacher wäre es für die profis, wenn du den code posten würdest.
______________
Mein Youtube Kanal | Standard-Designs als Red Design ohne rechte Boxen | Tips zum Design Professionell



Zuletzt bearbeitet von 6p-iceblue am 03.06.2010, 21:45, insgesamt 2-mal bearbeitet
Beitrag03.06.2010 um 21:03 (UTC)    
Titel:

Dank dir werd ich mal ausprobieren :

hier mal der Code über den Design :

Code:
<style type="text/css" media="screen">
<!--
body
{
font-family: Verdana, sans-serif;
font-size: 14px;
overflow: auto;
padding: 10px;
margin: 0px;
}

ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}

li a
{
padding-right: 20px;padding-top: 5px;
}

div.menu
{
position: absolute;
z-index: 3;
top: 0px;
left: -7%;
margin-left: 400px;
width:905px;
}

.menu li
{
width: 160px;
float: left;
}

.menu a
{
border: 0px solid #000000;
background-color: #xxxxxx;
background-image: url(http://img.webme.com/pic/i/imperiales-weltherrschaftsforum/button0071.gif);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 23px;
color: #00CCFF;
}

.menu a:hover
{
background-color: #xxxxxx;
background-image: url(http://img.webme.com/pic/g/grafik-werkstatt/animated.gif);
}

#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>

<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>
<div class="menu">
<li><a href="http://imperiales-weltherrschaftsforum.de.tl/Imperial.htm"> Startseite</a> </li>
<li><a onmouseout="cache('smenu2');" onmouseover="montre('smenu2');" href="javascript:void(0);"> Hauptmenü</a>
<ul onmouseout="cache('smenu2');" onmouseover="montre('smenu2');" id="smenu2">
<li><a href="http://imperiales-weltherrschaftsforum.de.tl/News-.htm">News</a></li>
<li><a href="http://imperiales-weltherrschaftsforum.de.tl/LogIn.htm">LogIn</a></li>
<li><a href="http://www.timeofdarkness.de"target="_blank">Zum Game</a></li>
<li><a href="http://imperiales-weltherrschaftsforum.de.tl/G.ae.stebuch.htm">Gästebuch</a></li>
<li><a href="http://imperiales-weltherrschaftsforum.de.tl/Fragen-f-.htm">Bei Fragen</a></li>
<li><a href="http://imperiales-weltherrschaftsforum.de.tl/Galerie.htm">Galerie</a></li>
<li><a href="http://imperiales-weltherrschaftsforum.de.tl/-Ue-ber-uns-.htm">Über uns</a></li>
</ul>
</li>
<li><a onmouseout="cache('smenu3');" onmouseover="montre('smenu3');" href="javascript:void(0);">Community</a>
<ul onmouseout="cache('smenu3');" onmouseover="montre('smenu3');" id="smenu3">
<li><a href="http://imperiales-weltherrschaftsforum.de.tl/Forum.htm">Forum</a></li>
<li><a href="http://www.imperial.plusboard.de"target="_blank">Ext. Forum</a></li>
<li><a href="http://kostenlose-toplisten.de/listen/tl/1250/index.html"target="_blank">Zur Topliste</a></li>
<li><a href="http://imperiales-weltherrschaftsforum.de.tl/Superlinks.htm">Superlinks</a></li>
<li><a href="http://imperiales-weltherrschaftsforum.de.tl/Streamboxen.htm">Streamboxen</a></li>
<li><a href="http://imperiales-weltherrschaftsforum.de.tl/IrCQ_Chat.htm">IrCQ</a></li>
<li><a href="http://www.ceza.freeshoutbox.net"target="_blank">Zur Shoutbox</a></li>
<li> </li>
<li><a href="http://imperiales-weltherrschaftsforum.de.tl/Partnerseiten.htm">Partnerseiten</a></li>
</ul>
</li>
<li><a href="http://imperiales-weltherrschaftsforum.de.tl/Impressum.htm">Impressum</a></li>
</ul>
</li>
</div>


<script language="JavaScript" src="http://js.stats.de/j/0000105002"></script>
<script language="JavaScript">
rapidstats(105002);
</script>
<noscript>
<a href="http://www.stats.de" target="_blank">
<img src="http://srv1.stats.de/l/0000105002?js=0" border="0" alt="">
</a>
</noscript>



Code unter dem Design:


Code:
</td>
</tr>
</table>
</div>


Und CSS Code ohne Tags:
Code:

-->
</style>
<div align="center">
<style type="text/css">
<!--

/* Nullformatierung für alle Browser */
* {margin:0px; padding:0px;}
h2, p, ul, ol { margin-bottom: 1em; }
ul ul { margin-bottom: 0; }
html { height: 101%; } /* erzwingt Scrollbar im Firefox */

/* Hintergrund hinter Design */
body {
background-color: #6f8ac4;
background-image: url(http://1click-image.de/user/image/147351739.jpg);background-attachment: fixed;}
margin: auto
background-repeat: repeat; }
td.edit_below_nav{visibility: hidden;width: 0px;}
td.edit_navi_headbg{background-image: url(url);}
td.edit_rechts_cbg{background-image: url(URL);}
td.edit_rechts_bottom{background-image: url(url);}
td.edit_rechts_sbg{visibility: hidden; width: 0px ;}

/* Hintergrund-Container */
#container {
width: 1030px;
margin: auto;
background-color:#20AEF5;
background-image: url();
border: 2px solid #0C2F5C;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
overflow: hidden; }

/* Dein Header-Banner oben */
#header_container {
margin-top: 25px;
width: 1000px;
height: 137px;
background-image: url(http://img.webme.com/pic/i/imperiales-weltherrschaftsforum/headerbanner.jpg);
border: 1px solid #898989;
-moz-border-radius-topleft: 7px;
-moz-border-radius-topright: 7px;
-moz-border-radius-bottomleft: 7px;
-moz-border-radius-bottomright: 7px; }

/* Feld der Navigation */
#nav_container {
width: 980px;
margin-top: 10px;
margin-bottom: 10px;
text-align: center;
border: 0px solid #c9c9c9; }

/* Feld Navi-Buttons */
li.nav_element {
display: inline-block;
list-style-type: none;
text-align: center;
margin-right: 10px;
margin-left: 10px;
width: 85px !important;
padding: 5px;
background-color: #000000;
background-image: url(http://img.webme.com/pic/g/grafik-werkstatt/blacky.jpg);
border: 1px solid #999999;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px; }

/* Linkfarbe und Linkgröße im Navi-Button */
li.nav_element a {
font-size:12px;
color: #FFFFFF;
font-family: arial; }

/* Hover-Effekt bei Mauskontakt */
li.nav_element:hover {
background-color:#800000;
background-image:url(); }

/* gerade besuchte Seite */
li.checked_menu {
background-color:;
background-image: url(http://img.webme.com/pic/g/grafik-werkstatt/animated.gif);
border: 1px solid     #660066; }

/* Textfeld / Seiteninhalt */
#content {
margin-top: 15px;
margin-bottom: 20px;
width: 900px;
padding: 50px;
color: #000000;
font-size: 14px;
font-family: arial;
text-align: left;
background-color: #29B8FF;
border: 1px solid #c9c9c9;
-moz-border-radius-topleft:7px;
-moz-border-radius-topright:7px;
-moz-border-radius-bottomleft:7px;
-moz-border-radius-bottomright:7px; }

/* Linkfarbe und Größe im Textfeld */
#content a {
font-size: 14px;
color: #000080;
font-family: arial; }

/* Balken unter dem Design */
#unten {
width:960px;
color: #xxxxxx;
font-family: arial;
padding: 10px;
margin-top: 10px;
margin-bottom: 50px;
background-color: #222222;
border: 2px solid #c9c9c9;
-moz-border-radius-topleft: 7px;
moz-border-radius-topright: 7px;
-moz-border-radius-bottomleft: 7px;
-moz-border-radius-bottomright: 7px; }

#scrollen{
overflow: auto;
height: 95%;
width: 95%;
padding:5px;
border:1px solid #C9C9C9;}



/*unnötige Elemente entfernt */
#sidebar_container {display:none; }
#sidebar_heading {display: none;}
#nav_heading {display:none;}
h1#header {display:none;}
h2#title {display:none;}
#pre_content {display: none;}
#pre_header {display:none;}
#div.header{display: none;}
#post_header {display:none;}
#post_content {display:none;}
#below_content{display: none;}
#extraDiv2, #extraDiv3, #extraDiv4, #extraDiv5,
#extraDiv6 {display:none;}
#nav_container {display:none;}
#counter {display:none;}
[/code]
______________



Zuletzt bearbeitet von imperiales-weltherrschaftsforum am 03.06.2010, 22:04, insgesamt einmal bearbeitet
Beitrag03.06.2010 um 21:10 (UTC)    
Titel:

Grigno hat schon recht - aber es stimmt auch was anderes nicht. Bei verschiedenen
Auflösungen verschiebt sich das Coolmenü. Richtig wäre der Code so:

Zitat:
div.menu
{
position: absolute;
z-index: 3;
top: 0px;
left: 50%;
margin-left: -100px;
width: 905px;
}


Beim roten bestimmst du den Abstand von oben - also einfach den Wert vergrößern,
bis er nun beim Menüplatz ist, den du makiert hast. Wink

Beim grünen verschiebste das an die richtige Position von links. Vorher
war das je nach Auflösung verschoben - wenn du nun beim grünen den richtigen
Wert hast, dann verschiebst sich das auch nicht mehr.
______________
Spendet jetzt für den User -Name entfernt - , damit er sich ein Duden kaufen kann, da seine Schreibkünste die einens 11-jährigen sehr stark ähneln. Smile
Beitrag03.06.2010 um 21:28 (UTC)    
Titel:

Ich Bedanke mich bei euch beiden für die schnelle Hilfe hat alles geklappt Smile
______________

Beiträge der letzten Zeit anzeigen:   


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