Расположение соц. иконок

Откройте исходный код страницы с которой сделали скрин, там все будет видно )

Если бы нашел еще раз этот сайт то бы посмотрел;)

На ulfxточкаru, например, точно такое же расположение кнопок. Надеюсь вам поможет.

Если можно сам код и css🙄

<div class="social-icons">

<ul>

<li class="icon-rss"><a href="http://feeds.feedburner.com/themejunkie">RSS</a><span>Get updates</span></li>

<li class="icon-google"><a href="https://plus.google.com/116387478398345310130">Google Plus</a><span>Join our circle</span></li>

<li class="icon-twitter"><a href="http://twitter.com/theme_junkie">Twitter</a><span>Follow us</span></li>

<li class="icon-facebook"><a href="http://www.facebook.com/themejunkie">Facebook</a><span>Become our fan</span></li>

</ul>

<div class="clear"></div>

</div>

Вот, если вы это имели в виду. С PHP, к сожалению, не помогу.

Почти только не хватает CSS-стилей, а как из оттуда взять ума не приложу🙅

/* SOCIAL ICONS */

.social-icons { background: #f7f7f7; border: 1px solid #e6e6e6; margin: 0 0 20px 0; padding: 15px 15px 5px 15px; }

.social-icons li { float: left; width: 90px; height: 33px; line-height: 1.3; margin: 0 0 10px 0; padding: 3px 0 0 38px; }

.social-icons li a,

.social-icons li a:visited { color: #444; font-size: 11px; font-weight: bold; }

.social-icons li span { color: #999; display: block; font-size: 11px; }

.social-icons .icon-rss { background: url(images/ico-rss.png) no-repeat 0 0; }

.social-icons .icon-google { background: url(images/ico-google.png) no-repeat 0 0; }

.social-icons .icon-twitter { background: url(images/ico-twitter.png) no-repeat 0 0; }

.social-icons .icon-facebook { background: url(images/ico-facebook.png) no-repeat 0 0; }

CSS3 Effects

#newsletter,

.social-icons {

background: #FBFBFB;

background: -webkit-gradient(linear, left top, left bottom, from(#FBFBFB), to(#EEEEEE));

background: -webkit-linear-gradient(#FBFBFB, #EEEEEE);

background: -moz-linear-gradient(center top, #FBFBFB 0%, #EEEEEE 100%);

background: -moz-gradient(center top, #FBFBFB 0%, #EEEEEE 100%);

background: -o-linear-gradient(top, #FBFBFB, #EEE);

filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FBFBFB,endColorstr=#EEEEEE);

-ms-filter: "progid: DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FBFBFB, endColorstr=#EEEEEE)";

box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03);

-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03);

-moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03);

text-shadow: 0 1px 0 #fff;

border: 1px solid #dfdfdf;

Вот части кода, связанные с соц иконками.