[All Version] Social Link/Icons

Buna Ziua,
Astazi am sa va ofer un cod destul de util pentru toate versiunile FG
Sa incepem.

Pasul 1.
PA > Afisare > Imagini si culori > Culori > Foaia de stil CSS

.sociale {
position: relative;
float: left;
margin-top: 19px;
}

.sociale li {
display: inline;
font-size: 1.1em;
line-height: 2.2em;
list-style-type: none;
width: auto;
margin-right: 10px;
}

.sociale li {
background: #FDFDFD;
padding: 4px 7px;
position: relative;
top: -20px;
border-radius: 0px 0px 4px 4px;
}

a, a:hover {
text-decoration: none!important;
}

PA > Module > HTML & JAVASCRIPT > Gestiunea codurilor JavaScript > Coduri JavaScript > Creaza un nou JavaScript
(Amplasare: Toate Paginile)

/*!
* jQuery JavaScript Social Icons v1.8.2
* [You must be registered and logged in to see this link.]
*
* Copyright 2012 Extream-Suport and other contributors
* Released under the MIT license
* [You must be registered and logged in to see this link.]
*
* Date: 02 November 2012- 6:53 pm (Bucuresti)
*/

varCopyright = '(c) 2012 - Extream-Suport. All rights reserved. | Meniu Social Icons creat de InFeRn0, va rog sa pastrati copyright.';
$(function() {

// punBB version.
$('#pun-intro').prepend('

• [You must be registered and logged in to see this link.]
• [You must be registered and logged in to see this link.]
• [You must be registered and logged in to see this link.]

');

// pHpBB3 version.
$('.headerbar').prepend('

• [You must be registered and logged in to see this link.]
• [You must be registered and logged in to see this link.]
• [You must be registered and logged in to see this link.]

');

// pHpBB2 version.
$('.bodyline').prepend('

• [You must be registered and logged in to see this link.]
• [You must be registered and logged in to see this link.]
• [You must be registered and logged in to see this link.]

');

// Invison version.
$('#logostrip').prepend('

• [You must be registered and logged in to see this link.]
• [You must be registered and logged in to see this link.]
• [You must be registered and logged in to see this link.]

');
})( window );

Daca vreti imagini cautati

Code:

<a href="#" class="facebook">FaceBook</a>

si inlocuiti cu

Code:

<a href="#" class="facebook"><img src="link" alt="" /></a>

Demo:

Spoiler:

Important: Pentru a vedea codurile va rog sa raspundeti cu reply.
Tutorial relizat de InFeRn0 | Extream-Suport.
Reproducerea acestui tutorial nu este posibila fara acordul nostru, in conformitate cu articolul L122-1 apartinand ICC.

asd