Правила форума
для обязательного прочтения!
Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Последние темы
» Представляем Пакеты услуг Forum2x2 : новый способ развития форумаавтор KatrinaZ Вчера в 17:24
» не работает Тег <hr />
автор hawk9951 Вчера в 16:46
» [Общая тема] Заявки на удаление сомнительной рекламы
автор abigal Вчера в 14:32
» Вопрос от новичка
автор Dana Domirani Вчера в 14:17
» Как убрать возможность писать для определенного гостя? (по айпи)
автор Alex317 Ср 18 Апр - 11:07
» Почему-то стал медленнее загружаться сайт, никаких изменений в последнее время не вносил.
автор Dantes Вт 17 Апр - 8:20
» Красивая цитата
автор hawk9951 Вт 17 Апр - 7:40
» css текста
автор hawk9951 Вс 15 Апр - 22:26
» Не отображается количество постов. Что не так в коде?
автор Aster Сб 14 Апр - 23:38
» Селектор стилей не заработал или Где я снова ухитрился налажать.
автор Aster Сб 14 Апр - 23:29
Интересные решения
Как это сделать?
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Проблемы со скриптами (кодами) :: [Архив] Проблемы со скриптами
Страница 1 из 2 • Поделиться •
Страница 1 из 2 • 1, 2
Как это сделать?
Расказать очень тежело а в скринах не смогу так что вот видео снял:
Последний раз редактировалось: Gamatos (Пт 23 Сен - 9:56), всего редактировалось 1 раз(а)
Re: Как это сделать?
На 94% повторить могу.

Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Re: Как это сделать?
Да мне это и не надо, я свой html поставлю Радио своё всеко разное мне б только эфект.
Re: Как это сделать?
Тогда без проблем, сделаю.
Последний раз редактировалось: Dana Domirani (Вт 13 Сен - 0:54), всего редактировалось 1 раз(а)

Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Re: Как это сделать?
Ну артистка@Dana Domirani пишет:На 94% повторить могу.

Какая точность))))))))))))))))))))))
Ему надо 93,5%

Домовой-
-
Сообщения : 6812
Возраст : 94
Регистрация : 2010-01-30
Благодарности : 3235
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/
Буду очень признателен


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('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, #dopbutt03: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, #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; везде но не помогло.
Вот как надо бы если можно: http://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; везде но не помогло.
Вот как надо бы если можно: http://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?
Re: Как это сделать?
Стиль: http://help.forum2x2.ru/t18893-topic
Адаптирован только под Pun.
Адаптирован только под Pun.

Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Re: Как это сделать?
И еще, непонятно откуда что берется и куда вставляется... возможно были удалены некоторые важные сообщения!
Re: Как это сделать?
Они не были удалены - я их вообще не публиковала в пошаговом виде. Только вкратце отвечала на вопросы автора темы.

Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Re: Как это сделать?
Тогда понятно. Прошу, можете описать как это сделать пошагово. Я думаю не только мне интересно

Re: Как это сделать?
Хорошо, распишу.

Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Страница 1 из 2 • 1, 2

» Что нужно сделать что бы голуби не неслись зимой???
» поющие перепела
» Голубка не может снестись
» Проклятый соседский кошак.
» Начался период линьки голубей
» поющие перепела
» Голубка не может снестись
» Проклятый соседский кошак.
» Начался период линьки голубей
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Проблемы со скриптами (кодами) :: [Архив] Проблемы со скриптами
Страница 1 из 2
Права доступа к этому форуму:
Вы не можете отвечать на сообщения