Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag20.04.2010 um 17:43 (UTC)    
Titel: Coolmenü

Hallo
Ich möchte gerne ein coolmenü haben
Wie geht das ?
Beitrag20.04.2010 um 17:50 (UTC)    
Titel:

Beitrag20.04.2010 um 17:54 (UTC)    
Titel:

hab noch ei problem ?
ich hab jaetzt collmenü, was aber jetzt kommt
dieses coolmenü kommt jetzt auf mein header ???
Beitrag20.04.2010 um 17:56 (UTC)    
Titel:

pokemon4you hat Folgendes geschrieben:
hab noch ei problem ?
ich hab jaetzt collmenü, was aber jetzt kommt
dieses coolmenü kommt jetzt auf mein header ???
Lies dir bitte mal das Tutorial genau durch...

Es kommt auch ein Punkt vor, der lautet so:
/* Coolmenü positionieren, Werte bei "top" , "left" und "width" anpassen */

Ich glaube, dass sollte deine Frage beantworten Confused

mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator
Beitrag20.04.2010 um 18:00 (UTC)    
Titel:

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


top = abstand vom oberen Homepagerand
left = Abnstand vom linken Homepagerand

jetzt musst du nur noch die zahlen ändern -> aber nur die Zahlen ändern! Nicht "px" weglöschen :O

^_^' hoffentlich hilft dir das ein bisschen
Beitrag20.04.2010 um 18:03 (UTC)    
Titel:

iist ihr vllt. was ich auf was einstellen muss damit ich das unter mein header habe ?
Beitrag20.04.2010 um 18:04 (UTC)    
Titel:

ich weiß ja nicht was du für einen Code für das Design genommen hast und welche Maße o.o
Beitrag20.04.2010 um 18:06 (UTC)    
Titel:

ich mein ja welche maße und so und den code hat mir einer gemacht weil ich nicht wusste wie ich das mache
Beitrag20.04.2010 um 18:08 (UTC)    
Titel:

ich brauch die maße und position deines headers sonst kann ich dir leider nicht helfen Sad probier doch einfach mal aus die Zahlen zu verändern o.o
Beitrag20.04.2010 um 18:13 (UTC)    
Titel:

ich kann dir nur das sagen

921x104 Pixel


/* Header oben */
td.edit_header_full {
background-color:#FFFFFF;
background-image:url(http://img693.imageshack.us/img693/1599/headerpoke.png);
background-repeat:no-repeat;
border:1px solid #000000; }

/* Titel im Header entfernen */
td.headline {visibility:hidden;}
Code:
Beitrag20.04.2010 um 18:17 (UTC)    
Titel:

hmm damit kann ich nicht viel anfangen ?_?
jetzt bin ich auch mit meinem Latein am Ende o.o ...
vlt solltest du denjenigen fragen der die das Design gemacht hat? o.o
Beitrag20.04.2010 um 18:20 (UTC)    
Titel:

mom ich gib dir mal mein code

Code:

Design by:<a href="http://www.pokemonexperte.tk"><span style="color: rgb(255, 0, 0); "> Pokemonexperte.tk</span></a>

<style type="text/css">
<!--
Design by:<a href="http://www.pokemonexperte.tk"><span style="color: rgb(255, 0, 0); "> Pokemonexperte.tk</span></a>

/* Hintergrund hinter Design */
body {
background-color:#343434;
background-image:url(http://serebii.net/heartgoldsoulsilver/johto.jpg);
background-repeat: repeat;
text-align:center; }

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

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

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

/*Hover-Effekt bei Links*/
a:hover{
color:#000080;
font-size:14px;
font-family:arial,verdana;
text-decoration:none;}

/* Header oben */
td.edit_header_full {
background-color:#FFFFFF;
background-image:url(http://img693.imageshack.us/img693/1599/headerpoke.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/f/fussballgrenzenlos/navigationsbutton.jpg);
border:1px solid #000000; }

/* Navigation Buttons */
td.nav {
background-color:#E2E2E2;
background-image: url(http://i49.tinypic.com/zvqu4m.png);
border:1px solid #000000; }

d#http://pokemon4you.de.tl/HG-und-SS-Komplettl.oe.sung.htm{height: 10px; visibility:hidden;}
td#http://pokemon4you.de.tl/HG-und-SS-Komplettl.oe.sung.htm{height: 10px; visibility:hidden;}

/* Hover-Effekt Navigation Buttons */
td.nav:hover {
background-color:#800000;
background-image:url(http://i50.tinypic.com/2f0g6sz.jpg);
border:1px solid #000000; }

/* Textlinks in Navigation */
td.nav a {
color:#000000;
font-size:14px;
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/f/fussballgrenzenlos/navigationsbutton.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:#6D6868;
background-image: url();
border:1px solid #000000; }

/* Linke Spalte im Textfeld */
td.edit_content_left_spacer {
background-color:#F2F2F2;
background-image:url(http://www.pur3d.de/images/upload/gras18.jpg); }

/* Rechte Spalte im Textfeld */
td.edit_content_right_spacer {
background-color:#F2F2F2;
background-image:url(http://www.pur3d.de/images/upload/gras18.jpg); }

/* Erste Balken unter Textfeld */
td.edit_content_bottom {
height:29px;
background-color:#000000;
background-image: url(http://img.webme.com/pic/f/fussballgrenzenlos/navigationsbutton.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:12px;
background-color:#c9c9c9;
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/f/fussballgrenzenlos/navigationsbutton.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:#ffffff;
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; }

td#nav_PokemonHGundSS{background-image:none;background-color: transparent;border: 0px;}
td#nav_Sonstiges{background-image:none;background-color: transparent;border: 0px;}
td#nav_leer2{visibility:hidden;height:2px;}
td#nav_leer3{visibility:hidden;height:2px;}
td#nav_leer4{visibility:hidden;height:2px;}
td#nav_leer5{visibility:hidden;height:2px;}
td#nav_leer6{visibility:hidden;height:2px;}
td#nav_leer7{visibility:hidden;height:2px;}
td#nav_leer8{visibility:hidden;height:2px;}
td#nav_leer9{visibility:hidden;height:2px;}
td#nav_leer10{visibility:hidden;height:2px;}
td#nav_leer11{visibility:hidden;height:2px;}
td#nav_leer12{visibility:hidden;height:2px;}
td#nav_leer13{visibility:hidden;height:2px;}
td#nav_leer14{visibility:hidden;height:2px;}
td#nav_leer15{visibility:hidden;height:2px;}
td#nav_leer16{visibility:hidden;height:2px;}
td#nav_leer17{visibility:hidden;height:2px;}
td#nav_leer18{visibility:hidden;height:2px;}
td#nav_leer19{visibility:hidden;height:2px;}
td#nav_leer20{visibility:hidden;height:2px;}
-->
</style>

<style type="text/css">
<!--
table.edit_main_table{width: 100% !important;}
//-->
</style><table align="center" cellspacing="0" cellpadding="0" border="0" width="60%"><tr><td><div align="center">

<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-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 #000000;
background-color: #000000;
background-image: url(URL);
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: #00CCFF;
background-image: url(URL);
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');">News</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="Unterlink 1.1">Untermenü 1.1</a></li>
<li><a href="Unterlink 1.2">Untermenü 1.2</a></li>
<li><a href="Unterlink 1.3">Untermenü 1.3</a></li>
<li><a href="Unterlink 1.4">Untermenü 1.4</a></li>
<li><a href="Unterlink 1.5">Untermenü 1.5</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">Spiele</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href="Unterlink 2.1">Pokemon HG/SS</a></li>
<li><a href="Unterlink 2.2">Untermenü 2.2</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Hauptmenü 3</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="Unterlink 3.1">Untermenü 3.1</a></li>
<li><a href="Unterlink 3.2">Untermenü 3.2</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">Hauptmenü 4</a>
<ul id="smenu4" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
<li><a href="Unterlink 4.1">Untermenü 4.1</a></li>
<li><a href="Unterlink 4.2">Untermenü 4.2</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">Hauptmenü 5</a>
<ul id="smenu5" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">
<li><a href="Unterlink 5.1">Untermenü 5.1</a></li>
<li><a href="Unterlink 5.2">Untermenü 5.2</a></li>
</ul>
</li>
</div>
Beitrag20.04.2010 um 18:27 (UTC)    
Titel:

?_? meiner ist ganz anders, ich kenne mich mit deinem Code leider nicht aus,
tut mir leid p.q
Wie gesagt frag am besten denjenigen, der dir den Code gemacht hat o.o
Beitrag20.04.2010 um 18:29 (UTC)    
Titel:

ok aber danke fr den versuch WinkSad
Beiträge der letzten Zeit anzeigen:   


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