Jump to content

виджеты социалок на форум

kovboi
kovboi
in Техническая поддержка IP.Board

Featured Replies

Posted
comment_40506

привет всем

увидел на одном сайте (не IPB) сделан совместный блок виджетов в контакте и фесбук (скрин)

как такое можно сделать на форуме?

хотелось бы в боковую панель вставить

спасибо

post-279-0-07216100-1376872969.jpg

  • Цитата
    • Link to comment
    https://ipbmafia.ru/topic/5332-vidzhety-socialok-na-forum/
    Share on other sites
    comment_40510

    Ну это т.н. табы (tabs, вкладки), как правило на qwery/ если набрать в поиске tabs qwery вариантов покажет море.

    вот эти я у себя на сайте испльзую на главной tab.zip

  • Цитата
    • Link to comment
    https://ipbmafia.ru/topic/5332-vidzhety-socialok-na-forum/?&do=findComment&comment=40510
    Share on other sites
    comment_40516

    Был хук такой с двумя табами: посл сообщения и темы. Можно его переделать, но, я думаю проще будет самому в кастом боковой блок добавить скрипт с табами, как описано выше.

  • Цитата
    • Link to comment
    https://ipbmafia.ru/topic/5332-vidzhety-socialok-na-forum/?&do=findComment&comment=40516
    Share on other sites
    • Author
    comment_40749

    спасибо

    сейчас гляну



    объясните с установкой если можно

    спасибо

  • Цитата
    • Link to comment
    https://ipbmafia.ru/topic/5332-vidzhety-socialok-na-forum/?&do=findComment&comment=40749
    Share on other sites
    • Author
    comment_40887

    up

  • Цитата
    • Link to comment
    https://ipbmafia.ru/topic/5332-vidzhety-socialok-na-forum/?&do=findComment&comment=40887
    Share on other sites
    comment_41109


    объясните с установкой если можно
    а чего там объяснять, там все в файле как дважды два.
  • Цитата
    • Link to comment
    https://ipbmafia.ru/topic/5332-vidzhety-socialok-na-forum/?&do=findComment&comment=41109
    Share on other sites
    comment_41128

    kgb, как я понял, код index.html  можно вставить в дополнительный блок соответствующего компонента с указанием директорий скриптов и таблицы стилей. так?

    или же просто добавить в глобальный шаблон слегка изменённый код index.html

     

    :think:

  • Цитата
    • Link to comment
    https://ipbmafia.ru/topic/5332-vidzhety-socialok-na-forum/?&do=findComment&comment=41128
    Share on other sites
    comment_41216

    открываем index.html из архива.

    видим

    

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "__www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="__www.w3.org/1999/xhtml">
<head>
<title>Табы</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<script type="text/javascript" src="js/jquery.min.js"></script>
	<script type="text/javascript" src="js/tabs.js"></script>
	<link rel="stylesheet" type="text/css" href="css/style.css" />
</head>
<body>
<div class="section">
	<ul class="tabs">
		<li class="current">Первая вкладка</li>
		<li>Вторая вкладка</li>
	</ul>
	<div class="box visible">1111111111</div>
	<div class="box">2222222222222222</div>
</div>
</body>
</html>

    это всего лишь образец

    переходим к форуму.

    открываем  globalTemplate

    где нибудь до </head>   прописываем  

    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>

     

    !!! эта строкак вместо  <script type="text/javascript" src="js/jquery.min.js"></script> из приведенного выше образца.  Т.е. jquery.min.js мы берем сразу с гугла, да еще последнюю версию, а не со своего сервера.

     

    Ниже прописываем  <script type="text/javascript" src="ваш_урл_до_этого_файла/tabs.js"></script>. Например, если вы его положили в директорию /forum/public/js/ то получиться 

    <script type="text/javascript" src="__vashforum.ru/public/js/tabs.js"></script> или  можно проще <script type='text/javascript' src='{$this->settings['js_base_url']}js/tabs.js'></script>

     

    далее создаем custom block и вносим  в него 

    

<div class="section">
	<ul class="tabs">
		<li class="current">Мы вконтакте</li>
		<li>Мы в фейсбук</li>
	</ul>
	<div class="box visible">Код вконтакте</div>
	<div class="box">Код фейсбук</div>
</div>

    далее открываем  ipb_styles.css и внизу добавляем код из  style.css , разумеется отредактировав css так как вам надо.

     

    Но. если вы не знаете css ? извините, ничем помочь не могу

    Edited by kgb

  • Цитата
    • Link to comment
    https://ipbmafia.ru/topic/5332-vidzhety-socialok-na-forum/?&do=findComment&comment=41216
    Share on other sites

    Join the conversation

    You can post now and register later. If you have an account, sign in now to post with your account.
    Note: Your post will require moderator approval before it will be visible.

    Guest
    Ответить в этой теме...
    Go to topic listing

    Последние посетители 0

    • No registered users viewing this page.