Suche im Forum:
Suchen


Autor Nachricht
Beitrag14.08.2008 um 18:27 (UTC)    
Titel: Eigene Buttons oben

Hallo!
Ich möchte statt der Links oben Buttons einfügen!
Wie verändere ich es in meinem Code?
Ist das machbar?
Vielen Dank!
Beitrag15.08.2008 um 12:19 (UTC)    
Titel:

Irgendwo in deinem Code hast du diesen Code:
Zitat:
.menu a
{border: 1px solid #000000;
background-image:url(Bild URL);
background-color:#000000;
padding-top: 9px;
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px 10px;
display: block;
height: 25px;
color: #FFFFFF;}


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

Iceblue Generator | Red Generator | Butterfly Generator


Zuletzt bearbeitet von der-bielefeld-club am 15.08.2008, 13:19, insgesamt einmal bearbeitet
Beitrag15.08.2008 um 17:57 (UTC)    
Titel:

HI!
Mein Code sieht folgendermassen aus!
Ich hatte ihn abgeändert da ich die buttons raus nahm .
Ich habe echt null ahnung wo ich da was einfügen soll! Embarassed
LG

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

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

div.menu
{
position: absolute;
z-index: 3;
top: 170px;
left: 23%;
margin-left:0px;
width: 600px;
}

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

.menu a
{
border: 1px solid #000000;
background-color:#000000;
padding-top: 9px;
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px 10px;
display: block;
height: 25px;
color: #FFFFFF;
}

.menu a:hover
{
background-color: #000000;
}

#smenu1, #smenu2, #smenu3----- drei Buttons!
{
font-size: 10px;
display: none;
width: 120px;
float: left;
}

#smenu1 a, #smenu2 a, #smenu3 a------drei Buttons
{
font-size: 10px;
font-weight: bold;
padding-top: 9px;
border-top: 0px;
cursor: pointer;
}
//-->

</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://dreamcards.de.tl/Neue-Karten.htm" target="_self">Neue Karten</a></li>
</ul>
</li>

<li><a href="http://dreamcards.de.tl/Top-Motive.htm" target="_self">Top Motive</a></li>
</ul>
</li>

<li><a href="http://dreamcards.de.tl/Statistik.htm" target="_self">Statistik</a></li>
</ul>
</li>

<li><a href="http://dreamcards.de.tl/Zufallskarte-senden.htm" target="_self">Zufallskarte</a></li>
</ul>
</li>


<li><a href="http://dreamcards.de.tl/eigenes-Motiv-senden-.htm" target="_self">eigenes Motiv</a></li>
</ul>
</li>
</ul>
</div>
Beitrag15.08.2008 um 18:12 (UTC)    
Titel:

Probier es mal so:
Zitat:
<style type="text/css" media="screen">
<!--
body
{
font-family: Comic Sans MS , sans-serif;
font-size: 10px;
overflow: auto;
padding: 13px;
margin: 0px;
}

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

div.menu
{
position: absolute;
z-index: 3;
top: 170px;
left: 23%;
margin-left:0px;
width: 600px;
}

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

.menu a
{
border: 1px solid #000000;
background-image:url(Bild URL);
width: BREITEpx;height: HÖHEpx;
background-color:#000000;
padding-top: 9px;
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px 10px;
display: block;
height: 25px;
color: #FFFFFF;
}

.menu a:hover
{
background-color: #000000;
}

#smenu1, #smenu2, #smenu3----- drei Buttons!
{
font-size: 10px;
display: none;
width: 120px;
float: left;
}

#smenu1 a, #smenu2 a, #smenu3 a------drei Buttons
{
font-size: 10px;
font-weight: bold;
padding-top: 9px;
border-top: 0px;
cursor: pointer;
}
//-->

</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://dreamcards.de.tl/Neue-Karten.htm" target="_self">Neue Karten</a></li>
</ul>
</li>

<li><a href="http://dreamcards.de.tl/Top-Motive.htm" target="_self">Top Motive</a></li>
</ul>
</li>

<li><a href="http://dreamcards.de.tl/Statistik.htm" target="_self">Statistik</a></li>
</ul>
</li>

<li><a href="http://dreamcards.de.tl/Zufallskarte-senden.htm" target="_self">Zufallskarte</a></li>
</ul>
</li>


<li><a href="http://dreamcards.de.tl/eigenes-Motiv-senden-.htm" target="_self">eigenes Motiv</a></li>
</ul>
</li>
</ul>
</div>


Bin mir nich sicher... Aber so KÖNNTE es gehn!

MfG Nico[/quote]


Zuletzt bearbeitet von gladi4ever am 15.08.2008, 21:33, insgesamt einmal bearbeitet
Beitrag15.08.2008 um 20:04 (UTC)    
Titel:

Hi!
Erstmal vielen Dank für Deine Mühe!
Der Code ist schon mal okay! Smile
Aber mit der Buttongrösse bekomm ich noch nicht so hin!
Das muss sich genau der Schrift anpassen!
Hast du vielleicht eine Ahnung wie gross die sein müssen?
Sieht gerade nen bisl komisch aus !LOL
Beitrag15.08.2008 um 20:33 (UTC)    
Titel:

Hab den Code oben mal aktualisiert!
Müsste klappen bin aber nich sicher!
Beitrag15.08.2008 um 21:22 (UTC)    
Titel:

Danke !
Hatte eigentlich vor für jeden Link einen eigenen Button einzufügen ,
also mit der selben Schrift wie der Home Button!
Dann muss ich meinen Code wohl komplett ändern oder ? Confused
Beitrag15.08.2008 um 21:42 (UTC)    
Titel:

Jupp
Kannst mich mal per PN anschreiben ( ich bin gladi4ever in nem anderen acc ) wenn ich dann mal zeit hab mach ichs dir gerne!
Beitrag15.08.2008 um 21:51 (UTC)    
Titel:

Vielen Dank ,ich schaff das auch allein! Very Happy
Ich brauch nur den Code dafür!
Die Buttons füge ich dann selber ein!
Trotzdem danke!
Beitrag15.08.2008 um 21:56 (UTC)    
Titel:

So sieht der eigentliche Code aus !
Ich habe ihn komplett geändert dass es nun so aussieht !
Ich weiss nur nicht wie und wo ich buttons einfügen soll!


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

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

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

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

.menu a
{
border: 1px solid #F2F2F2;
background-color:#000C32;
padding-top: 9px;
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px 10px;
display: block;
height: 25px;
color: #FFFFFF;
}

.menu a:hover
{
background-color: #000C32;
}

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

#smenu1 a, #smenu2 a, #smenu3 a
{
font-size: 13px;
font-weight: bold;
padding-top: 9px;
border-top: 0px;
cursor: pointer;
}
//-->

</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="javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">TITEL Navi-Button 1</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="http://HIER SEITE 1.htm" target="_self">Seiten-Name 1</a></li>
<li><a href="http://HIER SEITE 2.htm" target="_self">Seiten-Name 2</a></li>
<li><a href="http://HIER SEITE 3.htm" target="_self">Seiten-Name 3</a></li>
</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">TITEL NAVI-Button 2</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href="http://HIER SEITE 1.htm" target="_self">Seiten-Name 1</a></li>
<li><a href="http://HIER SEITE 2.htm" target="_self">Seiten-Name 2</a></li>
<li><a href="http://HIER SEITE 3.htm" target="_self">Seiten-Name 3</a></li>
</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">TITEL NAVI-BUTTON 3</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="http://HIER SEITE 1.htm" target="_self">Seiten-Name 1</a></li>
<li><a href="http://HIER SEITE 2.htm" target="_self">Seiten-Name 2</a></li>
<li><a href="http://HIER SEITE 3.htm" target="_self">Seiten-Name 3</a></li>
</ul>
</li>
</ul>
</div>
Beitrag15.08.2008 um 22:01 (UTC)    
Titel:

Zitat:
<style type="text/css" media="screen">
<!--
body
{
font-family: Arial, sans-serif;
font-size: 11px;
overflow: auto;
padding: 13px;
margin: 0px;
}

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

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

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

.menu a
{
border: 1px solid #F2F2F2;
background-color:#000C32;
background-image:url(URL vom Hauptbutton);
padding-top: 9px;
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px 10px;
display: block;
height: 25px;
color: #FFFFFF;
}

.menu a:hover
{
background-color: #000C32;
}

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

#smenu1 a, #smenu2 a, #smenu3 a
{
font-size: 13px;
font-weight: bold;
padding-top: 9px;
border-top: 0px;
cursor: pointer;
}
//-->

</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="javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');"><img src="Bild URL von einzelden Buttons"/>TITEL Navi-Button 1</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><img src="Bild URL von einzelden Buttons"/><a href="http://HIER SEITE 1.htm" target="_self">Seiten-Name 1</a></li>
<li><img src="Bild URL von einzelden Buttons"/><a href="http://HIER SEITE 2.htm" target="_self">Seiten-Name 2</a></li>
<li><img src="Bild URL von einzelden Buttons"/><a href="http://HIER SEITE 3.htm" target="_self">Seiten-Name 3</a></li>
</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');"><img src="Bild URL von einzelden Buttons"/>TITEL NAVI-Button 2</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><img src="Bild URL von einzelden Buttons"/><a href="http://HIER SEITE 1.htm" target="_self">Seiten-Name 1</a></li>
<li><img src="Bild URL von einzelden Buttons"/><a href="http://HIER SEITE 2.htm" target="_self">Seiten-Name 2</a></li>
<li><img src="Bild URL von einzelden Buttons"/><a href="http://HIER SEITE 3.htm" target="_self">Seiten-Name 3</a></li>
</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');"><img src="Bild URL von einzelden Buttons"/>TITEL NAVI-BUTTON 3</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><img src="Bild URL von einzelden Buttons"/><a href="http://HIER SEITE 1.htm" target="_self">Seiten-Name 1</a></li>
<li><img src="Bild URL von einzelden Buttons"/><a href="http://HIER SEITE 2.htm" target="_self">Seiten-Name 2</a></li>
<li><img src="Bild URL von einzelden Buttons"/><a href="http://HIER SEITE 3.htm" target="_self">Seiten-Name 3</a></li>
</ul>
</li>
</ul>
</div>

Ich weiss nicht, ob es funktioniert, aber du kannst es mal ausprobieren! Wink

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

Iceblue Generator | Red Generator | Butterfly Generator


Zuletzt bearbeitet von der-bielefeld-club am 15.08.2008, 23:03, insgesamt einmal bearbeitet
Beitrag15.08.2008 um 22:12 (UTC)    
Titel:

Danke sehr!
Ich hab ja diesen code komplett umgeändert !Denn dieser
Code besteht aus Navigationstiteln mit Unterseiten .
Ich hab diese Unterseiten einfach entfernt.
Das ist ne längere Geschichte !LOL!
Ich denk ich werd das morgen, ups heute in Angriff nehemen! Very Happy
Danke Dir !
Beitrag15.08.2008 um 22:13 (UTC)    
Titel:

Kein Problem Wink

Bei weiteren Fragen kannst du mir eine PN schicken.

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

Iceblue Generator | Red Generator | Butterfly Generator
Beitrag16.08.2008 um 11:49 (UTC)    
Titel:

Hallo!
Ich hab nun was völlig was anderes gemacht!
Ich habe einfach eine Tabelle erstellt und die beim Text über Design eingefügt!
Nun habe ich das Problem dass diese Navi ganz oben ist!
Wie kann ich die Tabelle positionieren?
Ich habe es schon mit den Werten versucht aber da ändert sich nichts!
Hat jemand eine Lösung?
Ansonsten bin ich zufrieden!
Beitrag16.08.2008 um 12:01 (UTC)    
Titel:

Ich mach dir nachher den Code fürs coolmenü, ok?
Lass aber bitte die Menüpunkte noch auf deiner Seite.

Muss jetzt zum Fußball!^^

mfg
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator
Beiträge der letzten Zeit anzeigen:   


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