webanet | Дата: Пятница, 2013-11-08, 22:43 | Сообщение # 1 |
Генералиссимус
Группа: Администраторы
Сообщений: 195
Статус: Offline
|
Система uCoz предоставила новую функцию соц.бара. Бар - это коллекция социальных кнопок для сайта, с помощью которых можно рассказать друзьям о странице в соц. сетях, "Лайкнуть" и т.д. Бар снабжен счетчиками активности
Выглядит соц.бар так
Бар от uCoz можно свернуть и развернуть. Удобно, приятно, не надо мучатся и ставить соц.кнопки от сторонних сервисов. Но иногда соц. кнопки нужны не на всех страницах. А соц.бра от uCoz показывается на всех страницах сайта
Как скрыть соц.бар на определенных страницах и выводить его на избранных
Для того чтобы убрать соц.бар с выбранной вами страницы, нужно в шаблон данной страницы прописать стили, скрывающие бар
<style type="text/css"> #toolbarMainContainer{display:none!important;} .container toolbarBottom{display:none!important;}</style> это вы должны прописать до закрывающего тега </head>
Это самый простой и быстрый способ. Но! Стили будут скрывать бар от глаз пользователей, а в исходном коде страницы весь длинный ужасных код бара так и останется
Как полностью убрать соц.бар на определенных страницах и выводить его на избранных
Можно код соц. бара полностью ликвидировать с выбранных вами страниц. Это значит, что ни пользователи, ни поисковые системы в исходном коде не увидят бар, то есть его не будет вообще. Для этого вам нужны знания HTML, умение читать исходный код страницы и немного терпения Для полного отключения вам придется во всех шаблонах полностью вырезать все скрипты и стили, которые добивает система в шаблоны сайта
Сделать это довольно легко. В шаблонах сайта (на примере стандартного) надо заменить закрывающие теги TITLE и HEAD вот так
<title>$SITE_NAME$ - $MODULE_NAME$</title<?'>'?> <?$META_DESCRIPTION$?> <link type="text/css" rel="StyleSheet" href="/_st/my.css" /> </head<?'>'?>
До того как вы вырезали системные коды, вы должны скопировать исходный код верха сайта до закрывающего тега HEAD
После того как вы вырезали системные скрипты, стили и соц.бар заодно, вы должны вернуть все на место, но уже с учетом присутствия или отсутствия куска кода соц. бара
Пример кода исходника вместе с соц. баром в измененном виде
Код <title>$SITE_NAME$ - $MODULE_NAME$</title<?'>'?>
<link type="text/css" rel="StyleSheet" href="/_st/my.css" /> <link type="text/css" rel="StyleSheet" href="http://sх.ucoz.net/src/base.css" /> <link type="text/css" rel="StyleSheet" href="http://sх.ucoz.net/src/layer3.css" /> <script type="text/javascript" src="http://sх.ucoz.net/src/jquery-1.7.2.js"></script> <script type="text/javascript">window.ulb = {photoPage: "Перейти на страницу с фотографией.",closeBtn: "Закрыть", error: "Запрошенный контент не может быть загружен. Пожалуйста, попробуйте позже.", next: "Вперед", prev: "Предыдущий", btnPlay: "Начать слайдшоу", btnToggle: "Изменить размер"}</script> <link href="http://sх.ucoz.net/src/ulightbox/ulightbox.css" rel="stylesheet" type="text/css" /><script type="text/javascript" src="http://sх.ucoz.net/src/ulightbox/ulightbox.js"></script> <script type="text/javascript" src="http://sх.ucoz.net/src/uwnd.js?2"></script><style type="text/css">.UhideBlockL {display:none}</style><link type="text/css" rel="StyleSheet" href="http://sх.ucoz.net/src/gstoolbar2/css/style.css" /><link type="text/css" rel="StyleSheet" href="http://sх.ucoz.net/src/gstoolbar2/css/share.css" /><script type="text/javascript" src="http://sх.ucoz.net/src/gstoolbar2/js/tool.js"></script><script type="text/javascript">//------------UCOZ-JS-CODE----------- document.write("\n\n<div id=\"utbAllToolbar\" class=\"guest_toolbar_wide navbar-share\"><div class=\"showToolbarButton toolbarBottom\">\n<i id=\"buttonShowToolbar\" data-toggle=\"tooltip\" title=\"Показать Соц-бар\" class=\"toolMenuIcon toolbarBottom\"></i>\n</div>\n<div class=\"container toolbarBottom\" id=\"toolbarMainContainer\">\n<div class=\"navbar\">\n<div class=\"navbar-inner utbToolbarInner\">\n<a id=\"utbTitle\" data-toggle=\"tooltip\" title=\"На главную\" class=\"brand\" href=\"адрес сайта/\"><img width=\"24\" height=\"24\" src=\"http://corelllow.3dn.ru/toolbar_ico.jpg?1383918420\" /></a>\n<ul id=\"utbMenuContainer\" class=\"nav\">\n<li class=\"divider-vertical\"></li>\n\n <li class=\"utbMenuItem\">\n <div id=\"fbLike_s\" data-counter=\"http://graph.facebook.com/?id=адрес сайта/&callback=?\" data-href=\"https://www.facebook.com/sharer/sharer.php?u=адрес сайта/\" class=\"utbWidgetContainer utbShareButtons\">\n <span id=\"btnFacebook\" class=\"toolMenuIcon\"></span>\n <span id=\"fbCounter\" class=\"utbShareCounter\"></span>\n </div>\n </li>\n\n <script>\n $(function(){\n var page_title=$(\"title\").text();\n $(\"#twShare_s\").attr(\'data-href\', $(\"#twShare_s\").attr(\'data-href\')+\"&text=\"+page_title);\n };);\n \x3c/script>\n <li class=\"utbMenuItem\">\n <div id=\"twShare_s\" data-counter=\"http://urls.api.twitter.com/1/urls/count.json?url=адрес сайта/&callback=?\" data-href=\"https://twitter.com/intent/tweet?source=webclient&url=http://адрес сайта/\" class=\"utbWidgetContainer utbShareButtons\"\">\n <span id=\"btnTwitter\" class=\"toolMenuIcon\"></span>\n <span id=\"twCounter\" class=\"utbShareCounter\"></span>\n </div>\n </li>\n<li class=\"utbMenuItem\">\n <div id=\"gPlus_s\" data-counter=\"адрес сайта/index/98\" data-href=\"https://plus.google.com/share?url=http://адрес сайта/\" class=\"utbWidgetContainer utbShareButtons\">\n <span id=\"btnGoogle\" class=\"toolMenuIcon\"></span>\n <span id=\"gpCounter\" class=\"utbShareCounter\"></span>\n </div>\n </li>\n<li class=\"utbMenuItem\">\n <div id=\"vkLike_s\" data-counter=\"http://vkontakte.ru/share.php?act=count&index=1&url=адрес сайта/\" data-href=\"http://vk.com/share.php?url=адрес сайта/\" class=\"utbWidgetContainer utbShareButtons\">\n <span id=\"btnVk\" class=\"toolMenuIcon\"></span>\n <span id=\"vkCounter\" class=\"utbShareCounter\"></span>\n </div>\n </li>\n\n <li class=\"utbMenuItem\">\n <div id=\"okLike_s\" data-counter=\"http://www.odnoklassniki.ru/dk?st.cmd=shareData&ref=адрес сайта/&cb=?\" data-href=\"http://www.odnoklassniki.ru/dk?st.cmd=addShare&st.s=1&st._surl=адрес сайта/\" class=\"utbWidgetContainer utbShareButtons\">\n <span id=\"btnOk\" class=\"toolMenuIcon\"></span>\n <span id=\"okCounter\" class=\"utbShareCounter\"></span>\n </div>\n </li>\n\n\n\n<li class=\"utbMenuItem toolbarMmButton\">\n<div id=\"mmLike_s\" data-counter=\"http://connect.mail.ru/share_count?callback=1&func=?&url_list=адрес сайта/\" data-href=\"http://connect.mail.ru/share?url=адрес сайта/\" class=\"utbWidgetContainer utbShareButtons\">\n<span id=\"btnMm\" class=\"toolMenuIcon\"></span>\n<span id=\"mmCounter\" class=\"utbShareCounter\"></span>\n</div>\n</li>\n\n</ul>\n<ul id=\"utbToolsContainer\" class=\"nav\">\n\n<li class=\"divider-vertical\"></li>\n<li id=\"itemSearch\" class=\"utbMenuItem toolbarWidget\">\n<a class=\"toolMenuLink\" role=\"button\">\n<i id=\"btnSearch\" data-toggle=\"tooltip\" title=\"Поиск\" class=\"utbButtons toolMenuIcon pull-right\"></i>\n</a>\n\n<div class=\"utbWidgetContainer\">\n<input id=\"utbSearchField\" type=\"text\" class=\"navbar-search span2 utbSearchQuery searchField\" placeholder=\"Поиск\">\n<span id=\"utbSearchIndicator\"></span>\n <div class=\"searchRes bottom\" id=\"utbSearchResult\"><div class=\"arrow\"></div><h3 class=\"searchRes-title\">Вы искали: <span id=\"searchTerm\"></span></h3><div class=\"searchRes-content\"><ul id=\"utbSearchCnt\"></ul></div>\n </div>\n</div>\n</li>\n\n<li class=\"divider-vertical\"></li>\n<li class=\"utbMenuItem \">\n<span class=\"rdbWrapper\" style=\"display: none;\"></span>\n<a class=\"toolMenuLink\">\n<i id=\"btnReadNow\" data-toggle=\"tooltip\" title=\"Читать\" class=\"utbButtons toolMenuIcon\"></i>\n</a>\n</li>\n\n<li class=\"utbMenuItem\">\n<span id=\"readLater\" style=\"display: none;\"></span>\n<a class=\"toolMenuLink\">\n<i id=\"btnReadLater\" data-toggle=\"tooltip\" title=\"Добавить в закладки\" class=\"utbButtons toolMenuIcon\"></i>\n</a>\n</li><li class=\"divider-vertical\"></li>\n</ul>\n<ul class=\"nav pull-right\">\n<li class=\"utbMenuItem\">\n<a class=\"toolMenuLink\">\n<i id=\"utbScroll\" class=\"rScroll utbButtons toolMenuIcon pull-right\"></i>\n</a>\n</li>\n<li class=\"utbMenuItem\">\n<a class=\"toolMenuLink\">\n<i id=\"btnSlideOut\" data-toggle=\"tooltip\" title=\"Спрятать Соц-бар\" class=\"utbButtons toolMenuIcon pull-right toolbarBottom\"></i>\n</a>\n</li>\n</ul>\n</div>\n</div>\n</div>\n</div>\n") window.shareBar = true; $(document).ready(function () {var toolbarController = new tController('toolbarMainContainer'); toolbarController.control();
};); tsigns = { nores: "Ничего не найдено... Попробуйте поискать в", allRes: "Все результаты", searchya: "yandex.ru" } //------------UCOZ-JS-END----------- </script>
<style type="text/css">div.showToolbarButton{display:none;} </style> </head<?'>'?>
Примечание: в коде изменены параметры адрес сайта и номера серверов подгрузки.
Вот пример кода без соц. бара в измененном виде
Код <title>$SITE_NAME$ - $MODULE_NAME$</title<?'>'?> <?$META_DESCRIPTION$?> <link type="text/css" rel="StyleSheet" href="/_st/my.css" /> <link type="text/css" rel="StyleSheet" href="http://sх.ucoz.net/src/base.css" /> <link type="text/css" rel="StyleSheet" href="http://sх.ucoz.net/src/layer3.css" /> <script type="text/javascript" src="http://sх.ucoz.net/src/jquery-1.7.2.js"></script> <script type="text/javascript">window.ulb = {photoPage: "Перейти на страницу с фотографией.",closeBtn: "Закрыть", error: "Запрошенный контент не может быть загружен. Пожалуйста, попробуйте позже.", next: "Вперед", prev: "Предыдущий", btnPlay: "Начать слайдшоу", btnToggle: "Изменить размер"}</script> <link href="http://sх.ucoz.net/src/ulightbox/ulightbox.css" rel="stylesheet" type="text/css" /><script type="text/javascript" src="http://sх.ucoz.net/src/ulightbox/ulightbox.js"></script> <script type="text/javascript" src="http://s2.ucoz.net/src/uwnd.js?2"></script><style type="text/css">.UhideBlockL {display:none}</style> </head<?'>'?>
Примечание: в примере изменена нумерация в адресах подгрузки
Это значит, что на странице, где вы желаете видеть соц. бар, вы ставите кусок кода исходника вместе с кодом бара, а где не желаете его видеть без. Код исходника должен быть изменен модифицированными закрывающими тегами </title<?'>'?> и </head<?'>'?>
Самый красивый вариант, если вы уже собрались вырезать системные подгрузки - это перелить все скрипты и системные стили на свой сайт и подгружать уже с собственного сайта, а не с серверов uCoz
ЗЫ: Очень жаль, что соц. бар на uCoz нельзя настроить тонко с возможностью включать его на страницы или нет. Если бы был специальный системный код, выводящий бар в шаблоны, то можно было регулировать установку бара на страницах простым и эффективным способом - простановкой или удалением кода
|
|
|
|