Аниме ТоП Сайтов системы Ucoz был создан для классификации
направлений аниме сайтов.
Наш Топ аниме сайтов имеет 10 направлений аниме сайтов.
Участвующим в топе бонусы:
1. Возможность рассказать о своём аниме проекте в разделе статей.
2. Добавить свой аниме канал новостей.
3. Следить за показателями своего аниме сайта.
4. Участвовать в программе рандомный аниме баннер.

Категории статей

Статьи об аниме [21]
Статьи для администраторов аниме сайтов [15]
Статейки для админа [12]
Расскажи о своём аниме сайте [20]

Вход / Регистрация


Главная » 2013 » Август » 17 » Кнопки соц сетей для сайта ucoz
02:01

Кнопки соц сетей для сайта ucoz

Если вы задумались поставить кнопки социальных сетей (яндекса, гугла, контакта, одноклассников и т.д), то не задумывайтесь, а ставьте!!

Преимущество кнопок из соц сетей очевидно:

1. Легко можно поделится новостью

2. Больше народа просмотрит эту новость (самореклама)

Но весь вопрос состоит не в том, ставить кнопки из соц сетей или нет, а в том какие именно лучше поставить!?

В интернете куча разных видов кнопок из соц сетей!
Я в первую очередь рекомендую оценивать кнопки по таким признакам:
1. Хороший Дизайн
2. 100% отображение во всех браузерах, особенно в IE ( internet Explorer )
3. Большой выбор кнопок

И соответственно раз уж рассказ пошёл о кнопках из социальных сетей, то и я
на примере нашего сайта объясню установку кнопок.

В нашем примере мы будем ставить кнопочки к станице материала и комментария,
и упорядочим только одну категорию Расскажи о своём аниме сайте

Итак продолжаем:

1.Начальный вид нашей странички в админ панели

думаю самое подходящее место для установки кнопок соц сетей будет под строкой
Статья опубликована специально для сайта © anime-top.moy.su

И в админ панели страницы материала и комментария к нему мы прописываем код

<style type="text/css">
#head5 {
background: #fff;
width: 400px;
float: center;
position: relative;
left: 0px;
top: 0px;
 }
</style>
<div id="head5">
<div class="share42init"></div>
<script type="text/javascript" src="http://anime-top.moy.su/share42/share42.js"></script>
</div>  

Где position: relative;  означает позиция относительно места написания кода.

left: 0px; top: 0px; отступы слева и сверху

float: center; позиция относительно центра - хотя по идее float не имеет такого значения, но как раз этот баг и делает установку скрипта соц сетей проще остальных!

width: 400px; длина DIV слоя
background: #fff;  фон слоя (белый)

в нашем случае это нужно подправить и мы меняем фон Div слоя на #edecd5.

Вроде бы всё сделали, однако мы ещё не прописали условие показа скрипта кнопок соц сетей для определённой категории!!

А категория Расскажи о своём аниме сайте имеет ID:4 и называется 'Расскажи о своём аниме сайте', именно от этого мы и будем отталкиваться и пропишем условие для категории по такому принципу:



Ну вот мы и научились ставить кнопки соц сетей! Внизу вы можете скачать архив для установки кнопок соц сетей себе на сайт, и если вы не разберётесь, то вы можете скопировать наш код кнопок или написать комментарий с вашей проблемой по установке!


Ссылка на архив кнопок для соц сетей


Статья опубликована специально для сайта © anime-top.moy.su
Категория: Статьи для администраторов аниме сайтов | Просмотров: 651 | Добавил: Alexiya | Теги: сетей, соц, ucoz, сайта, Для, кнопки | Рейтинг: 5.0/2
Всего комментариев: 1
1 Alexiya  
Кстати facebook не дружит видно с ucoz и поэтому в этой соц сети ucoz сайты не по пиаришь dry

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Аниме Топ Сайтов СИстемы UcoZ. © 2012-2015
Оригинальные статьи о аниме сайтах.