Back to top

Autore Topic: jf creativia personalizzazione css  (Letto 1615 volte)

Offline VanBastle

  • Esploratore
  • **
  • Post: 197
    • Mostra profilo
jf creativia personalizzazione css
« il: 18 Set 2014, 19:58:23 »
Salve,


volevo personalizzare il menù principale del template in oggetto
http://www.joomfreak.com/demo/jf_creativia/ link originale, tanto è uguale...


in pratica il colore grigio del menù è chiaro, e si scurisce al passaggio del mouse. stavo cercando sul menù.css ma mi fa cambiare il colore dei menù, ma non il colore dell'evento "onmouseover". che resta del colore impostato, semplicemente più chiaro.


Così per logica immagino che sia stato impostato un gioco di opacità del tipo 60% e 100% tra mouseover e onmouseover.


Giro nel css e trovo su template.css questo:



}


h2.contentheading a, .item-header h1 a {
  text-decoration: none;
  opacity : 0.6 ;
  -ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=60)";    /* hack IE8   */
  filter: apha(opacity = 60);                       /* hack IE7    */
  -webkit-transition : all 0.2s ease-in-out;
  -moz-transition : all 0.2s ease-in-out;
  -ms-transition : all 0.2s ease-in-out;
  -o-transition : all 0.2s ease-in-out;
  transition : all 0.2s ease-in-out;
}


h2.contentheading a:hover, .item-header h1 a:hover {
  opacity : 1.0 ;
  -ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=100)";    /* hack IE8   */
  filter: apha(opacity = 100);
}


ho provato a modificare l'opacità da 60% a 90% ma non cambia nulla.


Suggerimenti?
Grazie in anticipo.
P

Offline VanBastle

  • Esploratore
  • **
  • Post: 197
    • Mostra profilo
Re:jf creativia personalizzazione css
« Risposta #1 il: 18 Set 2014, 20:17:20 »
Risolto, il blocco da modificare era il seguente, l'avevo ignorato perchè pensavo si trattasse SOLO della startingpage, invece comprendeva tutti gli altri:



div#startingpage-logo,div.main_menu li a, div.main_menu li span.separator, div.user4 .menu li a, a.jflink, div.itemBackToTop {
  opacity : 0.9 ;
  -ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=90)";    /* hack IE8   */
  filter: apha(opacity = 90);                       /* hack IE7    */
  -webkit-transition : all 0.2s ease-in-out;
  -moz-transition : all 0.2s ease-in-out;
  -ms-transition : all 0.2s ease-in-out;
  -o-transition : all 0.2s ease-in-out;
  transition : all 0.2s ease-in-out;
}
 
 
div#startingpage-logo:hover,div.main_menu li a:hover, div.main_menu li span.separator:hover, div.user4 .menu li:hover a,div.main_menu li.current.active a, div.user4 .menu li.active a, a.jflink:hover, div.itemBackToTop:hover {
    opacity : 1.0 ;
  -ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=100)";    /* hack IE8   */
  filter: apha(opacity = 100);                       /* hack IE7    */

 



Web Design Bolzano Kreatif