Dropdown menu Deluxe
|
Andydeluxe97 |
Geschrieben am 10-02-2017 14:34
|
Routinier
(-47)
PHP-Fusion: v7.02.07
Beiträge: 229
Registriert am: 09.11.2015
Geschlecht:
Alter: 27
Stimmung:
|
Hallo alle zusammen,
Ich habe ein Problem und zwar,
1. Es geht immer noch ne
2. wenn ich über den dropdown menu drüber fahre ist es schwarz
wie kriege ich das schwarze komplett weg.
Danke für euer hilfe!
Code //Header
echo " <table cellpadding='0' cellspacing='0' width='100%'>\n<tr>\n";
echo " <td class='full-header'>\n".showbanners()."</td>\n";
echo " </tr><tr><td class='sub-header'>
<div id='modernbricksmenu'>";
include INFUSIONS."deluxe_dropdown_menu/menu.php";
echo "</div>\n";
echo " </td></tr>\n</table>\n";
Andydeluxe97 hat folgende Datei angehängt:
Du hast nicht die Berechtigung die Anhäge dieses Themas zu sehen.
|
Verwarnstatus:
|
|
|
|
|
icejack |
Geschrieben am 10-02-2017 16:54
|
Foren-Mitglied
(3)
PHP-Fusion: v7.02.07
Beiträge: 43
Registriert am: 14.12.2014
Geschlecht:
Alter: 52
Stimmung:
|
Du musst an deinen CSS Einstellungen was basteln. |
Verwarnstatus:
|
|
|
|
|
Andydeluxe97 |
Geschrieben am 10-02-2017 17:51
|
Routinier
(-47)
PHP-Fusion: v7.02.07
Beiträge: 229
Registriert am: 09.11.2015
Geschlecht:
Alter: 27
Stimmung:
|
Hallo icejack,
schön und gut aber an der CSS bastel ich lieber nicht rum, bin da nicht so gut
Code /* General link styles: */
a {
color : #04688D;
text-decoration : none;
font-size : 11px;
font-weight : normal;
font-family : Verdana, Arial, Helvetica, sans-serif;}
a:hover {
color : #04688D;
text-decoration : underline;
font-size : 11px;
font-weight : normal;
font-family : Verdana, Arial, Helvetica, sans-serif;
}
a.side {
color : #04688D;
text-decoration : none;
font-size : 10px;
font-weight : bold;
font-family : Verdana, Arial, Helvetica, sans-serif;}
a:hover.side {
color : #04688D;
text-decoration : underline;
font-size : 10px;
font-weight : bold;
font-family : Verdana, Arial, Helvetica, sans-serif;
}
/* CSS Navigation */
#navigation h2 {
font-size:10px;
font-weight:bold;
margin:0pt;
padding:2px;
border-left : 3px solid #F6A504;
margin-bottom : 1px;
}
#navigation ul {
list-style-type:none;
margin:0pt;
padding:0pt;
}
* html #navigation ul li{
height: 1%;
}
#navigation a {
color: #04688D;
display:block;
padding:2px;
text-decoration:none;
border-left : 3px solid #04688D;
margin-bottom : 1px;
}
#navigation a:hover {
background-color :#171717;
color : #F6A504;
border-left : 3px solid #F6A504;
}
#navigation a:active {
background-color :#171717;
color : #F6A504;
border-left : 3px solid #04688D;
}
/* Page Navigation */
.pagenav {
padding:4px;
}
.pagenav span {
background-color:#EEEEEE;
border: 1px solid #827B60;
border-top : 1px solid #FFF;
border-left : 1px solid #FFF;
color:#555555;
margin:2px;
padding:2px 4px;
}
.pagenav a {
background-color:#E7E8D6;
border:1px solid #827B60;
border-top : 1px solid #FFF;
border-left : 1px solid #FFF;
color:#555555;
margin:2px;
padding:2px 4px;
text-decoration:none;
}
.pagenav a:hover {
background-color:#F6A504;
color:#FFFFFF;
margin:2px;
text-decoration:none;
}
/* Header and borders style: */
.full-header {
text-align: center;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #413839;
background-color : #EBE4D5;
background-image : url(images/xside.gif);
background-repeat : repeat-y;
background-position : right 0%;
padding : 5px;
}
.sub-header {
white-space : nowrap;
background-color : #EBE4D5;
background-image : url(images/xside.gif);
background-repeat : repeat-y;
background-position : right 0%;
padding : 0;
}
#left-border{
width: 10px;
background-image: url(images/b-left.gif);
background-repeat: repeat-y;
background-position: right;
}
#right-border{
width: 10px;
background-image: url(images/b-right.gif);
background-position: right;
background-repeat: repeat-y;
}
/* General page/body styles */
body {
background-color: #F0EEE1;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
color: #333333;
padding : 0;
margin :0;
background-color : #000;
background-image: url(images/bg.jpg);
background-attachment: fixed;
background-repeat: repeat-x;
}
img{
border: 0px;
}
form {
margin : 0;
}
hr {
color: #DDD;
background-color: #DDD;
height: 1px;
border : 0 none;
margin : 2px;
}
hr.side-hr {
color: #DDD;
background-color: #DDD;
height: 1px;
border : 0 none;
margin : 2px;
}
td {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
}
pre {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
}
.alt {
color : #3E2F00;
}
p {
margin-top : 3px;
}
.button {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
font-weight : bold;
color : #F1F1F1;
background-color : #0B0808;
background-image: url(images/button.gif);
background-repeat: repeat-x;
border : 1px solid #fff;
border-right : 1px solid #827b60;
border-bottom : 1px solid #827b60;
margin-top : 4px;
padding: 2px;
}
.button:hover {
color : #F6A504;
border : 1px solid #F6A504;
}
.textbox {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #111;
background-color : #FFF;
border : 1px solid #404040;
border-right : 1px solid #04688D;
border-bottom : 1px solid #04688D;
margin : 2px 0 2px 0;
}
.textbox:hover {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #111;
background-color : #ffff99;
border : 1px solid #04688D;
border-right : 1px solid #404040;
border-bottom : 1px solid #404040;
margin : 2px 0 2px 0;
}
.bbcode {
border : 1px solid #fff;
border-right : 1px solid #827b60;
border-bottom : 1px solid #827b60;
}
.bbcode:hover {
background-color : #ffff99;
border : 1px solid #04688D;
border-right : 1px solid #404040;
border-bottom : 1px solid #404040;
}
.main-body {
font-size : 12px;
color : #333;
padding: 4px;
text-align: left;
}
.side-body {
font-size : 10px;
color : #333;
padding : 4px;
}
/* User info panel: */
#side-body-user {
font-size : 10px;
color : #333;
padding : 4px 2px;
border : 1px solid #04688D;
border-top : 0px;
}
.scapmain-user {
font-family : Helvetica, Arial, Verdana, sans-serif;
font-size : 11px;
font-weight : bold;
color : #333;
border : 1px solid #04688D;
padding : 4px 0 4px 4px;
}
.main-bg {
color : #333;
background-color : #E8E3D6;
background-image : url(images/yside.gif);
background-repeat : repeat-x;
border-top : 3px solid #04688D;
padding : 0px 5px;
}
.border {
border : 0;
}
#side-left .side-border-right {display: none;}
#side-right .side-border-left {display: none;}
#side-border-left {
color : #777;
background-color : #E8E3D6;
background-image : url(images/yside.gif);
background-repeat : repeat-x;
padding : 5px 5px 10px 5px;
border-top : 3px solid #04688D;
border-right : 1px solid #999999;
width: 175px;
}
#side-border-right {
color : #777;
background-color : #E8E3D6;
background-image : url(images/yside.gif);
background-repeat : repeat-x;
padding : 5px 5px 10px 5px;
border-top : 3px solid #04688D;
border-left : 1px solid #999999;
width: 175px;
}
/* News: */
.news-category {
border : 0;
margin : -13px 5px 5px 5px;
float : right;
}
.news-footer-img {
border : 0;
vertical-align : middle;
}
.news-capmain {
font-family : Helvetica, Arial, Verdana, sans-serif;
font-size : 11px;
font-weight : bold;
color : #f1f1f1;
text-transform : uppercase;
background-color : #171717;
border-left : 1px solid #fff;
background-image : url(images/color_wheel.gif);
background-repeat : no-repeat;
padding : 5px 0 5px 22px;
}
.news-capmainr {
background-color : #171717;
background-image : url(images/news2.gif);
background-repeat : repeat-y;
background-position : right 0%;
}
.news-footer {
text-align: center;
font-size : 10px;
color : #333;
background-image : url(images/a_shading.gif);
border : 1px solid #FFF;
border-right : 1px solid #BBB;
border-bottom : 1px solid #BBB;
padding : 3px 4px 2px 4px;
}
a.news {
color : #04688D;
text-decoration : none;
font-size : 10px;
font-weight : bold;
font-family : Verdana, Arial, Helvetica, sans-serif;}
a:hover.news {
color : #04688D;
text-decoration : underline;
font-size : 10px;
font-weight : bold;
font-family : Verdana, Arial, Helvetica, sans-serif;
}
.news-poster {
font-size : 9px;
padding: 2px;
}
/* Articles: */
.art-capmain {
font-family : Helvetica, Arial, Verdana, sans-serif;
font-size : 11px;
font-weight : bold;
color : #f1f1f1;
text-transform : uppercase;
background-color : #171717;
border-top : 1px solid #F1F1F1;
border-left : 1px solid #FFF;
border-right : 1px solid #BBB;
border-bottom : 1px solid #BBB;
background-image : url(images/art2.gif);
background-repeat : repeat-y;
background-position : right 0%;
padding : 0 5px 0 2px;
}
.art-body {
width: 100%;
font-size : 11px;
color : #111;
border : 1px solid #BBB;
border-left : 1px solid #FFF;
border-top: 1px solid #DDD;
border-right : 1px solid #BBB;
padding : 4px 5px 5px 5px;
}
/* Captions */
.capmain {
font-family : Helvetica, Arial, Verdana, sans-serif;
font-size : 11px;
font-weight : bold;
color : #333;
border-bottom : 1px solid #999999;
padding : 10px 0 4px 0px;
}
.scapmain {
font-family : Helvetica, Arial, Verdana, sans-serif;
font-size : 11px;
font-weight : bold;
color : #333;
border-bottom : 1px solid #999999;
padding : 4px 0 4px 0px;
}
.forum-caption {
font-family : Helvetica, Arial, Verdana, sans-serif;
font-size : 13px;
font-weight : bold;
color : #171717;
background-color : #DDD;
background-image: url(images/a_shading.gif);
border-top : 1px solid #fff;
border-left : 1px solid #fff;
border-right : 1px solid #fff;
border-bottom : 1px solid #fff;
padding : 2px 4px 2px 5px;
}
.side-label {
color : #333;
border-top : 1px solid #999999;
border-bottom : 1px solid #999999;
padding : 2px 4px 2px 0px;
margin-top : 3px;
margin-bottom : 3px;
}
/* Table properties */
.center {
margin : 0 auto;
}
.tbl-border {
border : 1px solid #999999;
color : #111;
background-color : #ffffff;
}
.tbl {
font-size : 11px;
color :#333333;
padding : 2px;
}
.tbl1 {
font-size : 11px;
color : #333;
background-color : #E7E8D6;
padding : 4px;
}
.tbl2 {
font-size : 11px;
color : #333;
background-color : #E8E3D6;
padding : 4px;
}
.quote {
font-size : 11px;
color : #333;
padding : 4px 4px 4px 16px;
margin : 10px;
border-top : 1px solid #999999;
border-left : 1px solid #999999;
border-right : 1px solid #999999;
border-bottom : 1px solid #999999;
background-image : url(images/quote_bg.jpg);
background-repeat : repeat-y;
background-position : left 0%;
}
.poll {
height : 10px;
background-color : #e8e8f1;
border-top : 1px solid #a8b3ca;
border-left : 1px solid #a8b3ca;
border-right : 1px solid #fff;
border-bottom : 1px solid #fff;
}
.comment-name {
font-weight : bold;
color : #333;
}
/* Shoutbox */
.shoutboxname {
font-weight : bold;
color : #333;
}
.shoutbox {
color : #333;
}
.shoutboxdate {
font-size : 10px;
color : #333;
}
.small {
font-size : 11px;
font-weight : normal;
color : #333;
}
.small2 {
font-size : 10px;
font-weight : normal;
color : #333;
}
.side-small {
font-size : 10px;
font-weight : normal;
color : #333;
padding : 2px;
}
/* Footer Styles: */
.footer {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #7f7f7f;
background-color : #171717;
border-top : 0 solid #999999;
padding : 5px;
}
.bottom {
height : 16px;
background-color : #f1f1f1;
background-image : url(images/bottom.gif);
background-repeat : repeat-x;
}
/* Messages: */
.admin-message {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight : bold;
text-align: center;
color: #006087;
background-color: #f6f6f6;
border: 2px solid #006087;
padding: 3px 4px 5px 4px;
margin: 5px;
}
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynami...com/style/ */
#modernbricksmenu{
padding: 0;
width: 100%;
background: transparent;
/* voice-family: "\"}\"";
voice-family: inherit; */
}
#modernbricksmenu ul{
font: bold 11px Arial;
margin:0;
margin-left: 5px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}
#modernbricksmenu li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}
#modernbricksmenu a{
float: left;
display: block;
color: white;
margin: 0 1px 1px 0; /*Margin between each menu item*/
padding: 3px 6px;
font-family : Helvetica, Arial, Verdana, sans-serif;
font-size : 11px;
font-weight : bold;
text-decoration: none;
letter-spacing: 1px;
background-color: black; /*Default menu color*/
border-bottom: 1px solid transparent; /* To fool crappy IE */
}
#modernbricksmenu a:hover{
background-color: #F6A504; /*Menu hover bgcolor*/
font-family : Helvetica, Arial, Verdana, sans-serif;
font-size : 11px;
font-weight : bold;
text-decoration: none;
}
#modernbricksmenu #current a{ /*currently selected tab*/
background-color: #D25A0B; /*Brown color theme*/
border-color: #D25A0B; /*Brown color theme*/
font-family : Helvetica, Arial, Verdana, sans-serif;
font-size : 11px;
font-weight : bold;
text-decoration: none;
}
/* */
#switcher {
float: right;
padding-right: 5px;
}
|
Verwarnstatus:
|
|
|
|
|
icejack |
Geschrieben am 10-02-2017 18:02
|
Foren-Mitglied
(3)
PHP-Fusion: v7.02.07
Beiträge: 43
Registriert am: 14.12.2014
Geschlecht:
Alter: 52
Stimmung:
|
Das mag sein, aber irgendwie musste es ja lernen. Als Homepagebetreiber sollte man schon selber mal Hand anlegen.
was für eine CSS hast du denn jetzt hier gepostet? Eigentlich brauchst du nur am CSS des DropDown einstellen. Oder hast du das DropDown per Infusion eingebaut? |
Verwarnstatus:
|
|
|
|
|
DeeoNe |
Geschrieben am 10-02-2017 18:14
|
Super Admin
(236)
PHP-Fusion: v7.02.07
Beiträge: 3715
Registriert am: 30.01.2010
Geschlecht:
Alter: 38
Stimmung:
|
Für mich ist das die css vom Seiten Theme.
Mit Firebug für Firefox oder mit Chrome kann man Style stellen wunderbar Analysieren.
|
Verwarnstatus:
|
|
|
|
|
Andydeluxe97 |
Geschrieben am 10-02-2017 18:57
|
Routinier
(-47)
PHP-Fusion: v7.02.07
Beiträge: 229
Registriert am: 09.11.2015
Geschlecht:
Alter: 27
Stimmung:
|
@Icejack
ich habe mir Infusion
@deeone
Ich hab firefox |
Verwarnstatus:
|
|
|
|
|
icejack |
Geschrieben am 10-02-2017 20:33
|
Foren-Mitglied
(3)
PHP-Fusion: v7.02.07
Beiträge: 43
Registriert am: 14.12.2014
Geschlecht:
Alter: 52
Stimmung:
|
Wenn du Infusion installiert hast, hast du die Möglichkeit in der Administration dir DropDown Menü Theme auszuwählen oder du nimmst keines und passt es dir manuell an. Du kannst aber auch ein Theme nehmen und dieses dann anpassen. das mach ich bei mir auch |
Verwarnstatus:
|
x 1
|
|
|
|
Septron |
Geschrieben am 10-02-2017 21:08
|
Routinier
(21)
PHP-Fusion: v7.02.07
Beiträge: 215
Registriert am: 10.12.2010
Geschlecht:
Alter: 36
Stimmung:
|
Hallo, und wenn man es anders haben will schaut man nach einem Manuellen Drop Menü wo man dann alles selber einträgt dies kann Theme/Template abhängig sein oder man verbaut Free Drobdowns
lg Septron
|
Verwarnstatus:
|
x 1
|
|
|
|
matze |
Geschrieben am 10-02-2017 21:47
|
Prinz
(-18)
PHP-Fusion: v7.02.07
Beiträge: 596
Registriert am: 23.12.2012
Geschlecht:
Alter: 56
Stimmung:
|
Richtisch======>>>> |
Verwarnstatus:
|
|
|
|
|
Andydeluxe97 |
Geschrieben am 11-02-2017 15:18
|
Routinier
(-47)
PHP-Fusion: v7.02.07
Beiträge: 229
Registriert am: 09.11.2015
Geschlecht:
Alter: 27
Stimmung:
|
Hallo zusammen,
Septron gibs da irgendwo vorlagen, von einem dropdown menu
gruss loggel1 |
Verwarnstatus:
|
|
|
|
|
Septron |
Geschrieben am 11-02-2017 16:05
|
Routinier
(21)
PHP-Fusion: v7.02.07
Beiträge: 215
Registriert am: 10.12.2010
Geschlecht:
Alter: 36
Stimmung:
|
Hallo,
ist ja nicht so das der größte freund und Helfer Onkel Google da weiterhilft...
CSS Dropdowns menu
lg Septron
|
Verwarnstatus:
|
|
|
|
|
Andydeluxe97 |
Geschrieben am 11-02-2017 17:55
|
Routinier
(-47)
PHP-Fusion: v7.02.07
Beiträge: 229
Registriert am: 09.11.2015
Geschlecht:
Alter: 27
Stimmung:
|
hi,
ok werde schauen
Danke, falls ich hilfe brauch komm ich wieder zurück
lg |
Verwarnstatus:
|
|
|
|