.toggleMenu en wordpress problemas con css
Publicado por fernando (1 intervención) el 09/10/2013 06:42:20
hola
instale el menu .toggleMenu en mi wordpress y para que diera la accion de pasar por sobre aprareciera activado (de otro color), modifique el archivo css boilerplate.css (pagina fluida hecha originalmente en dreamweaver),
y me resulto al pasar el mouse este cambie en cada item de color, pero me dio un problema en donde va el logo de wordpress los textos con link todos tienen el color azula activado si se lo saco queda bien pero el menu queda sin la accion
css del menu
instale el menu .toggleMenu en mi wordpress y para que diera la accion de pasar por sobre aprareciera activado (de otro color), modifique el archivo css boilerplate.css (pagina fluida hecha originalmente en dreamweaver),
1
2
3
4
5
6
7
a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
/* Mejorar la legibilidad con foco y al pasar por encima en todos los navegadores: h5bp.com/h */a:hover, a:active { outline: 0; }
y me resulto al pasar el mouse este cambie en cada item de color, pero me dio un problema en donde va el logo de wordpress los textos con link todos tienen el color azula activado si se lo saco queda bien pero el menu queda sin la accion
css del menu
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
body {margin: 0px; padding: 0px;
}nav {margin: 0px; padding: 0px;
}ul {margin: 0px; padding: 0px;
}li {margin: 0px; padding: 0px;
}a {margin: 0px; padding: 0px;
}body {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}a {text-decoration: none;
}.container {
margin: 0px auto; width: 100%; max-width: 920px;
}.toggleMenu {
background: rgb(102, 102, 102); padding: 10px 15px; color: rgb(255, 255, 255); display: none;
}.nav {
list-style: none;
background-color: rgb(0,102,153);
}.nav::before {
display: table; content: " ";
}.nav::after {
display: table; content: " ";
}.nav::after {
clear: both;}.nav ul {
list-style: none; width: 9em;
}.nav a {
padding: 10px 15px; color: rgb(255, 255, 255);
}.nav li {
position: relative;}.nav > li {
border-top-color: rgb(16, 67, 54); border-top-width: 1px; border-top-style: solid; float: left;
}.nav > li > .parent {
background-position: right; background-image: url("images/downArrow.png"); background-repeat: no-repeat;
}.nav > li > a {
display: block;}.nav li ul {
left: -9999px; position: absolute;
}.nav > li.hover > ul {
left: 0px;}.nav li li.hover ul {
left: 100%; top: 0px;
}.nav li li a {
border-top-color: rgb(23, 94, 76);
border-top-width: 1px;
border-top-style: solid;
display: block; position: relative;z-index: 100;
background-color: rgb(0,153,255);
}.nav li li li a {
background: rgb(36, 149, 120); border-top-color: rgb(29, 122, 98); border-top-width: 1px; border-top-style: solid; z-index: 200;
}#footer {
}.zeroMargin_mobile {
margin-left: 0;
}.hide_mobile {
display: none;}Valora esta pregunta
0