Joomla Templates Club 406,261 posts

[fiumeciane Friend fiumecianeJoin date: June 2009Posts: 208Downloads:13Uploads:57 Thanks: 16 Thanked: 6 times in 1 posts]

#172167

I would like to add a Google+ button in the topmega menu that point to my url Google+ page (See image made ​​with photoshop), but I have no idea how to do it.

Can anyone help me?

thanks

---

Attachments:

1. 

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#431218

Hi fiumeciane

You can solve with a new class look at this tip at the end you can change the item type to external url and insert your google+ link

[fiumeciane Friend fiumecianeJoin date: June 2009Posts: 208Downloads:13Uploads:57 Thanks: 16 Thanked: 6 times in 1 posts]

#431226

Please explain to me exactly what to do?

I saw the thread, I can do almost everything, but then how to make the image appear in the menu topmega.

thanks

#ja-topmega li.nav-blog a.nav-blog,
#ja-topmega li.nav-interview a.nav-interview,
#ja-topmega li.nav-social a.nav-social,
#ja-topmega li.nav-feeds a.nav-feeds,
#ja-topmega li.nav-googleplus a.nav-googleplus {
padding: 4px 0 3px;
margin: 3px 5px;
text-indent: -1000em;
width: 28px;
}

#ja-topmega li.nav-blog,
#ja-topmega li.nav-interview,
#ja-topmega li.nav-social,
#ja-topmega li.nav-feeds,
#ja-topmega li.nav-googleplus { float: right; border: none; }

#ja-topmega li.nav-social .childcontent-inner,
#ja-topmega li.nav-googleplus .childcontent-inner { background: #fff; }

/* Google plus Button */
#ja-topmega li.nav-googleplus a.nav-googleplus {
background: url(../images/icons/googleplus_32.png) no-repeat center #138bb3 !important;
}

… and then I do not know what to do

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#431227

When you have created the new class ( for example nav-google ) you must insert the class in the Ja_Parameters extended —>Additional class of the new menu item created

[fiumeciane Friend fiumecianeJoin date: June 2009Posts: 208Downloads:13Uploads:57 Thanks: 16 Thanked: 6 times in 1 posts]

#431238

<em>@pavit 291252 wrote:</em><blockquote>When you have created the new class ( for example nav-google ) you must insert the class in the Ja_Parameters extended —>Additional class of the new menu item created</blockquote>

Here’s what I did:

1) I have edited file template.css

#ja-topmega li.nav-blog a.nav-blog,
#ja-topmega li.nav-interview a.nav-interview,
#ja-topmega li.nav-social a.nav-social,
#ja-topmega li.nav-feeds a.nav-feeds,
#ja-topmega li.nav-googleplus a.nav-googleplus {
padding: 4px 0 3px;
margin: 3px 5px;
text-indent: -1000em;
width: 28px;
}

#ja-topmega li.nav-blog,
#ja-topmega li.nav-interview,
#ja-topmega li.nav-social,
#ja-topmega li.nav-feeds,
#ja-topmega li.nav-googleplus { float: right; border: none; }

#ja-topmega li.nav-social .childcontent-inner,
#ja-topmega li.nav-googleplus .childcontent-inner { background: #fff; }
}

/* Google plus Button */
#ja-topmega li.nav-googleplus a.nav-googleplus {
background: url(../images/icons/googleplus_32.png) no-repeat center #138bb3 !important;
}

2) Uploaded in the /templates/ja_teline_iv/images/icons image googleplus_32.png

3) I created, on topmega menu, new items (External link) with the settings you see in the picture

I cleaned the JAT3 cache, browser cache, but ….nothing happened :((

Why?

---

Attachments:

1. 

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#431242

Salve

Ho notato che sei italiano

Da qui sembra tutto corretto

se non ti dispiace, potresti inviarmi via PM i tuoi dati di accesso al backend in modo da controllare meglio cosa c’è che non va ?

Grazie

[fiumeciane Friend fiumecianeJoin date: June 2009Posts: 208Downloads:13Uploads:57 Thanks: 16 Thanked: 6 times in 1 posts]

#431243

<em>@pavit 291271 wrote:</em><blockquote>Salve

Ho notato che sei italiano

Da qui sembra tutto corretto

se non ti dispiace, potresti inviarmi via PM i tuoi dati di accesso al backend in modo da controllare meglio cosa c’è che non va ?

Grazie</blockquote>

In effetti adesso funziona, avevo commesso un errore nel nome dell’immagine (mancava un trattino).

Ma adesso sono alle prese con un altro problema. Come vedi dall’immagine seguente, attorno all’immagine si vede un fastidioso sfondo blu. Come lo tolgo? Grazie.

---

Attachments:

1. 

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#431249

Scusa non avevo notato questa riga di codice

/* Google plus Button */
#ja-topmega li.nav-googleplus a.nav-googleplus {
background: url(../images/icons/googleplus_32.png) no-repeat center #138bb3 !important };

quello segnato in rosso è il colore di sfondo cambialo in
transparent;

1 user says Thank You to pavit for this useful post

1. fiumeciane

[fiumeciane Friend fiumecianeJoin date: June 2009Posts: 208Downloads:13Uploads:57 Thanks: 16 Thanked: 6 times in 1 posts]

#431253

Funziona! Grazie mille.

[Author]

Posts