Totul se poate :)Nu e lent nici acolo,e doar un design optic cu argument text-shadow
Inițiator fir de discuții
13iunie
(@13iunie)
Pai da… dar cum? Pe mine ma intereseaza in momentul cand pun cursorul pe un link sa se schimbe lent in portocaliu(culorile le-am pus eu, dar ma intereseaza tranzitia aia lenta de la o culoare la alta)
Inițiator fir de discuții
13iunie
(@13iunie)
Stie cineva ce trebuie sa modific/adaug? scuze pentru off topic
😀 In #main-nav a introdu aceasta:
-webkit-transition-property:color, background;
-webkit-transition-duration: 1s, 1s;
-webkit-transition-timing-function: linear, ease-in;
culorile le schimbi cum doresti
Inițiator fir de discuții
13iunie
(@13iunie)
Nu te supara, unde gasesc #main-nav a?
Tot acolo unde ai schimbat culorile si unde ai pus restul codurilor
Daca n-o gasesti trece din nou
#main-nav a{
-webkit-transition-property:color, background;
-webkit-transition-duration: 1s, 1s;
-webkit-transition-timing-function: linear, ease-in;
}
Inițiator fir de discuții
13iunie
(@13iunie)
Tema are o optiune care apare in meniul de la wordpress si de acolo pot schimba background, link-uri, culori, font, logo, etc … daca ma intelegi:( Asa in css nu stiu unde as putea schimba culorile
Inițiator fir de discuții
13iunie
(@13iunie)
MAIN NAVIGATION
================================================ */
#main-nav {
margin: 0;
padding: 0;
position: absolute;
left: 0;
bottom: 10px;
z-index: 100;
}
#main-nav li {
margin: 0;
padding: 0;
list-style: none;
float: left;
position: relative;
}
/* main level link */
#main-nav a {
display: block;
padding: 5px 15px;
margin: 0 5px 0 0;
text-decoration: none;
}
/* main level link :hover */
#main-nav a:hover, #main-nav li:hover > a {
}
/* current link */
#main-nav .current_page_item a, #main-nav .current-menu-item a {
background: #333;
color: #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
/* current link :hover */
#main-nav .current_page_item a:hover, #main-nav .current-menu-item a:hover {
color: #fff;
}
/* sub-levels link */
#main-nav ul a, #main-nav .current_page_item ul a, #main-nav ul .current_page_item a, #main-nav .current-menu-item ul a, #main-nav ul .current-menu-item a, #main-nav li:hover > ul a {
color: #666;
font-size: 100%;
line-height: 140%;
font-weight: normal;
text-transform: none;
padding: 6px 6px 6px 15px;
margin: 0;
display: block;
width: 180px;
background: none;
border: none;
text-shadow: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
/* sub-levels link :hover */
#main-nav ul a:hover, #main-nav .current_page_item ul a:hover, #main-nav ul .current_page_item a:hover, #main-nav .current-menu-item ul a:hover, #main-nav ul .current-menu-item a:hover, #main-nav li:hover > ul a:hover {
background: #F3F3F3;
color: #000;
color: black;
}
/* dropdown ul */
#main-nav ul {
margin: 0;
padding: 5px 0;
list-style: none;
position: absolute;
background: #fff;
border: solid 1px #ccc;
z-index: 100;
display: none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#main-nav ul li {
background: none;
padding: 0;
margin: 0;
float: none;
}
/* sub-levels dropdown */
#main-nav ul ul {
left: 190px;
top: -2px;
}
/* show dropdown ul */
#main-nav li:hover > ul {
display: block;
}
Asta am gasit … (ditamai romanul)
Si nu ai acolo #main-nav a ?
Inițiator fir de discuții
13iunie
(@13iunie)
Acesta sa fie?
`#main-nav a {
display: block;
padding: 5px 15px;
margin: 0 5px 0 0;
text-decoration: none;
Inițiator fir de discuții
13iunie
(@13iunie)
Am trecut si nu se intampla nimic. Codul arata asa dupa ce am adaugat ce mi-ai spus:
#main-nav a {
display: block;
padding: 5px 15px;
margin: 0 5px 0 0;
text-decoration: none;
-webkit-transition-property:color, background;
-webkit-transition-duration: 1s, 1s;
-webkit-transition-timing-function: linear, ease-in;
}
Poate l-ai adaugat dar nu l-ai actualizat(Salvat) pentru ca nu-l ai in Style.css,l-am adaugat si functioneaza.
Nu uita sa salvezi schimbarile.
Inițiator fir de discuții
13iunie
(@13iunie)
Am salvat… in style.css am gasit #main-nav a
Gata merge As fi preferat totusi sa se schimbe umpicut mai repede. Inca ceva. Vroiam ca toate link-urile sa se schimbe asa inclusiv cele din titluri, articole, etc. Scuza-ma ca sunt asa mai nesimtit…
Poti schimba timpul unde e 1s,1s
prima o schimbi 0.3s,1s
ori cum doresti
Asta e cam mult timp momentan pentru mine,instaleaza Firebug si gasesti id-urile de referinta pentru ele si introdu codul intre paranteze.
Inițiator fir de discuții
13iunie
(@13iunie)
Gata. Lasa asa. Multumesc fain pentru tot. Esti cel mai tare!
