Suche im Forum:
Suchen


Autor Nachricht
Beitrag18.06.2007 um 17:53 (UTC)    
Titel: Menüpunkte nach oben setzen

hi wie kann mir einer diese buttons machen wie hier http://www.coolplace.de.tl/ über der navi die weir geht das ich habs schon mal versucht aber i krieg das net hin wer kann mir den code machen es sollen 4 buttons nebeneinander


Zuletzt bearbeitet von feuerwehr-freak1 am 18.06.2007, 19:08, insgesamt einmal bearbeitet
Beitrag18.06.2007 um 17:55 (UTC)    
Titel:

er hat sie einzeln eingefügt
also für sidebar_heading,edit:conten_top_sidebar_heading
jeweils einen button eingesetzt
______________
[img:5bd8876af8]http://img.webme.com/pic/c/chris-schreiber/banner.gif[/img:5bd8876af8]
[img:5bd8876af8]http://img.webme.com/pic/g/geldleicht-test/mp_banner.jpg[/img:5bd8876af8]
Beitrag18.06.2007 um 17:56 (UTC)    
Titel:

chris-schreiber hat Folgendes geschrieben:
er hat sie einzeln eingefügt
also für sidebar_heading,edit:conten_top_sidebar_heading
jeweils einen button eingesetzt


Er meint glaub ich die Header Navi,

-->

Ich würd ma sagen du musst Coolplace selber fragen Wink
Beitrag18.06.2007 um 17:58 (UTC)    
Titel:

ich meine header navi ich hab mich vielleicht falsch ausgedrückt aber ich will es in den header haben und ich will den code haben aber ich kann das nicht selber ich brauch hilfe
Beitrag18.06.2007 um 17:58 (UTC)    
Titel:

Beitrag18.06.2007 um 18:00 (UTC)    
Titel:

feuerwehr-freak1 hat Folgendes geschrieben:
ich meine header navi ich hab mich vielleicht falsch ausgedrückt aber ich will es in den header haben und ich will den code haben aber ich kann das nicht selber ich brauch hilfe


Das ist nicht wirklich im Header, es sieht so aus,
hier ist ein Code:

Zitat:
<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: 124px;
left: 50%;
margin-left:-405px;
width:905px;
}

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

.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;
}

.menu a:hover
{
background-color: #00CCFF;
background-image: url(URL);
}

#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="LINK1"> TITEL1</a> </li>
<li><a onmouseout="cache('smenu2');" onmouseover="montre('smenu2');" href="javascript:void(0);"> TITEL2</a>
<ul onmouseout="cache('smenu2');" onmouseover="montre('smenu2');" id="smenu2">
<li><a href="UNTERLINK2.3">Titel</a></li>
<li><a href="UNTERLINK2.3">Titel</a></li>
<li><a href="UNTERLINK2.4">Titel</a></li>
<li><a href="UNTERLINK2.5">Titel</a></li>
<li><a href="UNTERLINK2.6">Titel</a></li>
<li><a href="UNTERLINK2.7">Titel</a></li>
<li><a href="UNTERLINK2.8">Titel</a></li>
<li><a href="UNTERLINK2.9">Titel</a></li>
</ul>
</li>
<li><a onmouseout="cache('smenu3');" onmouseover="montre('smenu3');" href="javascript:void(0);"> TITEL3</a>
<ul onmouseout="cache('smenu3');" onmouseover="montre('smenu3');" id="smenu3">
<li><a href="UNTERLINK3.2">Titel</a></li>
<li><a href="UNTERLINK3.3">Titel</a></li>
<li><a href="UNTERLINK3.4">Titel</a></li>
<li> </li>
</ul>
</li>
<li><a href="LINK4"> TITEL4</a></li>
<li><a onmouseout="cache('smenu5');" onmouseover="montre('smenu5');" href="javascript:void(0);"> TITEL5</a>
<ul onmouseout="cache('smenu5');" onmouseover="montre('smenu5');" id="smenu5">
<li><a href="LINK5.1">Titel</a></li>
<li><a href="LINK5.2">Titel</a></li>
</ul>
</li>
</div>


Diesen Code erhielt ich heute von success4you (hatte heute nämlich diesselebe frage hab mich aber per PM vertändigt Wink )

Du muss ausprobieren und an dem Code ein bisschen rumbasteln dann findest du schon raus wie es funktioniert Wink

MfG
Beitrag18.06.2007 um 18:08 (UTC)    
Titel:

das mit den ids kann ich ja so einiger maßen nur ich krieg nie den code hin wer kann mir es für folgende seiten erstellen home HOME GÄSTEBUCH FF-PEINE KERNSTADT und KONTAkt bitte helft mir ich bin am verzweifeln Crying or Very sad Crying or Very sad Crying or Very sad

so wie hier http://www.outcast-inventions.de.tl/Projekte.htm


Zuletzt bearbeitet von feuerwehr-freak1 am 18.06.2007, 19:13, insgesamt einmal bearbeitet
Beitrag18.06.2007 um 19:05 (UTC)    
Titel:

Schau mal HIER vorbei, dort habe ich es heute morgen beschrieben... Wink
______________
==> OutCast Inventions

Der DesignCreator für den PC ... in wenigen Minuten das eigene individuelle Iceblue-Design!
Beitrag18.06.2007 um 19:13 (UTC)    
Titel:

genau8 da hab ich geguckt aber ich krick das net hin
Beitrag18.06.2007 um 19:20 (UTC)    
Titel:

OK...dann änder ich den Code für dich um!

Kannst du mir kurz die Adressen für Button und Hover-Button geben und die Breite und Höhe der Button?

Dann mach ich dir den Code fertig... Wink
______________
==> OutCast Inventions

Der DesignCreator für den PC ... in wenigen Minuten das eigene individuelle Iceblue-Design!


Zuletzt bearbeitet von outcast-inventions am 18.06.2007, 20:21, insgesamt einmal bearbeitet
Beitrag19.06.2007 um 18:20 (UTC)    
Titel:

such dir irgenwelche buttons aussuchen i weiß net welche einfach schlicte
Beitrag19.06.2007 um 18:43 (UTC)    
Titel:

Ok...hier dein Code:
Zitat:

<!-- CSS-Code für Header-Buttons -->

<style type="text/css">
<!--
.HeaderLink {
background-image: url(http://img.webme.com/pic/o/outcast-inventions/buttfiredown.gif);
color: #FFFFFF;
width: 100px;
height: 23px;
font-size: 13px;
text-align: center;
text-decoration: none;}

.HeaderLink:link {
color: #FFFFFF;
font-size: 13px;
text-decoration: none;}

.HeaderLink:hover {
background-image: url(http://img.webme.com/pic/o/outcast-inventions/buttfire.gif);
color: #FFFFFF;
width: 100px;
height: 23px;
font-size: 13px;
text-decoration: none;}

.HeaderLink:active {
color: #FFFFFF;
font-size: 13px;
text-decoration: none;}

.HeaderLink:visited {
color: #FFFFFF;
font-size: 13px;
text-decoration: none;}
-->
</style>

<!-- Ende -->

<!-- Header-Boxen-Links -->

<a href="http://www.feuerwehr-freak1.de.tl/Home.htm" class="HeaderLink" style="position: absolute; top: 140px; left: 350px;">Home</a>
<a href="http://feuerwehr-freak1.de.tl/%3Cblink%3EG.ae.stebuch%3C-s-blink%3E.htm" class="HeaderLink" style="position: absolute; top: 140px; left: 460px;">Gästebuch</a>
<a href="http://feuerwehr-freak1.de.tl/FF-Peine_Kernstadt.htm" class="HeaderLink" style="position: absolute; top: 140px; left: 570px;">FF-Peine K.</a>
<a href="http://feuerwehr-freak1.de.tl/Kontakt.htm" class="HeaderLink" style="position: absolute; top: 140px; left: 680px;">Kontakt</a>

<!-- Ende -->


Diesen Code fügst du dann unter Text unter dem Design ein... Wink
______________
==> OutCast Inventions

Der DesignCreator für den PC ... in wenigen Minuten das eigene individuelle Iceblue-Design!
Beitrag20.06.2007 um 11:43 (UTC)    
Titel:

outcast-inventions hat Folgendes geschrieben:
Ok...hier dein Code:
Zitat:

<!-- CSS-Code für Header-Buttons -->

<style type="text/css">
<!--
.HeaderLink {
background-image: url(http://img.webme.com/pic/o/outcast-inventions/buttfiredown.gif);
color: #FFFFFF;
width: 100px;
height: 23px;
font-size: 13px;
text-align: center;
text-decoration: none;}

.HeaderLink:link {
color: #FFFFFF;
font-size: 13px;
text-decoration: none;}

.HeaderLink:hover {
background-image: url(http://img.webme.com/pic/o/outcast-inventions/buttfire.gif);
color: #FFFFFF;
width: 100px;
height: 23px;
font-size: 13px;
text-decoration: none;}

.HeaderLink:active {
color: #FFFFFF;
font-size: 13px;
text-decoration: none;}

.HeaderLink:visited {
color: #FFFFFF;
font-size: 13px;
text-decoration: none;}
-->
</style>

<!-- Ende -->

<!-- Header-Boxen-Links -->

<a href="http://www.feuerwehr-freak1.de.tl/Home.htm" class="HeaderLink" style="position: absolute; top: 140px; left: 350px;">Home</a>
<a href="http://feuerwehr-freak1.de.tl/%3Cblink%3EG.ae.stebuch%3C-s-blink%3E.htm" class="HeaderLink" style="position: absolute; top: 140px; left: 460px;">Gästebuch</a>
<a href="http://feuerwehr-freak1.de.tl/FF-Peine_Kernstadt.htm" class="HeaderLink" style="position: absolute; top: 140px; left: 570px;">FF-Peine K.</a>
<a href="http://feuerwehr-freak1.de.tl/Kontakt.htm" class="HeaderLink" style="position: absolute; top: 140px; left: 680px;">Kontakt</a>

<!-- Ende -->


Diesen Code fügst du dann unter Text unter dem Design ein... Wink


ich hdachte über


Zuletzt bearbeitet von feuerwehr-freak1 am 20.06.2007, 12:44, insgesamt einmal bearbeitet
Beitrag20.06.2007 um 11:46 (UTC)    
Titel:

habs selbst gelöst und noch ein bisschen dran rumgebaut ich danke dir herzlichichst


Zuletzt bearbeitet von feuerwehr-freak1 am 20.06.2007, 12:51, insgesamt einmal bearbeitet
Beitrag20.06.2007 um 15:52 (UTC)    
Titel:

feuerwehr-freak1 hat Folgendes geschrieben:
habs selbst gelöst und noch ein bisschen dran rumgebaut ich danke dir herzlichichst
Beiträge der letzten Zeit anzeigen:   


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