25. Juli 2016 23:53:27
Navigation
· Startseite
· Artikel
· Forum
· Gästebuch
· Links
· News Kategorien
· FAQ
· Link us
· Suche
· Impressum
PHP-Fusion
· Downloads
· Roadmap/Bugtracker
· PHP-Fusion Suche
Fun
· Witze
· Quiz (in development)
Downloads

Neue Downloads

· R8HL mobile RC
· pd-Warning / Ve...
· Android Green
· Android Blue-Green
· Android Blue

Top 5 Downloads

· PHP-Fusion: Inf... [40006]
· PHP-Fusion: Inf... [38333]
· PHP-Fusion: Inf... [29052]
· PHP-Fusion: Inf... [21096]
· PHP-Fusion: Inf... [16981]
Advertisement
Neueste Artikel
· EN: How to change th...
· Inhalt der Registrie...
· Favicon in PHP-Fusio...
· Wie kann man die Anz...
· Globale Variablen un...
Benutzer Online
· Gäste Online: 9

· Mitglieder Online: 0

· Registrierte Mitglieder: 3,024
· Neustes Mitglied: DJ Mario
letzte User
· mobby14:47:28
· Webbi 2 Tage
· Guggli 2 Tage
· DJ Mario 1 Woche
· Blackdragon76 1 Woche
· aww2008 2 Wochen
· Schlagertyp 2 Wochen
· RedLion 2 Wochen
· Rolly8-HL 2 Wochen
· totala 2 Wochen

Thread ansehen: Drop Down Menü
basti2web.de - Basti´s Website » PHP-Fusion - Content Management System » PHP-Fusion: Allgemein
Wer ist hier? 1 Gast
Aktuelle Bewertung: (Insgesamt: 0 Bewertungen)  
 Drucke Thread
Drop Down Menü
Schnaubi
Hallo weiß jemand die die Drop Down Menüs funktonieren und ich die oben auf die Seite kriege?

Das sollte mit Verlinkungen und Bildern sein:

So wie hier:

http://www.pro-so.../vbcms.php

kann mir da jemand helfen?
 
nikic
Wenn ihr Infusions oder Mods braucht sucht doch auf der PHP-Fusion Mod Seite...
http://www.phpfus...mod_id=182
http://www.phpfus...mod_id=227
Man muss registriert sein.

Und wenn du wissen willst wie ein Dropdownmenü funktioniert, musst du erstmal wissen, das es zwei Arten gibt: Mit JS und mit CSS.
Bei JS wird das vorher displa:none/ visibility:hidden Element bei einem onmouseover angezeigt. Bei CSS passiert das selbe mit :hover. Bei CSS muss es zwingend mit Listen gemacht werden.
Zuletzt bearbeitet von nikic am 08.07.2008 14:17:37
 
Google Adsence
Posted on 25.07.2016 23:53:27
Bot Agent

Posts: n^x
Joined: Always

IP: localhost  
Schnaubi
hallo habe auch schon dhtml drauf,nur ich kann keine navigationen erstellen!
dort kommen immer fehlermeldungen
beim öffnen:

hier ein bild zur fehlermeldung
goldenleaguee.go.funpic.de/Bilder/Allgemein/DHTMLBug.jpg
 
Schnaubi
und was ist nun?

Ne andere Frage

Will ein Drop Down Menü (fertigen Code) oben in die Seitenleiste einbauen wie hier:

http://www.pro-so...

habe auch den code etc. schon....wo muss ich ihn reinkopieren in welche datei und wie???

so lautet der code:
Download Code  Code

/* ================================================================
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.csspla...mples.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any
way to fit your requirements.
=================================================================== */
/* commom style for all browsers */
.container4 {
text-align:center; background:#eee url(menu4.gif); border:1px solid #909; border-width:5px 1px 1px 1px; height:30px;
margin:0 0 20px 0; /* for this demo only */
}
.menu4 {
text-align:left; font-family: verdana, sans-serif; position:relative; font-size:0.85em; background:transparent; width:600px; height:30px; margin:0 auto;
}
.menu4 ul {
padding:0; margin:0; list-style-type: none;
}
.menu4 ul li {
float:left; position:relative;
}
.menu4 ul li.home {background:transparent url(menu4home.gif);}
.menu4 ul li.products {background:transparent url(menu4products.gif);}
.menu4 ul li.services {background:transparent url(menu4services.gif);}
.menu4 ul li.contact {background:transparent url(menu4contact.gif);}
.menu4 ul li.site {background:transparent url(menu4site.gif);}
.menu4 ul li.news {background:transparent url(menu4news.gif);}
.menu4 ul li.subprod {background:transparent url(menu4subprod.gif) no-repeat;}
.menu4 ul li.subprod2 {background:transparent url(menu4subprod2.gif) no-repeat;}
.menu4 ul li.subprod3 {background:transparent url(menu4subprod3.gif) no-repeat;}
.menu4 ul li.subnews {background:transparent url(menu4subnews.gif) no-repeat;}
.menu4 ul li.subnews2 {background:transparent url(menu4subnews2.gif) no-repeat;}
.menu4 ul li.subnews3 {background:transparent url(menu4subnews3.gif) no-repeat;}
.menu4 ul li.subserv {background:transparent url(menu4subserv.gif) no-repeat;}
.menu4 ul li.subserv2 {background:transparent url(menu4subserv2.gif) no-repeat;}
.menu4 ul li.subserv3 {background:transparent url(menu4subserv3.gif) no-repeat;}
.menu4 ul li.subserv4 {background:transparent url(menu4subserv4.gif) no-repeat;}
.menu4 ul li.subserv5 {background:transparent url(menu4subserv5.gif) no-repeat;}
.menu4 ul li.subsubl {background:#eee url(next.gif) no-repeat top left;}
.menu4 ul li.subsubr {background:#eee url(previous.gif) no-repeat 145px 0;}

.menu4 ul li a, .menu4 ul li a:visited {
display:block; text-decoration:none; width:70px; height:30px; color:#000; padding-left:30px; line-height:29px;
}
* html .menu4 ul li a, .menu4 ul li a:visited {
width:100px; w\idth:70px;
}

.menu4 ul li ul {
visibility:hidden; position:absolute; top:0; left:0; height:0; overflow:hidden;
}
.menu4 table {
margin:-1px; border-collapse:collapse; font-size:1em;
}

/* fist line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
.menu4 ul li:hover a,
.menu4 ul li a:hover {
color:#c00; text-decoration:underline; border:0;
}
.menu4 ul li:hover ul,
.menu4 ul li a:hover ul {
visibility:visible; width:170px; height:auto; position:absolute; top:30px; left:-1px; background:#fff; border:1px solid #909; overflow:visible;
}
.menu4 ul li:hover ul li a,
.menu4 ul li a:hover ul li a {
display:block; background:transparent; text-decoration:none; color:#c00; height:auto; line-height:1.5em; padding:5px 10px 5px 35px; width:170px; w\idth:125px;
}
.menu4 ul li:hover ul li a.drop,
.menu4 ul li a:hover ul li a.drop {
display:block; color:#000; height:auto; line-height:1.5em; padding:5px 10px 5px 35px; width:170px; w\idth:125px;
}
.menu4 ul li:hover ul li ul,
.menu4 ul li a:hover ul li a ul {
visibility:hidden; position:absolute; top:0; left:0; height:0; overflow:hidden;
}
.menu4 ul li:hover ul li a:hover,
.menu4 ul li a:hover ul li a:hover {
color:#00f; text-decoration:underline;
}
.menu4 ul li:hover ul li:hover ul,
.menu4 ul li a:hover ul li a:hover ul {
visibility:visible; position:absolute; top:0; color:#000; left:166px; height:auto; border:1px solid #909;
}
.menu4 ul li:hover ul li:hover ul.left,
.menu4 ul li a:hover ul li a:hover ul.left {
left:-166px;
}
.menu4 ul li:hover ul li:hover ul li a,
.menu4 ul li a:hover ul li a:hover ul li a {
display:block; color:#00f; height:auto; line-height:1.5em; padding:5px 10px 4px 35px; width:170px; w\idth:140px;
}
* html .menu4 ul li a:hover ul li a:hover ul li a {padding:4px 10px 4px 35px;}

.menu4 ul li:hover ul li:hover ul li:hover a,
.menu4 ul li a:hover ul li a:hover ul li a:hover {
color:#000; text-decoration:underline;
}


 
nikic
in die style.css deines Themes
 
Schnaubi
wo genau da?
hier der code:

Download Code  Code
body {
   margin: 0;
   padding: 0;
   font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
   font-size: 10px;
   color: #38394B;
   background-color: #ffffff;
}

a {
   color:#000000;
   text-decoration:none;
}

a:hover {
   color:#DE8300A;
   text-decoration:underline;
}

a.side {
   color:#000000;
   text-decoration:none;
}

a:hover.side {
   color:#EC8701;
   text-decoration:underline;
}

img {
   border: 0px;
}

form {
   margin:0px 0px 0px 0px;
}

hr {
   border-top:1px #CBD6DD solid;
   border-bottom:1px #EFEFEF solid;
}

hr.side-hr {
   border-top:1px #CBD6DD solid;
   border-bottom:1px #EFEFEF solid;
}

td {
   font-family:Verdana,Arial,Helvetica,sans-serif;
   font-size:10px;
}

pre {
   font-family:Verdana,Arial,Helvetica,sans-serif;
   font-size:10px;
}

.alt {
   color:#555;
}

#clockbar { 
 background: #3D759A url(images/bg_page_topbar.jpg) repeat-x left top;
}

.clockbarcolor {
   color: #E8E8E8;
   background: transparent;
   font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
   font-size: 10px;
   text-align: right;
   padding: 17px 10px 6px 20px;
}

#pageheader { 
   background: #23628B url(images/bg_header.jpg) repeat-x left top;
   border-bottom: 1px solid #000;
}

.subheader {
   font-size:11px;
   font-weight:bold;
   background: #F0F0F2 url(images/bg_nav.jpg) repeat-x left top;
   padding: 4px 7px 3px 7px;
   border-bottom: 1px solid #ADC1CE;
}

.subheader-text {
   font-size:10px;
}

.input {
   border-top: 1px solid #A8BDCA;
   border-left: 1px solid #A8BDCA;
   border-bottom: 1px solid #A8BDCA;
   border-right: 1px solid #A8BDCA;
   color: #42435A;
   background-image:url(images/input.gif);
   background-repeat:repeat-x;
   font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
   font-size: 10px;
   height: 1.7em;
}

.submit {
   font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
   font-size: 10px;
   font-weight: bold;
   border-top: 1px solid #95B6CB;
   border-left: 1px solid #95B6CB;
   border-right: 1px solid #000;
   border-bottom: 1px solid #000;
   letter-spacing: .1em;
   margin: 0;
   padding: 1px 4px 1px 4px;
   background-color: #DE8300;
   color: #FFFFFF;
   cursor:pointer;
   cursor: hand;


.footer {
   font-family:Verdana,Arial,Helvetica,sans-serif;
   font-size:10px;
   color:#EDEDED;
   background-color:#EDEDED;
   background-image:url(images/bg_under.jpg);
   background-repeat:repeat-x;
   border-top:1px #ADC1CE solid;
   padding:5px;
}

.button {
   font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
   font-size: 10px;
   font-weight: bold;
   border-top: 1px solid #95B6CB;
   border-left: 1px solid #95B6CB;
   border-right: 1px solid #000;
   border-bottom: 1px solid #000;
   background-color: #DE8300;
   color: #FFFFFF;
   margin-top:2px;
   cursor:pointer;
   cursor: hand;
}
   
.textbox {
   border-top: 1px solid #A8BDCA;
   border-left: 1px solid #A8BDCA;
   border-bottom: 1px solid #A8BDCA;
   border-right: 1px solid #A8BDCA;
   color: #42435A;
   background: #EDEDED url(images/bg_td_one.jpg) repeat-x left top;
   font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
   font-size: 11px;
}

.main-body {
   font-size:10px;
   color:#555;background-color:#EDEDED;
   background-image:url(images/bg_td_one.jpg);
   background-repeat:repeat-x;
   padding:4px 4px 5px 4px;
}

.main-bg {
   background-color:#EDEDED;
   padding:5px;
}

.body-border {
   border:1px #ADC1CE solid;
}

.side-border-left {
   border-right:1px #ADC1CE solid;
   padding:5px;
}

.side-border-right {
   border-left:1px #ADC1CE solid;
   padding:5px;
}

.td-cell1 {
   background: #EDEDED url(images/bg_td_one.jpg) repeat-x left top;
   font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
   font-size: 10px;
   color: #38394B;
   padding: 6px 6px 3px 6px;
   border-top: 1px solid #ADC1CE;
   border-bottom: 1px solid #ADC1CE;
   border-left: 1px solid #ADC1CE;
   border-right: 1px solid #ADC1CE;
}

.td-cell2 {
   background: #EDEDED url(images/bg_td_two.jpg) repeat-x left top;
   font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
   font-size: 10px;
   color: #38394B;
   padding: 6px 6px 3px 6px;
   border-top: 0px solid #ADC1CE;
   border-bottom: 1px solid #ADC1CE;
   border-left: 1px solid #ADC1CE;
   border-right: 1px solid #ADC1CE;
}

.quicktip {
   background: #24638C url(images/bg_table_row_heading.jpg) repeat-x left top;
   color: #FFFFFF;
   font-weight:bold;
   height:34px;
   padding:1px 1px 1px 1px;
   border-bottom: 0px solid #FFFFFF;
}

.tableHeadingBG {
   background: #24638C url(images/bg_table_top.jpg) repeat-x left top;
   color: #FFFFFF;
   height:34px;
   padding:4px 4px 4px 4px;
   border-bottom: 0px solid #FFFFFF;
}

.tableHeading {
   font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
   font-size: 10px;
   letter-spacing: .1em;
   font-weight: bold;
   color: #FFFFFF;
   padding: 0px 0px 0px 5px;
   margin: 0;
   background-color: transparent;
   white-space: nowrap;
}

.tbl-border {
   background-color:#ADC1CE;
}

.tbl {
   font-size:10px;
   color:#555;
   padding:0px;
}

.tbl1 {
   font-size:10px;
   background-color:#EDEDED;
   background-image:url(images/bg_td_one.jpg);
   background-repeat:repeat-x;
   color: #38394B;
   padding: 3px 6px 3px 6px;
   border-top: 1px solid #FFFFFF;
   border-bottom: 0px solid #ADC1CE;
   border-left: 1px solid #FFFFFF;
   border-right: 0px solid #ADC1CE;
}

.tbl2 {
   font-size:10px;
   background-color:#EEF1F3;
   background-image:url(images/bg_td_two.jpg);
   background-repeat:repeat-x;
   color: #38394B;
   padding: 3px 6px 3px 6px;
   border-top: 1px solid #FFFFFF;
   border-bottom: 0px solid #ADC1CE;
   border-left: 1px solid #FFFFFF;
   border-right: 0px solid #ADC1CE;
}
   
.forum-caption {
   font-size: 10px; font-weight:bold;
   color: #DE8300; background-color:#FEFEFE;
   background-image:url(images/bg_table_row_heading.jpg);
   background-repeat:repeat-x;
   height: 24px;
   padding: 4px 4px 4px 4px;
}

.quote {
   background: #F2F5F6;
   border-left: 1px solid #ADC1CE;
   border-top: 1px solid #ADC1CE;
   border-bottom: 1px solid #ADC1CE;
   border-right: 1px solid #ADC1CE;
   font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
   font-size: 11px;
   color: #31607E;
   margin: 8px 4px 10px 3px;
   padding: 10px 10px 10px 6px;
}
   
.poll { height:12px;
   border:1px #ADC1CE solid; }

.comment-name {
   font-weight:bold;
   color:#38394B;
}

.shoutboxname {
   font-weight:bold;
   color:#38394B;
}

.shoutbox {
   color:#38394B;
}

.shoutboxdate {
   font-size:9px;
   color:#888;
}

.small {
   font-size:10px;
   color: #4D4D4D;
   font-weight:normal;
}

.small2 {
   font-size:9px;
   font-weight:normal;
   color:#555;
}

.side-small {
   font-size:9px;
   font-weight:normal;
   color:#555;
}

.side-label {
   background-color:#FEFEFE;
   padding:2px 2px 3px 2px;
}

.gallery {
   padding: 16px 0px 8px 0px;
}

.gallery img {
   border: 1px solid #ccc;
   filter: gray;
}

.gallery:hover img {
   border: 1px solid #1473AD;
   filter: none;
}

img.activegallery {
   border: 1px solid #1473AD;
   filter: none;
}
.footerlink {
   color:#FFFFFF;
   text-decoration:none;
}

a:hover.footerlink {
   color:#EC8701;
   text-decoration:underline;
}



 
nikic
Irgendwohin. Am bestens ans Ende.

Prüfe aber danach obs im IE funktzt. Ich glaub da gibt bei Stu Nichols noch n extra Stylesheet.
 
Schnaubi
kannst du mir mal sagen wohin genau?!
 
nikic
Ich sag doch, ganz ans Ende der Datei.
Und check nochmal auf der Seite wo dus her hast ob da nicht ein weiteres Styleshett ist in so nem <!--[if lte IE7] ... [endif]--> oder ähnlichen Ding findest.
 
Schnaubi
mh...kp
 
Schnaubi
das funktoniert nicht und der code ist so richtig.
 
Springe ins Forum:
Similar Threads
Thema Forum Antworten Letzter Beitrag
Pro Download Panel 1.8.4 Drop-Down-Menü? PHP-Fusion: Infusionen & Mods/Hacks 7 07.01.2009 10:19:23
DHTML Menü PHP-Fusion: Allgemein 1 23.08.2008 10:13:26
DHTML-Menü in die theme.php PHP-Fusion: Allgemein 2 21.05.2008 10:28:01
Share this thread
URL:
BB-Code:
HTML:
AddThis:
Share |
Login
Benutzername

Passwort



Noch kein Mitglied?
Registriere dich jetzt.

Passwort vergessen?
Jetzt ein neues Passwort zuschicken lassen.
Sprachen
Sponsor
Shoutbox
Gästen ist das schreiben von Mitteilungen nicht erlaubt.


No User Avatar
mobby
25.07.2016 09:00
Die Antwort hier kannste dir bestimmt denken...

No User Avatar
Blackdragon76
12.07.2016 01:19
ich mache gerade meine hp und muss noch inhaber erstellen soll ja nur eine fanpage werden kann mir jemand helfen wäre cool Grin

User Avatar
gusswerk
03.07.2016 06:28
hallo alle, und das ist extra für Basti Pfft

User Avatar
Basti
23.06.2016 19:43
Danke, Gruß zurück Smile

No User Avatar
mobby
07.06.2016 20:10
Ein Gruss hier senden ...sonst verlottert ja die Seite hier

User Avatar
gusswerk
06.06.2016 13:14
Hallo alle Grin

No User Avatar
mirko81
27.02.2016 19:51
Wink

User Avatar
21Matze
14.02.2016 23:53
hallo zusammen

User Avatar
Schlagertyp
18.10.2015 20:31
Es ist immer welche da.Wenn du fragen hast benutze bitte das Forum.

No User Avatar
bobbi
18.10.2015 19:26
einer da der sich mit php auskennt

Seitenaufbau: 0.08 Sekunden - 71 Queries 5,974,621 eindeutige Besuche