Suche im Forum:
Suchen


Autor Nachricht
Beitrag14.05.2009 um 17:54 (UTC)    
Titel: Aufklappbares Menü

Hi!
ich gestalte ne HP und hab das design nach der seite:
http://www.homepage-baukasten.de/forum/viewtopic.php?t=62368
gemacht.
Meine Frage ist was muss ich hinzufügen damit
ein Button ausklappt wenn man auf einen anderen klickt.
Beitrag14.05.2009 um 18:00 (UTC)    
Titel:

Schau mal nach dem Coolmenü hier über die Suche,

A pros pro Suche: ich suche die Werbung. bitte sichtbar machen unter Einstellungen, Farbe der Werbung
______________

Der Link führt nicht mehr zu KDL-Design sondern zu meinen neuen Projekt
Beitrag14.05.2009 um 18:06 (UTC)    
Titel:

na was mussen ich da noch hinzufügen blick grad iwie da nich durch
Question
Beitrag14.05.2009 um 18:09 (UTC)    
Titel:

Werbung ist wieder ok, danke

das Coolmenü ist ein Menü das quer über die Seite geht und das nach unten aufklappt. Schaue hier:
www.sc-hassel-jugend.de
______________

Der Link führt nicht mehr zu KDL-Design sondern zu meinen neuen Projekt
Beitrag14.05.2009 um 18:09 (UTC)    
Titel:

Hi, so ein menü, wie du es wahrscheinlich meinst, kannst du mit diesem Code machen:
http://www.homepage-baukasten.de/forum/viewtopic.php?t=56126
(So wie es KDL-Design beschrieben hat)

Oder wenn du eins zur Seite machen möchtest, wird dir dieser Code helfen:
http://www.homepage-baukasten.de/forum/viewtopic.php?t=95614
(ein BEISPIEL von ig444)

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

Iceblue Generator | Red Generator | Butterfly Generator


Zuletzt bearbeitet von der-bielefeld-club am 14.05.2009, 19:11, insgesamt einmal bearbeitet
Beitrag14.05.2009 um 18:28 (UTC)    
Titel:

na ich krieg den code nich so außeinander deshalb post ich ihn mal hier
und das sagt einfach mal wie ich den verändern muss
also text über design:
<div id="Testdesign">
<div id="oben">
</div>

<div id="feld_links">
<ul id="navi">
<li>
<a href="http://slaughteredexistence.de.tl/News.htm" id="akt">News</a>
</li>
<li>
<a href="http://slaughteredexistence.de.tl/band.htm">Band</a>
</li>
<li>
<a href="http://slaughteredexistence.de.tl/medien.htm">Medien</a>
</li>
<li>
<a href="http://slaughteredexistence.de.tl/G.ae.stebuch.htm">Gästebuch</a>
</li>
<li>
<a href="http://slaughteredexistence.de.tl/links.htm">Links</a>
</li>
<li><a href="http://slaughteredexistence.de.tl/Kontakt.htm">Kontakt</a>
</li>
</ul>
</div>

CSS-Code:
div#nav_container{visibility: hidden;}
li.nav_element{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
li.nav_element{display: none;}
li.nav_element a{display: none;}
div.header{display: none;}
a{color:#ffffff; font-size: 14px; text-decoration: none;}
a:hover {color: #ffffff; font-size: 14px; text-decoration: none;}
a:link {color: #ffffff; font-size: 14px; text-decoration: none;}
a:active {color: #ffffff; font-size: 14px; text-decoration: none;}
a:visited {color: #ffffff; font-size: 14px; text-decoration: none;}
body {background-color:#000000;
background-image:url(http://img529.imageshack.us/img529/277/51293936.jpg);
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;}
* { padding: 0; margin: 0; }
#Testdesign {
margin: 0 auto;
width: 922px;}

#oben {
color: #FFFFFF;
width: 900px;
float: left;
padding: 10px;
border:0 px solid #000000;
height: 200px;
margin: 10px 0px 0px 0px;
background-image:url(http://img257.imageshack.us/img257/2251/mybanner4a0b17c9bdc23.jpg);
background-position: center;
background-repeat: no-repeat;
}

#feld_links {
color: #000000;
border: 1px solid #000000;
background: #990000;
filter:alpha(opacity=81);
-moz-opacity:0.81;
opacity:0.81;
-khtml-opacity:0.81;
margin: 0px 0px 0px 0px;
padding: 10px;
height: 320px;
width: 160px;
float: left;}

#content {
float: right;
color: #000000;
border: 0px solid #07417C;
background: #990000;
filter:alpha(opacity=81);
-moz-opacity:0.81;
opacity:0.81;
-khtml-opacity:0.81;
margin: 0px 0px 0px 0px;
padding: 10px;
height: 320px;
width: 718px;
display: inline;
overflow:auto;}

#sockel {
width: 900px;
clear: both;
color: #000000;
border: 1px solid #000000;
background: #000000;
margin: 0px 0px 10px 0px;
padding: 10px;}
#navi {
margin: 0;
padding: 0;
width: 150px;}

#navi ul, #navi li{
list-style-type: none;
padding-top: 2px;
font-weight: bold;}

#navi li a {
text-decoration: none;
display: block;
width:100%;
padding: 5px;}

#navi a:link, #navi a:visited {
color: #FFFFFF;
background-color: #000000;
background-image:url(http://img16.imageshack.us/img16/8462/buttonxrl.jpg);}

#navi #akt {
color: #FFFFFF;
background-color: #7F0000;}
#navi a:hover, #navi a:hover#akt {
color: #FFFFFF;
background-color: #000080;}
background-image: url();
#oben {
color: #FFFFFF;
width: 900px;
float: left;
padding: 10px;
border: 1px solid #07417C;
height: 60px;
margin: 10px 0px 0px 0px;
background: #07417C;}
Beitrag09.07.2009 um 23:28 (UTC)    
Titel:

hallo? kann mir jemand helfen sitze immernoch an dem problem...
Beitrag10.07.2009 um 19:53 (UTC)    
Titel:

Beiträge der letzten Zeit anzeigen:   


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