Post

1

Joomla! 1.6/1.7/2.5 / Re:modifica template ja elastica.

« il: 12 Lug 2012, 16:54:18 »

Ciao,

Questo è il codice del template.css

Codice: [Seleziona]


#ja-social { height: 35px; } #ja-social ul { display: block; padding: 5px 1em 0; } #ja-social ul li { border-right: 1px solid #FFF; float: left; height: 30px; margin: 0; padding: 0; text-indent: -1000em; width: 30px; } #ja-social ul li a { background: url(../images/social-bg.png) no-repeat center top #999; display: block; height: 30px; width: 30px; } #ja-social ul li.social-rss a { background-position: center top; }
#ja-social ul li.social-facebook a {
  background-position: center -30px;
}

#ja-social ul li.social-twitter a {
  background-position: center -60px;
}

#ja-social ul li.social-gplus a {
  background-position: center -90px;
}

#ja-social ul li.social-likedin a {
  background-position: center -150px;
}

#ja-social ul li.social-mail a {
  background-position: center -120px;
}

#ja-social ul li a:hover {
  background-color: #274CAD;
}


Questo è il codice del modulo social

Codice: [Seleziona]

<ul class="ja-social"><li class="social-facebook">Facebook</li><li class="social-twitter"><a href="http://twitter.com/#!/InfoCsg" title="Twitter">Twitter[/url]</li><li class="social-gplus">Google+</li><li class="social-likedin">Linkedin</li><li class="social-rss"><a href="index.php?format=feed&amp;amp;type=rss">RSS[/url]</li><li class="social-mail">Mail</li></ul><!-- NON CANC
-->
Ho anche aggiunto il bottone mail

Creati il png con le varie icone: FB, TW, G+, LN, RSS, MAIL
Ora dovrebbe funzionarti.