Your Roll

Рейтинг ролевых ресурсов. Каталог ролок. Полезные инструменты для администраторов ролевых игр.


Вы не подключены. Войдите или зарегистрируйтесь

Предыдущая тема Следующая тема Перейти вниз  Сообщение [Страница 1 из 1]

Космо

Космо
Я сквозь ткань миров проходящий странник, Я СКВОЗНЯЯЯЯЯК!!! ХДД
Пример этого модуля вы можете видеть на нашем сайте - это розовая вкладка "Отзывы и предложения" внизу экрана.

Код предназначен для форумов на forum2x2. Установка его занимает не более пяти минут :)

Для начала надо создать раздел вопросов, предложений и сообщений для ошибок - в общем, подфорум, в который будут отправляться все доклады посетителей. Права доступа указываем свои, но желательно, чтобы гости могли писать и создавать новые темы в этом разделе.

Далее заходим в оглавление форума и копируем ссылку на этот раздел (пример). Проанализируем её. Она должна быть такого вида:
Из всей ссылки мы копируем цифру 27 или просто её запоминаем.

Далее заходим в админпанель - модули - виджеты форума. Создаём новый виджет.

Использовать стандартный шаблон? Нет.

Вставляем в содержимое следующее:
Код:
<style>
#akacopini {
cursor: pointer;
position: fixed;
z-index: 999;
left: 10%;
bottom: 0;
background: #333333;
padding: 5px 10px;
font-size: 14px;
border: 2px solid white;
border-bottom: 0 none;
color: white;
border-radius: 10px 10px 0 0;
box-shadow: 0 0 15px black;
}
#yrfeedbackroll {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 1001;
}
#yrfeedbackwrap {
position: fixed;
top: 50%;
left: 50%;
width: 600px;
height: 400px;
margin-left: -310px;
margin-top: -210px;
background: white;
color: #5D5D5D;
border-radius: 10px;
box-shadow: 0 0 30px black;
padding: 10px;
}
#yrfeedbackform {
padding: 10px;
margin-top: 10px;
background: #ECECEC;
border-radius: 5px;
}
#yrfeedbackform input[type="text"] {
width: 98%;
margin-bottom: 10px;
font-size: 18px;
border-radius: 3px;
border: 1px solid #CCC;
padding: 3px;
}
#yrfeedbackform textarea {
width: 98%;
padding: 3px;
border: 1px solid #CCC;
border-radius: 3px;
margin-bottom: 10px;
font: 14px/18px verdana, arial, sans-serif;
height: 257px;
}
#yrfeedbackform input[type="submit"] {
font-size: 18px;
padding: 5px;
margin: 0 auto;
}
#closecopini {
float: right;
cursor: pointer;
margin: -5px;
}
</style><div id="akacopini">Отзывы и предложения</div><div id="yrfeedbackroll" style="display: none;"><div id="yrfeedbackwrap">
<span style="font-size: 24px;">Оставить отзыв/задать вопрос</span><span id="closecopini"><img title="Закрыть" src="http://i80.servimg.com/u/f80/16/50/61/52/filecl10.png" /></span><div id="yrfeedbackform">
<form  action="/post" method="post" name="postfeedback" enctype="multipart/form-data">
<input type="text" name="subject" placeholder="Ваш вопрос или проблема...">
<input type="text" name="username" style="display: none;">
<input type="hidden" name="lt" value="0">
<input type="hidden" name="mode" value="newtopic">
<input type="hidden" name="topictype" value="0" checked="checked">
<input type="hidden" name="f" id="f" value="ЦЫФЕРКА">
<textarea id="resultate" name="message"></textarea>
<input type="submit" name="post" value="Отправить"> или <a href="/fЦЫФЕРКА-forum">посмотреть список существующих предложений и проблем</a>
</form>
</div>
</div>
</div>
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery('#akacopini').click(function() { jQuery('#yrfeedbackroll').fadeIn(500) });
jQuery('#closecopini').click(function() { jQuery('#yrfeedbackroll').fadeOut(500) });
});
</script>

Теперь ищем в этом коде слово "ЦЫФЕРКА" и заменяем его на тот номер, который мы вычленили из ссылки. Заменить нужно будет в двух местах.

Теперь нужно сохранить этот виджет (не забыв назвать его) и расположить его на форуме и портале.

Всё, готово! :)

Цвет вкладки меняется вот здесь (ненужное вырезано):
#akacopini {
...
background: #333333;
...
}

:attention: Те, у кого на форуме нет виджетов, могут добавить этот код в шаблон overall_footer_begin.

Hella

Hella
У меня phpbb3 на forum 2x2. Штучка очень дельная как для админа у которого забита постоянно личка, но дело в том, что я воссоздала эту штучку на своем клоне-тестовике и она двигается вместе с форумом. Не всегда, но зачастую вместе с остальными виджетами.
http://nfs-clone.2x2forum.com/
Еще вопрос, можно ли ее поставить у правого края, вертикально. Кнопочку естественно поменяв?

Космо

Космо
Я сквозь ткань миров проходящий странник, Я СКВОЗНЯЯЯЯЯК!!! ХДД
но дело в том, что я воссоздала эту штучку на своем клоне-тестовике и она двигается вместе с форумом. Не всегда, но зачастую вместе с остальными виджетами.
Не совсем понял @_@ или не увидел. Тестовик закрыт для гостей, для меня там одна страница.
Еще вопрос, можно ли ее поставить у правого края, вертикально. Кнопочку естественно поменяв?
Можно. Рисуете в фш кнопку саму (уже повёрнутую) и меняете код блока на код изображения, т.е.
Код:
<div id="akacopini">Отзывы и предложения</div>
На
Код:
<img id="akacopini" src="ссылка на картинку-кнопку" title="Отзывы и предложения" />
А весь стиль акакопини
Код:
#akacopini {
cursor: pointer;
position: fixed;
z-index: 999;
left: 10%;
bottom: 0;
background: #333333;
padding: 5px 10px;
font-size: 14px;
border: 2px solid white;
border-bottom: 0 none;
color: white;
border-radius: 10px 10px 0 0;
box-shadow: 0 0 15px black;
}
на
Код:
#akacopini {
cursor: pointer;
position: fixed;
z-index: 999;
right: 0;
top: 35%;
}
з.ы. не подскажете, что за шрифтик на конпках и в навигации?)

Hella

Hella
Ой, извините, не додумалась(((
Спасибо за подробный ответ, теперь точно сделаю как хотела))
Шрифт: Dublon, если что, вот здесь качала: Отсюда!!!

Hella

Hella
Получилось. Безмерно благодарна!
А по поводу того, что я спрашивала:
Когда прокручивается форум, вместе с ним и кнопка, можно ли ее сделать недвижимой, прикрепить к краю?!

Космо

Космо
Я сквозь ткань миров проходящий странник, Я СКВОЗНЯЯЯЯЯК!!! ХДД
Спасибо за шрифтик :)Мало где найдёшь декоративные кириллические шрифты.
Кстати, закачайте Артпоп Леди Гаги, музыка реально хай-тек, под ваш форум хд

Когда прокручивается форум, вместе с ним и кнопка, можно ли ее сделать недвижимой, прикрепить к краю?!
Ну сейчас я на тестовике смотрю, кнопка всегда на одной позиции относительно экрана, и на всех страницах так. Вроде как так логичней.
Чтобы кнопча прокручивалась относительно экрана, нужно заменить в стиле #акакопини
Код:
position: fixed;
на
Код:
position: absolute;
з.ы. с лого переборщила, он не очень читабелен так с квадратиками... попробуй в виде такого же неона сделать, как и в навигации.

Hella

Hella
Она прокручивается только в хроме, я заметила.
Лого будет меняться еще раз 10, это проба.

Предыдущая тема Следующая тема Вернуться к началу  Сообщение [Страница 1 из 1]

Права доступа к этому форуму:
Вы не можете отвечать на сообщения