Custom Header Menu

  • Resolved Luca

    (@webmaster643)


    11 years, 7 months ago

    //ENG
    Hi Greg!
    I’m not very good in English, so if you want to translate the piece in italian below with Google Translate, you can have 2 texts: 1 with my bad english and 1 with google translate bad english. XD
    Your theme is Fantastic! But, it’s got a small flaw in my opinion. Can you please look this? I Really love it header! Is it possibile to copy in your theme? I love the soft of the orange when cursor goes over it! I love the icon at left of the text. I love the soft of drop down. I love that if I’m in home, “home” is orange.. if I’m in contact, “contact” is orange! If I could, I would to copy it in your theme, to create The Percet Theme! Can you please emulated it? Either thank you so much! You’re the number one! Thanks! Have a good day! ??
    Luca

    //ITA
    Ciao Greg!
    Non sono molto bravo in Inglese, se vuoi puoi tradurre questo testo con Google Translate, in modo da avere due testi a disposizione: uno con il mio brutto inglese, e un’altro con il brutto inglese di Google Translate. XD
    Il tuo tema è perfetto, ha solo un piccolo, minuscolo difetto. Ti va di dare un’occhiata a questo tema? A me piace un sacco la gestione dell’header, ossia: l'”home”, “services”, drop down menu(“Feautures”), ecc. Mi piace molto come pian piano si illumina di arancione, e come delicatamente appare il menu a tendina. E’ semplicemente fantastico. Sai come potrei realizzare una cosa molto simile con il tuo tema? Che dici? Hai voglia di darmi qualche dritta per piacere? Inoltre, vorrei che fosse evidenziata la pagina in cui mi trovo al momento. Se sono in home, vorrei che “home” fosse in arancione, e se fossi in contact vorrei che “contact” stesse arancione. E un’altra cosa: le icone. Il fatto che ci siano le icone a sinistra del test, mi intriga parecchio. Sai come potrei aggiungerlo al tuo tema? Grazie per l’attenzione! Buona giornata! Ciao ciao!
    Luca

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter Luca

    (@webmaster643)

    //ENG
    I solved. Today and Yesterday I have spend a lot of time on this question. Then I solved. I hope that will be useful to other people. If you want to light text when you stay in a page, insert this in style.css:

    .current-menu-item a {
	color: #00aa00;
	text-decoration: none;
}

    Obviously, you can edit #00aa00 with your favourite color. If you want to light background, insert this in place of above.

    color: #ffffff;
background-color: #00aa00;
background-image: none;
text-decoration: none;
border-color: none;
border-right: none;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;

    Well, now if you want that light coming when the mouse pass over the menu, insert that codes, in this class:

    .main-navigation ul li > a:hover {
	...
}

    Well. That’s all. I noticed, that the icon I don’t matter, so I let it go. I hope this will be useful for you. Sorry for my bad english. Have a great day! Bye bye!

    //ITA
    Ho risolto. Oggi mi son messo lì di buona voglia e ho risolto. Per mantenere accesa una voce del menu, ad esempio accendendo il testo, mentre siete in quella pagina, inserite:

    .current-menu-item a {
	color: #00aa00;
	text-decoration: none;
}

    Ovviamente #00aa00 potete cambiarlo col colore che preferite. Se invece del testo, volete accendere lo sfondo con effetto soft, fate così:

    color: #ffffff;
background-color: #00aa00;
background-image: none;
text-decoration: none;
border-color: none;
border-right: none;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;

    Bene. Ora se volete accendere il menu al passaggio del mouse, dovete inserire il codice sopra elencato qui:

    .main-navigation ul li > a:hover {
	...
}

    Bene, direi che questo sia tutto. Per le icone ho lasciato perdere, visto che non mi interessavano più di tanto. Spero che il tempo dedicatogli sbattendo la testa ovunque, possa essere d’aiuto ad altri. Buona giornata!

    Sorry I missed your question. Glad to hear you got this solved Luca. Please let me know if there’s anything else I can help you with.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Custom Header Menu’ is closed to new replies.