kovboi Опубликовано 19 августа, 2013 Поделиться Опубликовано 19 августа, 2013 привет всем увидел на одном сайте (не IPB) сделан совместный блок виджетов в контакте и фесбук (скрин) как такое можно сделать на форуме? хотелось бы в боковую панель вставить спасибо Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
kgb Опубликовано 19 августа, 2013 Поделиться Опубликовано 19 августа, 2013 Ну это т.н. табы (tabs, вкладки), как правило на qwery/ если набрать в поиске tabs qwery вариантов покажет море. вот эти я у себя на сайте испльзую на главной tab.zip kovboi 1 Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Respected Опубликовано 19 августа, 2013 Поделиться Опубликовано 19 августа, 2013 Был хук такой с двумя табами: посл сообщения и темы. Можно его переделать, но, я думаю проще будет самому в кастом боковой блок добавить скрипт с табами, как описано выше. kovboi 1 Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
kovboi Опубликовано 20 августа, 2013 Автор Поделиться Опубликовано 20 августа, 2013 спасибо сейчас гляну объясните с установкой если можно спасибо Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
kovboi Опубликовано 22 августа, 2013 Автор Поделиться Опубликовано 22 августа, 2013 up Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
kgb Опубликовано 22 августа, 2013 Поделиться Опубликовано 22 августа, 2013 объясните с установкой если можно а чего там объяснять, там все в файле как дважды два. Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Lordbl4 Опубликовано 23 августа, 2013 Поделиться Опубликовано 23 августа, 2013 kgb, как я понял, код index.html можно вставить в дополнительный блок соответствующего компонента с указанием директорий скриптов и таблицы стилей. так? или же просто добавить в глобальный шаблон слегка изменённый код index.html Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
kgb Опубликовано 23 августа, 2013 Поделиться Опубликовано 23 августа, 2013 (изменено) открываем 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 ? извините, ничем помочь не могу Изменено 23 августа, 2013 пользователем kgb AUYKGN 1 Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Рекомендуемые сообщения
Присоединяйтесь к обсуждению
Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.
Примечание: Ваш пост будет проверен модератором, прежде чем станет видимым.