Перейти до змісту
Домент ipb-board.ru продається.

Новые социальные иконки

Рекомендовані відповіді

Опубліковано
  • Адміністратор

Screenshot_1.png

Админ Панель-Внешний вид-Ваш стиль-Глобальные-globalTemplate найти:

<!-- ::: MAIN CONTENT AREA ::: -->
			<div id='content' class='clearfix'>

Под ним вставить:

<div class="bookmarks bookmarks-expand bookmarks-center "><ul class="socials">
<li class="facebook"><a href="https://www.facebook.com/pages/SilenceBgSoftware/141200099391671" target="_blank">&nbsp;</a></li>
<li class="googlebookmarks"><a href="https://plus.google.com/+Silencebgsoftware/posts" target="_blank">&nbsp;</a></li>
<li class="twitter"><a href="http://twitter.com/" target="_blank">&nbsp;</a></li>
<li class="stumbleupon"><a href="http://www.stumbleupon.com/su/790tnx/silencebgsoftware.com/" target="_blank">&nbsp;</a></li>
<li class="comfeed"><a href="http://silencebgsoftware.com/index.php?/rss/forums/1-silencebgsoftware/" target="_blank">&nbsp;</a></li>
<li class="delicious"><a href="http://delicious.com/" target="_blank">&nbsp;</a></li>
<li class="digg"><a href="http://digg.com/" target="_blank">&nbsp;</a></li>
<li class="gmail"><a href="https://mail.google.com/" target="_blank">&nbsp;</a></li>
<li class="hotmail"><a href="http://mail.live.com/" target="_blank">&nbsp;</a></li>
<li class="yahoomail"><a href="http://compose.mail.yahoo.com/" target="_blank">&nbsp;</a></li>
<li class="myspace"><a href="http://myspace.ge/" target="_blank">&nbsp;</a></li>
<li class="blinklist"><a href="http://blinklist.com/" target="_blank">&nbsp;</a></li>
<li class="hackernews"><a href="https://news.ycombinator.com/" target="_blank">&nbsp;</a></li>
<li class="designbump"><a href="http://designbump.com/" target="_blank">&nbsp;</a></li>
<li class="globalgrind"><a href="http://www.socialglobalgrind.com/" target="_blank">&nbsp;</a></li>
<li class="posterous"><a href="http://www.posterous.com/" target="_blank">&nbsp;</a></li>
<li class="techmeme"><a href="http://www.techmeme.com/" target="_blank">&nbsp;</a></li>
<li class="tumblr"><a href="https://www.tumblr.com/" target="_blank">&nbsp;</a></li>
</ul><div style="clear: both;"></div></div>

(Заменить на ваши ссылки)

Админ Панель-Внешний вид-Ваш стиль-Добавить CSS-файл
Название: style.

div.bookmarks
{
margin-top:-20px;
    clear: both !important;
}
div.bookmarks-expand
{
    height: 32px;
    overflow: hidden;
}

div.bookmarks ul.socials
{
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent none !important;
    border: 0 none !important;
    outline: 0 none !important;
}
div.bookmarks ul.socials li
{
    background-image: url({style_images_url}/sprite.png ) !important;
    background-repeat: no-repeat !important;
    display: inline !important;
    float: left !important;
    list-style-type: none !important;
    padding: 0 !important;
    height: 29px !important;
    width: 60px !important;
    cursor: pointer !important;
    margin: 3px 0 0 !important;
    background-color: transparent !important;
    border: 0 none !important;
    outline: 0 none !important;
    clear: none !important;
}
div.bookmarks ul.socials li:before, div.bookmarks ul.socials li:after, div.bookmarks ul.socials li a:before, div.bookmarks ul.socials li a:after
{
    content: '' !important;
}
div.bookmarks ul.socials a, div.bookmarks ul.socials a:hover
{
    display: block !important;
    width: 60px !important;
    height: 29px !important;
    text-indent: -9999px !important;
    background-color: transparent !important;
    text-decoration: none !important;
    border: 0 none !important;
    margin: 0 !important;
    padding: 0 !important;
}
div.bookmarks ul.socials a:hover, div.bookmarks ul.socials li:hover
{
    background-color: transparent !important;
    border: 0 none !important;
    outline: 0 none !important;
}
li.newsvine
{
    background-position: left bottom !important;
}
li.newsvine:hover
{
    background-position: left top !important;
}
li.linkedin
{
    background-position: -70px bottom !important;
}
li.linkedin:hover
{
    background-position: -70px top !important;
}
li.googlebookmarks
{
    background-position: -140px bottom !important;
}
li.googlebookmarks:hover
{
    background-position: -140px top !important;
}
li.googlereader
{
    background-position: -210px bottom !important;
}
li.googlereader:hover
{
    background-position: -210px top !important;
}
li.scriptstyle
{
    background-position: -280px bottom !important;
}
li.scriptstyle:hover
{
    background-position: -280px top !important;
}
li.mail
{
    background-position: -350px bottom !important;
}
li.mail:hover
{
    background-position: -350px top !important;
}
li.comfeed
{
    background-position: -420px bottom !important;
}
li.comfeed:hover
{
    background-position: -420px top !important;
}
li.twitter
{
    background-position: -490px bottom !important;
}
li.twitter:hover
{
    background-position: -490px top !important;
}
li.technorati
{
    background-position: -560px bottom !important;
}
li.technorati:hover
{
    background-position: -560px top !important;
}
li.stumbleupon
{
    background-position: -630px bottom !important;
}
li.stumbleupon:hover
{
    background-position: -630px top !important;
}
li.reddit
{
    background-position: -700px bottom !important;
}
li.reddit:hover
{
    background-position: -700px top !important;
}
li.myspace
{
    background-position: -770px bottom !important;
}
li.myspace:hover
{
    background-position: -770px top !important;
}
li.mixx
{
    background-position: -840px bottom !important;
}
li.mixx:hover
{
    background-position: -840px top !important;
}
li.diigo
{
    background-position: -910px bottom !important;
}
li.diigo:hover
{
    background-position: -910px top !important;
}
li.digg
{
    background-position: -980px bottom !important;
}
li.digg:hover
{
    background-position: -980px top !important;
}
li.designfloat
{
    background-position: -1050px bottom !important;
}
li.designfloat:hover
{
    background-position: -1050px top !important;
}
li.yahoobuzz
{
    background-position: -1120px bottom !important;
}
li.yahoobuzz:hover
{
    background-position: -1120px top !important;
}
li.delicious
{
    background-position: -1190px bottom !important;
}
li.delicious:hover
{
    background-position: -1190px top !important;
}
li.blinklist
{
    background-position: -1260px bottom !important;
}
li.blinklist:hover
{
    background-position: -1260px top !important;
}
li.facebook
{
    background-position: -1330px bottom !important;
}
li.facebook:hover
{
    background-position: -1330px top !important;
}
li.misterwong
{
    background-position: -1400px bottom !important;
}
li.misterwong:hover
{
    background-position: -1400px top !important;
}
li.izeby
{
    background-position: -1470px bottom !important;
}
li.izeby:hover
{
    background-position: -1470px top !important;
}
li.twittley
{
    background-position: -1540px bottom !important;
}
li.twittley:hover
{
    background-position: -1540px top !important;
}
li.tipd
{
    background-position: -1610px bottom !important;
}
li.tipd:hover
{
    background-position: -1610px top !important;
}
li.pfbuzz
{
    background-position: -1680px bottom !important;
}
li.pfbuzz:hover
{
    background-position: -1680px top !important;
}
li.friendfeed
{
    background-position: -1750px bottom !important;
}
li.friendfeed:hover
{
    background-position: -1750px top !important;
}
li.blogmarks
{
    background-position: -1820px bottom !important;
}
li.blogmarks:hover
{
    background-position: -1820px top !important;
}
li.fwisp
{
    background-position: -1890px bottom !important;
}
li.fwisp:hover
{
    background-position: -1890px top !important;
}
li.yahoomail
{
    background-position: -1960px bottom !important;
}
li.yahoomail:hover
{
    background-position: -1960px top !important;
}
li.bobrdobr
{
    background-position: -2030px bottom !important;
}
li.bobrdobr:hover
{
    background-position: -2030px top !important;
}
li.memoryru
{
    background-position: -2100px bottom !important;
}
li.memoryru:hover
{
    background-position: -2100px top !important;
}
li.bookmark_100zakladok
{
    background-position: -2170px bottom !important;
}
li.bookmark_100zakladok:hover
{
    background-position: -2170px top !important;
}
li.yandex
{
    background-position: -2240px bottom !important;
}
li.yandex:hover
{
    background-position: -2240px top !important;
}
li.moemesto
{
    background-position: -2310px bottom !important;
}
li.moemesto:hover
{
    background-position: -2310px top !important;
}
li.marrows
{
    background-position: -2380px bottom !important;
}
li.marrows:hover
{
    background-position: -2380px top !important;
}
li.identica
{
    background-position: -2450px bottom !important;
}
li.identica:hover
{
    background-position: -2450px top !important;
}
li.hackernews
{
    background-position: -2520px bottom !important;
}
li.hackernews:hover
{
    background-position: -2520px top !important;
}
li.ning
{
    background-position: -2590px bottom !important;
}
li.ning:hover
{
    background-position: -2590px top !important;
}
li.designbump
{
    background-position: -2660px bottom !important;
}
li.designbump:hover
{
    background-position: -2660px top !important;
}
li.printfriendly
{
    background-position: -2730px bottom !important;
}
li.printfriendly:hover
{
    background-position: -2730px top !important;
}
li.fleck
{
    background-position: -2800px bottom !important;
}
li.fleck:hover
{
    background-position: -2800px top !important;
}
li.netvibes
{
    background-position: -2870px bottom !important;
}
li.netvibes:hover
{
    background-position: -2870px top !important;
}
li.netvouz
{
    background-position: -2940px bottom !important;
}
li.netvouz:hover
{
    background-position: -2940px top !important;
}
li.nujij
{
    background-position: -3010px bottom !important;
}
li.nujij:hover
{
    background-position: -3010px top !important;
}
li.globalgrind
{
    background-position: -3080px bottom !important;
}
li.globalgrind:hover
{
    background-position: -3080px top !important;
}
li.wikio
{
    background-position: -3150px bottom !important;
}
li.wikio:hover
{
    background-position: -3150px top !important;
}
li.xerpi
{
    background-position: -3220px bottom !important;
}
li.xerpi:hover
{
    background-position: -3220px top !important;
}
li.sphinn
{
    background-position: -3290px bottom !important;
}
li.sphinn:hover
{
    background-position: -3290px top !important;
}
li.hotmail
{
    background-position: -3360px bottom !important;
}
li.hotmail:hover
{
    background-position: -3360px top !important;
}
li.posterous
{
    background-position: -3430px bottom !important;
}
li.posterous:hover
{
    background-position: -3430px top !important;
}
li.techmeme
{
    background-position: -3500px bottom !important;
}
li.techmeme:hover
{
    background-position: -3500px top !important;
}
li.ekudos
{
    background-position: -3570px bottom !important;
}
li.ekudos:hover
{
    background-position: -3570px top !important;
}
li.pingfm
{
    background-position: -3640px bottom !important;
}
li.pingfm:hover
{
    background-position: -3640px top !important;
}
li.tomuse
{
    background-position: -3710px bottom !important;
}
li.tomuse:hover
{
    background-position: -3710px top !important;
}
li.webblend
{
    background-position: -3780px bottom !important;
}
li.webblend:hover
{
    background-position: -3780px top !important;
}
li.wykop
{
    background-position: -3850px bottom !important;
}
li.wykop:hover
{
    background-position: -3850px top !important;
}
li.blogengage
{
    background-position: -3920px bottom !important;
}
li.blogengage:hover
{
    background-position: -3920px top !important;
}
li.hyves
{
    background-position: -3990px bottom !important;
}
li.hyves:hover
{
    background-position: -3990px top !important;
}
li.pusha
{
    background-position: -4060px bottom !important;
}
li.pusha:hover
{
    background-position: -4060px top !important;
}
li.hatena
{
    background-position: -4130px bottom !important;
}
li.hatena:hover
{
    background-position: -4130px top !important;
}
li.mylinkvault
{
    background-position: -4200px bottom !important;
}
li.mylinkvault:hover
{
    background-position: -4200px top !important;
}
li.slashdot
{
    background-position: -4270px bottom !important;
}
li.slashdot:hover
{
    background-position: -4270px top !important;
}
li.squidoo
{
    background-position: -4340px bottom !important;
}
li.squidoo:hover
{
    background-position: -4340px top !important;
}
li.propeller
{
    background-position: -4410px bottom !important;
}
li.propeller:hover
{
    background-position: -4410px top !important;
}
li.faqpal
{
    background-position: -4480px bottom !important;
}
li.faqpal:hover
{
    background-position: -4480px top !important;
}
li.evernote
{
    background-position: -4550px bottom !important;
}
li.evernote:hover
{
    background-position: -4550px top !important;
}
li.meneame
{
    background-position: -4620px bottom !important;
}
li.meneame:hover
{
    background-position: -4620px top !important;
}
li.bitacoras
{
    background-position: -4690px bottom !important;
}
li.bitacoras:hover
{
    background-position: -4690px top !important;
}
li.jumptags
{
    background-position: -4760px bottom !important;
}
li.jumptags:hover
{
    background-position: -4760px top !important;
}
li.bebo
{
    background-position: -4830px bottom !important;
}
li.bebo:hover
{
    background-position: -4830px top !important;
}
li.n4g
{
    background-position: -4900px bottom !important;
}
li.n4g:hover
{
    background-position: -4900px top !important;
}
li.strands
{
    background-position: -4970px bottom !important;
}
li.strands:hover
{
    background-position: -4970px top !important;
}
li.orkut
{
    background-position: -5040px bottom !important;
}
li.orkut:hover
{
    background-position: -5040px top !important;
}
li.tumblr
{
    background-position: -5110px bottom !important;
}
li.tumblr:hover
{
    background-position: -5110px top !important;
}
li.stumpedia
{
    background-position: -5180px bottom !important;
}
li.stumpedia:hover
{
    background-position: -5180px top !important;
}
li.current
{
    background-position: -5250px bottom !important;
}
li.current:hover
{
    background-position: -5250px top !important;
}
li.blogger
{
    background-position: -5320px bottom !important;
}
li.blogger:hover
{
    background-position: -5320px top !important;
}
li.plurk
{
    background-position: -5390px bottom !important;
}
li.plurk:hover
{
    background-position: -5390px top !important;
}
li.virb
{
    background-position: -5460px bottom !important;
}
li.virb:hover
{
    background-position: -5460px top !important;
}
li.dzone
{
    background-position: -5530px bottom !important;
}
li.dzone:hover
{
    background-position: -5530px top !important;
}
li.kaevur
{
    background-position: -5600px bottom !important;
}
li.kaevur:hover
{
    background-position: -5600px top !important;
}
li.box
{
    background-position: -5670px bottom !important;
}
li.box:hover
{
    background-position: -5670px top !important;
}
li.oknotizie
{
    background-position: -5740px bottom !important;
}
li.oknotizie:hover
{
    background-position: -5740px top !important;
}
li.bonzobox
{
    background-position: -5810px bottom !important;
}
li.bonzobox:hover
{
    background-position: -5810px top !important;
}
li.plaxo
{
    background-position: -5880px bottom !important;
}
li.plaxo:hover
{
    background-position: -5880px top !important;
}
li.springpad
{
    background-position: -5950px bottom !important;
}
li.springpad:hover
{
    background-position: -5950px top !important;
}
li.zabox
{
    background-position: -6020px bottom !important;
}
li.zabox:hover
{
    background-position: -6020px top !important;
}
li.viadeo
{
    background-position: -6090px bottom !important;
}
li.viadeo:hover
{
    background-position: -6090px top !important;
}
li.googlebuzz
{
    background-position: -6160px bottom !important;
}
li.googlebuzz:hover
{
    background-position: -6160px top !important;
}
li.gmail
{
    background-position: -6230px bottom !important;
}
li.gmail:hover
{
    background-position: -6230px top !important;
}
li.bzzster
{
    background-position: -6300px bottom !important;
}
li.bzzster:hover
{
    background-position: -6300px top !important;
}

Скачать иконки здесь:

Распаковать и загрузить изображение на FTP в ваш стиль.

Ваш форум --> public --> style_images --> ваш стиль

Для публікації повідомлень створіть обліковий запис або авторизуйтесь