Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
(забыл / потерял пароль)
Общий FAQ по управлению форумом
FAQ: реклама на форуме
Туториалы по разным функциям ваших форумов
Алфавитный указатель
Интересные решения для форумов
Наши видео-туториалы
Условия пользования сервисом
Ссылки на полезные ресурсы
Последние темы
» Не корректное отображение картинокавтор Luz Сегодня в 12:40
» Переход с 2x2forum.ru на 2x2forum.com
автор Luz Сегодня в 12:13
» Проблема с метатегом Description
автор VeraLV Март 18th 2024, 15:31
» 1 марта будет запрет на ВПН, это отразится на работе платформы?
автор Svet007 Март 14th 2024, 11:43
» нужен скрипт сумма просмотров тем в разделе
автор лексей2222 Март 5th 2024, 07:37
» Новое: Откройте для себя функцию "Подписка на пользователей"
автор лексей2222 Март 1st 2024, 17:26
» 301 редирект
автор Dana Domirani Февраль 25th 2024, 18:28
» Помощь в нескольких вопросах по форуму
автор лексей2222 Февраль 22nd 2024, 13:21
» [Общая тема] Что делать, если вы забыли / потеряли пароль
автор Dana Domirani Февраль 14th 2024, 00:54
» Загрузка форума
автор лисенок Февраль 13th 2024, 01:09
Как это сделать?
Участников: 5
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Проблемы со скриптами (кодами) :: [Архив] Проблемы со скриптами
Страница 1 из 2
Страница 1 из 2 • 1, 2
Как это сделать?
Расказать очень тежело а в скринах не смогу так что вот видео снял:
Последний раз редактировалось: Gamatos (Сентябрь 23rd 2011, 09:56), всего редактировалось 1 раз(а)
Re: Как это сделать?
На 94% повторить могу.
Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Re: Как это сделать?
Да мне это и не надо, я свой html поставлю Радио своё всеко разное мне б только эфект.
Re: Как это сделать?
Тогда без проблем, сделаю.
Последний раз редактировалось: Dana Domirani (Сентябрь 13th 2011, 00:54), всего редактировалось 1 раз(а)
Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Re: Как это сделать?
Ну артисткаDana Domirani пишет:На 94% повторить могу.
Какая точность))))))))))))))))))))))
Ему надо 93,5%
Домовой-
-
Сообщения : 6801
Возраст : 100
Регистрация : 2010-01-30
Благодарности : 3243
Re: Как это сделать?
Примеряй: http://forumdizz5.mirbb.net/
Блоки можно открывать/закрывать независимо друг от друга. Справа есть колонка виджетов, но те, что в спойлере, там не дублируются.
Блоки можно открывать/закрывать независимо друг от друга. Справа есть колонка виджетов, но те, что в спойлере, там не дублируются.
Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Re: Как это сделать?
Спасибо огромное при огромное но что то с ксс не могу разобраться не знаю что где...
Re: Как это сделать?
Расписала в комментариях CSS подробнее, проверяй.
Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Re: Как это сделать?
Расписала всё понятно спасибо, но я не знаю какую CSS ставить и уже 2 часа устоновить.Можеш у меня на форуме глянуть?
Re: Как это сделать?
Там кусок - в самом низу:
P.S. а шаблоны виджетов отредактировал? Скрипт скопировал?
- Код:
/* новый блок в приветствии*/
/* блок-заголовок с фоном */
.doptitle {
display: block;
width: 800px;
height: 300px;
background: transparent url('http://i44.servimg.com/u/f44/16/54/26/99/cvbn10.jpg') no-repeat center;
margin: 0 auto;
}
/* контейнер с кнопками 'галерея' и 'виджеты' */
.dopmenu {
display: block;
position: relative;
top: 250px;
right: 20px;
}
/* настройки кнопок 'галерея' и 'виджеты' */
#dopbutt01, #dopbutt02 {
display: block;
float: right;
width: 190px;
height: 43px;
line-height: 43px;
cursor: pointer;
background: transparent url('http://i44.servimg.com/u/f44/16/54/26/99/fggf110.png') no-repeat top center;
text-align:center;
color: #6A83B1 !important;
text-decoration: none;
font-size: 15px;
font-family: sans-serif;
font-weight: bold;
text-shadow: 0 0 2px #1E242C;
}
/* кнопки под мышью */
#dopbutt01:hover, #dopbutt02:hover {
background: transparent url('http://i44.servimg.com/u/f44/16/54/26/99/fggf110.png') no-repeat bottom center;
color: #212834 !important;
text-shadow: -1px -1px 1px #6A83B1;
}
/* общие свойства блоков с содержимым */
#dpblock1, #dpblock2 {
margin: 5px 0;
border: 1px solid #6A83B1;
border-left-width: 4px;
display: none;
}
/* фон 1-ого раскрывающегося блока про галерею */
#dpblock1 {
background: #fff url('http://i44.servimg.com/u/f44/16/54/26/99/five_g11.png') no-repeat 5px 0px;
padding: 5px;
height: 250px;
}
/* фон 2-ого раскрывающегося блока про виджеты */
#dpblock2 {
padding: 5px;
background: #fff url('http://savepic.org/2309526.png') no-repeat 5px bottom;
}
/* маскировка виджетов 'активные' и 'популярные' темы в правой колонке */
#content-container div#right #dopmod1, #content-container div#right #dopmod2 {
display: none;
}
P.S. а шаблоны виджетов отредактировал? Скрипт скопировал?
Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Re: Как это сделать?
Скажите, а как сделать Статистику форума, Кто онлайн, Дни рождения и Список групп так, как на этом форуме?
http://forumdizz5.mirbb.net/
Буду очень признателен Мне на punBB
http://forumdizz5.mirbb.net/
Буду очень признателен Мне на punBB
Re: Как это сделать?
В шаблоне index_body (Главная страница) надо заменить
В CSS добавить
- Код:
<div id="stats">
<p class="right">{TOTAL_POSTS}</p>
<p>{TOTAL_USERS}</p>
<p>{NEWEST_USER}</p>
</div>
<div id="onlinelist">
<img src="{L_ONLINE_IMG}" alt="{L_WHO_IS_ONLINE}" />
<p class="right">
<!-- BEGIN switch_viewonline_link -->
<a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a>
<!-- END switch_viewonline_link -->
<!-- BEGIN switch_viewonline_nolink -->
{L_WHO_IS_ONLINE}
<!-- END switch_viewonline_nolink -->
</p>
<p>{TOTAL_USERS_ONLINE}<br />
{RECORD_USERS}
<br />
{LOGGED_IN_USER_LIST}
{L_ONLINE_USERS}
{L_CONNECTED_MEMBERS}<br />
{L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}</p>
<div class="clear"></div>
<p>{LEGEND} : {GROUP_LEGEND}</p>
</div>
- Код:
<table class="general_box"><tr><td>
<h2><img src="http://i71.servimg.com/u/f71/14/71/65/95/commen10.png"> Кто Онлайн?</h2>
[<a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a>]<br />
{TOTAL_USERS_ONLINE}<br />
{LOGGED_IN_USER_LIST}
{L_ONLINE_USERS}
{L_CONNECTED_MEMBERS}<br />
<br /><h2><img src="http://i71.servimg.com/u/f71/14/71/65/95/cake10.png"> Дни Рождения Пользователей</h2>
{L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}
<br /><h2><img src="http://i71.servimg.com/u/f71/14/71/65/95/house10.png"> Список Групп Пользователей</h2>
{GROUP_LEGEND}
</td><td width="40%" valign="top">
<div id="stats"><h2><img src="http://romzett.ru/public/style_images/master/stat.png"> Статистика форума</h2>
<br />
<p><img src="http://i71.servimg.com/u/f71/14/71/65/95/email10.png"> {TOTAL_POSTS}</p>
<p><img src="http://i71.servimg.com/u/f71/14/71/65/95/user10.png"> {TOTAL_USERS}</p>
<p class="terve"><img src="http://i71.servimg.com/u/f71/14/71/65/95/user_a10.png"> {NEWEST_USER}</p>
<p><img src="http://i71.servimg.com/u/f71/14/71/65/95/chart_10.png"> {RECORD_USERS}</p>
</div>
</td></tr></table>
В CSS добавить
- Код:
table.general_box {
background-color: #EEF3F8;
border: 1px solid #D5DDE5;
border-bottom: 4px solid #D5DDE5;
width: 100%;
padding: 5px;
}
Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Re: Как это сделать?
Надо вытащить все, что лежит в ПА > Оформление > Главная - Общая информация > Приветствие на главной странице и переместить в шаблон overall_header (Верхняя часть страницы) вместо
- Код:
<a href="{U_INDEX}" id="pun-logo"><img src="{LOGO}" alt="{L_INDEX}" /></a>
Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Re: Как это сделать?
Благодарю, если не трудно тему не закрывайте пару две дней.Спасибо за понимание.
Re: Как это сделать?
1. Добавляем ее непосредственно в код "шапки":
2. После второго добавляем третий контейнер, который будет открываться по клику на новой кнопке:
3. Добавляем кнопку и блок в CSS:
4. И последнее - в скрипте после
Результат - на тестовике: http://forumdizz5.mirbb.net/
Назначаем ей id dopbutt03<div class="doptitle">
<div class="dopmenu">
<span id="dopbutt03">Третья кнопка</span>
<span id="dopbutt02">Виджеты</span>
<span id="dopbutt01">Галерея</span>
</div>
</div>
2. После второго добавляем третий контейнер, который будет открываться по клику на новой кнопке:
Назначаем ему id dpblock3.<div id="dpblock2">
Кажется, что это просто списки, пустые буквы, взявшиеся вычислить превосходство одних тем над другими. А на самом деле... так оно и есть!
</div>
<div id="dpblock3">
Тут произвольный текст. Можно создать в Генераторе светских бесед
</div>
3. Добавляем кнопку и блок в CSS:
/* настройки кнопок 'галерея' и 'виджеты' */
#dopbutt01, #dopbutt02, #dopbutt03 {
display: block;
float: right;
width: 190px;
height: 43px;
line-height: 43px;
cursor: pointer;
background: transparent url('https://i.servimg.com/u/f44/16/54/26/99/fggf110.png') no-repeat top center;
text-align:center;
color: #6A83B1 !important;
text-decoration: none;
font-size: 15px;
font-family: sans-serif;
font-weight: bold;
text-shadow: 0 0 2px #1E242C;
}
/* кнопки под мышью */
#dopbutt01:hover, #dopbutt02:hover, #dopbutt03:hover {
background: transparent url('https://i.servimg.com/u/f44/16/54/26/99/fggf110.png') no-repeat bottom center;
color: #212834 !important;
text-shadow: -1px -1px 1px #6A83B1;
}
/* общие свойства блоков с содержимым */
#dpblock1, #dpblock2, #dpblock3 {
margin: 5px 0;
border: 1px solid #6A83B1;
border-left-width: 4px;
display: none;
}
4. И последнее - в скрипте после
- Код:
jQuery("#dopbutt02").click(function(){
jQuery('#dpblock2').slideToggle(300);
return false
});
- Код:
jQuery("#dopbutt03").click(function(){
jQuery('#dpblock3').slideToggle(300);
return false
});
Результат - на тестовике: http://forumdizz5.mirbb.net/
Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Re: Как это сделать?
Благодарю!!Все получилось!
А вот там в КСС есть такое:
Что оно даёт я понял а вот как это сделать по середине не понял ставил center; везде но не помогло.
Вот как надо бы если можно: https://i.imgur.com/Cs7Rx.png
Спасибо за помощь Даначка!!
А вот там в КСС есть такое:
/* фон 1-ого раскрывающегося блока про галерею */
#dpblock1 {
background: #fff url('http://cdn1.iconfinder.com/data/icons/yooicons_set09_halloween/128/cheshire_cat.png') no-repeat 5px 0px;
padding: 5px;
height: 250px;
}
Что оно даёт я понял а вот как это сделать по середине не понял ставил center; везде но не помогло.
Вот как надо бы если можно: https://i.imgur.com/Cs7Rx.png
Спасибо за помощь Даначка!!
Re: Как это сделать?
5px 0px - это смещение фонового изображения по горизонтали / вертикали. Можно поставить 25px center - тогда по горизонтали фон сдвинется вправо на 25px, а по вертикали - по центру./* фон 1-ого раскрывающегося блока про галерею */
#dpblock1 {
background: #fff url('http://cdn1.iconfinder.com/data/icons/yooicons_set09_halloween/128/cheshire_cat.png') no-repeat 5px 0px;
padding: 5px;
height: 250px;
}
Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Re: Как это сделать?
Надо изменить высоту в настройках первого блока:
Вместо 250 оставить 100, например.#dpblock1 {
background: white url('http://cdn1.iconfinder.com/data/icons/woothemes/PNG/signal.png') no-repeat 5px 0px;
padding: 5px;
height: 250px;
}
Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Re: Как это сделать?
Еще раз спасибо все получилось!
А есть возможность прилепить плеер к самому потолку?Там на 3 пикселя надо при поднять плэер.Пароль на форуме тот же.Благодарю!!!
А есть возможность прилепить плеер к самому потолку?Там на 3 пикселя надо при поднять плэер.Пароль на форуме тот же.Благодарю!!!
Re: Как это сделать?
А для удаления внутреннего отступа нужно обнулить padding:
Вместо 5px поставить 0#dpblock1 {
background: white url('http://cdn1.iconfinder.com/data/icons/woothemes/PNG/signal.png') no-repeat 5px 0px;
padding: 5px;
height: 250px;
}
Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Re: Как это сделать?
Всем доброго дня. У меня 2 вопроса:
1. Что за стиль на тестовом форуме?
2. Как сделать точно также для Phpbb3?
1. Что за стиль на тестовом форуме?
2. Как сделать точно также для Phpbb3?
Страница 1 из 2 • 1, 2
Похожие темы
» Можно ли сделать сделать в профиле пользователя кнопки-спойлеры с инфой?
» как сделать чтоб на форуме была надпись сделать страницу стартовой и соответственно результат
» Как так сделать?
» Как сделать сделать добавление из вк на phpBB3 ?
» как сделать на форуме сделать стартовой
» как сделать чтоб на форуме была надпись сделать страницу стартовой и соответственно результат
» Как так сделать?
» Как сделать сделать добавление из вк на phpBB3 ?
» как сделать на форуме сделать стартовой
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Проблемы со скриптами (кодами) :: [Архив] Проблемы со скриптами
Страница 1 из 2
Права доступа к этому форуму:
Вы не можете отвечать на сообщения