Autor |
Nachricht |
-
feuerwehr-freak1
|
18.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
|
|
↑
|
|
|
-
chris-schreiber
|
18.06.2007 um 17:55 (UTC) Titel: |
|
|
|
|
↑
|
|
|
-
firepics
|
18.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 |
|
↑
|
|
|
-
feuerwehr-freak1
|
18.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 |
|
↑
|
|
|
-
chris-schreiber
|
18.06.2007 um 17:58 (UTC) Titel: |
|
|
|
|
↑
|
|
|
-
firepics
|
18.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 )
Du muss ausprobieren und an dem Code ein bisschen rumbasteln dann findest du schon raus wie es funktioniert
MfG |
|
↑
|
|
|
-
feuerwehr-freak1
|
18.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
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
|
|
↑
|
|
|
-
outcast-inventions
Wohnort: BLB
|
18.06.2007 um 19:05 (UTC) Titel: |
|
|
|
|
↑
|
|
|
-
feuerwehr-freak1
|
18.06.2007 um 19:13 (UTC) Titel: |
|
|
genau8 da hab ich geguckt aber ich krick das net hin |
|
↑
|
|
|
-
outcast-inventions
Wohnort: BLB
|
|
↑
|
|
|
-
feuerwehr-freak1
|
19.06.2007 um 18:20 (UTC) Titel: |
|
|
such dir irgenwelche buttons aussuchen i weiß net welche einfach schlicte |
|
↑
|
|
|
-
outcast-inventions
Wohnort: BLB
|
19.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 -->
|
|
↑
|
|
|
-
feuerwehr-freak1
|
20.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...
ich hdachte über
Zuletzt bearbeitet von feuerwehr-freak1 am 20.06.2007, 12:44, insgesamt einmal bearbeitet
|
|
↑
|
|
|
-
feuerwehr-freak1
|
20.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
|
|
↑
|
|
|
-
outcast-inventions
Wohnort: BLB
|
20.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 |
|
↑
|
|
|
|