SMF Support > Archief
Tekstkleur in kaders aanpassen. Tip?
TattooLeashed:
Op mijn forum heb ik buttons bovenaan de pagina zoals de meesten wel hebben: home - forum - leden - inloggen - etc. Nou verschijnt er, wanneer iemand met de muis op zo'n knop gaat staan een menubalk met meerdere sub-opties die verwijzen naar pagina's zoals bijvoorbeeld de disclaimer. Het woord disclaimer is echter dezelfde van dezelfde kleur als de menubalk die dan verschijnt. Weet iemand waar ik moet zijn om met die kleuren te kunnen spelen?
The Burglar!:
zoek even in je CSS bestand naar
--- Code: ---/* Styles for the standard dropdown menus.
--- End code ---
daar vind je wat je nodig hebt ;)
Yoshi:
Uh, nee. Dat verandert het voor het hele menu. De OP wil het alleen voor de Disclaimer knop.
Kun je je Subs.php even bijvoegen?
TattooLeashed:
Gezocht maar ik heb geen idee wat er waar aangepast moet worden. Heb jij een idee? En het moet inderdaad voor alle onderliggende knoppen ;)
--- Code: ---/* Styles for the standard dropdown menus.
------------------------------------------------------- */
#main_menu
{
padding: 0 0.5em;
float: left;
margin: 0;
width: 98%;
}
.dropmenu, .dropmenu ul
{
list-style: none;
line-height: 1em;
padding: 0;
margin: 0;
}
.dropmenu
{
padding: 0 0.5em;
}
.dropmenu a
{
display: block;
color: #A6A6A6;
text-decoration: none;
}
.dropmenu a span
{
display: block;
padding: 0 0 0 5px;
font-size: 0.9em;
}
/* the background's first level only */
.dropmenu li a.firstlevel
{
margin-right: 8px;
}
.dropmenu li a.firstlevel span.firstlevel
{
display: block;
position: relative;
left: -5px;
padding-left: 5px;
height: 22px;
line-height: 19px;
}
.dropmenu li
{
float: left;
padding: 0;
margin: 0;
position: relative;
}
.dropmenu li ul
{
z-index: 90;
display: none;
position: absolute;
width: 19em;
font-weight: normal;
border-bottom: 1px solid #121212;
background: url(../images/theme/menu_gfx.png) 0 -100px no-repeat;
padding: 7px 0 0 0;
}
.dropmenu li li
{
width: 19em;
margin: 0;
border-left: 1px solid #121212;
border-right: 1px solid #121212;
}
.dropmenu li li a span
{
display: block;
padding: 8px;
}
.dropmenu li ul ul
{
margin: -1.8em 0 0 13em;
}
/* the active button */
.dropmenu li a.active
{
background: url(../images/theme/menu_gfx.png) no-repeat 100% 0;
color: #A6A6A6;
font-weight: bold;
}
.dropmenu li a.active span.firstlevel
{
background: url(../images/theme/menu_gfx.png) no-repeat 0 0;
}
/* the hover effects */
.dropmenu li a.firstlevel:hover, .dropmenu li:hover a.firstlevel
{
background: url(../images/theme/menu_gfx.png) no-repeat 100% -30px;
color: #fff;
cursor: pointer;
text-decoration: none;
}
.dropmenu li a.firstlevel:hover span.firstlevel, .dropmenu li:hover a.firstlevel span.firstlevel
{
background: url(../images/theme/menu_gfx.png) no-repeat 0 -30px;
}
/* the hover effects on level2 and 3 */
.dropmenu li li a:hover, .dropmenu li li:hover>a
{
background: #fff;
color: #fff;
text-decoration: none;
}
.dropmenu li:hover ul ul, .dropmenu li:hover ul ul ul
{
top: -999em;
}
.dropmenu li li:hover ul
{
top: auto;
}
.dropmenu li:hover ul
{
display: block;
}
.dropmenu li li.additional_items
{
background-color: #292929;
}
/* The dropdown menu toggle image */
#menu_toggle
{
float: right;
margin-right: 10px;
padding-top: 3px;
}
#menu_toggle span
{
position: relative;
right: 5000px;
}
--- End code ---
Waar vind ik Subs.php?
Yoshi:
--- Quote from: TattooLeashed on May 10, 2012, 03:11:21 PM ---Gezocht maar ik heb geen idee wat er waar aangepast moet worden. Heb jij een idee? En het moet inderdaad voor alle onderliggende knoppen ;)
--- Code: ---/* Styles for the standard dropdown menus.
------------------------------------------------------- */
#main_menu
{
padding: 0 0.5em;
float: left;
margin: 0;
width: 98%;
}
.dropmenu, .dropmenu ul
{
list-style: none;
line-height: 1em;
padding: 0;
margin: 0;
}
.dropmenu
{
padding: 0 0.5em;
}
.dropmenu a
{
display: block;
color: #A6A6A6;
text-decoration: none;
}
.dropmenu a span
{
display: block;
padding: 0 0 0 5px;
font-size: 0.9em;
}
/* the background's first level only */
.dropmenu li a.firstlevel
{
margin-right: 8px;
}
.dropmenu li a.firstlevel span.firstlevel
{
display: block;
position: relative;
left: -5px;
padding-left: 5px;
height: 22px;
line-height: 19px;
}
.dropmenu li
{
float: left;
padding: 0;
margin: 0;
position: relative;
}
.dropmenu li ul
{
z-index: 90;
display: none;
position: absolute;
width: 19em;
font-weight: normal;
border-bottom: 1px solid #121212;
background: url(../images/theme/menu_gfx.png) 0 -100px no-repeat;
padding: 7px 0 0 0;
}
.dropmenu li li
{
width: 19em;
margin: 0;
border-left: 1px solid #121212;
border-right: 1px solid #121212;
}
.dropmenu li li a span
{
display: block;
padding: 8px;
}
.dropmenu li ul ul
{
margin: -1.8em 0 0 13em;
}
/* the active button */
.dropmenu li a.active
{
background: url(../images/theme/menu_gfx.png) no-repeat 100% 0;
color: #A6A6A6;
font-weight: bold;
}
.dropmenu li a.active span.firstlevel
{
background: url(../images/theme/menu_gfx.png) no-repeat 0 0;
}
/* the hover effects */
.dropmenu li a.firstlevel:hover, .dropmenu li:hover a.firstlevel
{
background: url(../images/theme/menu_gfx.png) no-repeat 100% -30px;
color: #fff;
cursor: pointer;
text-decoration: none;
}
.dropmenu li a.firstlevel:hover span.firstlevel, .dropmenu li:hover a.firstlevel span.firstlevel
{
background: url(../images/theme/menu_gfx.png) no-repeat 0 -30px;
}
/* the hover effects on level2 and 3 */
.dropmenu li li a:hover, .dropmenu li li:hover>a
{
background: #fff;
color: #fff;
text-decoration: none;
}
.dropmenu li:hover ul ul, .dropmenu li:hover ul ul ul
{
top: -999em;
}
.dropmenu li li:hover ul
{
top: auto;
}
.dropmenu li:hover ul
{
display: block;
}
.dropmenu li li.additional_items
{
background-color: #292929;
}
/* The dropdown menu toggle image */
#menu_toggle
{
float: right;
margin-right: 10px;
padding-top: 3px;
}
#menu_toggle span
{
position: relative;
right: 5000px;
}
--- End code ---
Waar vind ik Subs.php?
--- End quote ---
Sources map :)
Navigation
[0] Message Index
[#] Next page
Go to full version