Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
(забыл / потерял пароль)
Общий FAQ по управлению форумом
FAQ: реклама на форуме
Туториалы по разным функциям ваших форумов
Алфавитный указатель
Интересные решения для форумов
Наши видео-туториалы
Условия пользования сервисом
Ссылки на полезные ресурсы
Последние темы
» Пакеты Forum 2x2автор Dana Domirani Май 6th 2024, 14:11
» Как поменять вид нумерации страниц тем?
автор Goodmonday Апрель 18th 2024, 21:04
» Форум не корректно загружается.
автор anna4842 Апрель 12th 2024, 23:48
» Не корректное отображение картинок
автор Красноперова О.А. Апрель 12th 2024, 15:49
» Ошибка на форуме: Could not obtain topic posts informations
автор fatalone Апрель 9th 2024, 13:43
» Переход с 2x2forum.ru на 2x2forum.com
автор Luz Март 28th 2024, 12:13
» Проблема с метатегом Description
автор VeraLV Март 18th 2024, 15:31
» 1 марта будет запрет на ВПН, это отразится на работе платформы?
автор Svet007 Март 14th 2024, 11:43
» нужен скрипт сумма просмотров тем в разделе
автор лексей2222 Март 5th 2024, 07:37
» Новое: Откройте для себя функцию "Подписка на пользователей"
автор лексей2222 Март 1st 2024, 17:26
Добавить свой виджет (в приветствие)
Участников: 4
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Разные проблемы :: [Архив] Разные проблемы
Страница 1 из 1
Добавить свой виджет (в приветствие)
Подскажите, пожалуйста, как можно добавить виджет в приветствие. Сам виджет есть у меня на компе, ввиде файла html + css и кучи картинок, а вот как его разместить - для меня проблема ![scratch](/users/1814/20/07/54/smiles/597638.gif)
![scratch](/users/1814/20/07/54/smiles/597638.gif)
Re: Добавить свой виджет (в приветствие)
заходите в ПА-модули-конфигурация главной страницы-создать персональный виджет
Удачи!!
Удачи!!
Milena-
-
Сообщения : 54
Регистрация : 2008-09-05
Благодарности : 0
Re: Добавить свой виджет (в приветствие)
Я же написала, что виджет хранится у меня на компе.... а где находятся стандартные виджеты я знаю, только они мне не интересны сейчас. И да, в приветствии. Читайте, пожалуйста, а?
Re: Добавить свой виджет (в приветствие)
вы тоже внимательно читайте!!
Milena-
-
Сообщения : 54
Регистрация : 2008-09-05
Благодарности : 0
Re: Добавить свой виджет (в приветствие)
Я и говорю, мне не нужны виджеты типа "Партнеры", "Форум", "Навигация". Нужный мне виджет ввиде html-файла. И эта панель не позволяет добавить виджет в приветствие, а слева или справа мне не нужно
Re: Добавить свой виджет (в приветствие)
Содержимое файлов CSS добавить в CSS форума, картинки залить на радикал, в html отредактировать пути до картинок и CSS и вставить в приветствие.
Re: Добавить свой виджет (в приветствие)
А JavaScript мне куда деть?)) Он отдельным файлом и что-то уж очень большой...
Re: Добавить свой виджет (в приветствие)
АА! Куда, я не знаюТ____Т И там еще какие-то файлы странные, один с разрешением plist и два с названием .DS_Store
Re: Добавить свой виджет (в приветствие)
о_О mac os x? можеш выложить тут весь виджет в теге кода?
два с названием .DS_Store
Antony-
-
Сообщения : 278
Возраст : 32
Регистрация : 2009-06-20
Благодарности : 21
Re: Добавить свой виджет (в приветствие)
или давай ты его архивом куда нибудь выложиш? (ifolder, например)
Antony-
-
Сообщения : 278
Возраст : 32
Регистрация : 2009-06-20
Благодарности : 21
Re: Добавить свой виджет (в приветствие)
Ладно, тогда по порядку.
html
Увидела название "Фазы луны на вашем Маке"Т____Т Но мне все равно нужно вставить этот виджет в форум...
html
- Код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Moon Phase Widget</title>
<!-- Moon Phase Widget by Jon Wiley jon@jonwiley.com
There is also a Yahoo! Widgets (aka Konfabulator) version. -->
<style type="text/css">@import url(moonphase.css);</style>
<script type="text/javascript" src="moonphase.js"></script>
</head>
<body onload="updatePhase();">
<div id="front" onmousemove="mousemove(event);" onmouseout="mouseexit(event);">
<div class="bevel"></div>
<div class="border"></div>
<div id="moon">
<div id="shadow">
</div>
</div>
<!-- The following elements comprise the info button, present in the bottom right of thw widget upon mouse over -->
<div class="flip" id="fliprollie"></div>
<div class="flip" id="flip" onclick="showPrefs(event);" onmouseover="enterflip(event);" onmouseout="exitflip(event);"></div>
</div>
<div id="back">
<div class="bevel"></div>
<div class="border"></div>
<div id="moonb">
<div id="shadowb">
</div>
</div>
<div id="donate">
<p>
Enjoy<br />Moon Phase?<br />Donations appreciated!<br />
<a href="#" onclick="widget.openURL('http://www.jonwiley.com/widgets/moonphase/');"><img src="images/donate.gif" alt="Make payments with PayPal - it's fast, free and secure!" /></a><br />
<a href="#" onclick='hidePrefs();'>Flip ➪</a>
</p>
</div>
</div>
</body>
</html>
- Код:
/* Moon Phase Widget CSS by Jon Wiley */
html, body {
margin: 0;
padding: 0;
}
#back {
display: none;
}
#front, #back, .border, #moon, #moonb, #shadow, #shadowb, .bevel {
height: 125px;
width: 125px;
background-position: center center;
background-repeat: no-repeat;
}
.bevel, .border {
position: absolute;
}
.bevel {
background-image: url(images/bevel.png);
z-index: 100;
}
.border {
background-image: url(images/border.png);
}
#shadow, #shadowb {
background-image: none;
padding-top: 0px;
padding-left: 0px;
}
#moon {
background-image: url(images/moon.png);
}
#moonb {
background-image: url(images/moonb.png);
}
#donate {
position: absolute;
text-align: center;
width: 100px;
top: 8px;
left: 13px;
color: #fff;
font-family: verdana;
font-size: 10px;
line-height: 11px;
z-index: 1000;
}
#donate a {
color: #fff;
text-decoration: none;
font-size: 12px;
}
#donate img {
border: 0;
}
#donate a img:hover {
opacity: 0.9;
background-color: #99f;
}
/* For flip buttons */
.flip {
position: absolute;
top: 110px;
left: 110px;
width: 13px;
height: 13px;
}
#flip {
opacity: 0;
background: url(images/black_i.png) no-repeat top left;
z-index: 8000;
}
#fliprollie {
display: none;
opacity: 0.25;
background: url(images/black_rollie.png) no-repeat top left;
z-index: 7999;
}
- Код:
// specify the start time
animation.firstElement = document.getElementById ('flip'); // specify the element to fade
animation.timer = setInterval ("animate();", 13); // set the animation function
animation.from = animation.now; // beginning opacity (not ness. 0)
animation.to = 1.0; // final opacity
animate(); // begin animation
flipShown = true; // mark the flipper as animated
}
}
// mouseexit() is the opposite of mousemove() in that it preps the preferences flipper
// to disappear. It adds the appropriate values to the animation data structure and sets the animation in motion.
function mouseexit (event)
{
if (flipShown)
{
// fade in the flip widget
if (animation.timer != null)
{
clearInterval (animation.timer);
animation.timer = null;
}
var starttime = (new Date).getTime() - 13;
animation.duration = 500;
animation.starttime = starttime;
animation.firstElement = document.getElementById ('flip');
animation.timer = setInterval ("animate();", 13);
animation.from = animation.now;
animation.to = 0.0;
animate();
flipShown = false;
}
}
// animate() performs the fade animation for the preferences flipper. It uses the opacity CSS property to simulate a fade.
function animate()
{
var T;
var ease;
var time = (new Date).getTime();
T = limit_3(time-animation.starttime, 0, animation.duration);
if (T >= animation.duration)
{
clearInterval (animation.timer);
animation.timer = null;
animation.now = animation.to;
}
else
{
ease = 0.5 - (0.5 * Math.cos(Math.PI * T / animation.duration));
animation.now = computeNextFloat (animation.from, animation.to, ease);
}
animation.firstElement.style.opacity = animation.now;
}
// these functions are utilities used by animate()
function limit_3 (a, b, c)
{
return a < b ? b : (a > c ? c : a);
}
function computeNextFloat (from, to, ease)
{
return from + (to - from) * ease;
}
// these functions are called when the info button itself receives onmouseover and onmouseout events
function enterflip(event)
{
document.getElementById('fliprollie').style.display = 'block';
}
function exitflip(event)
{
document.getElementById('fliprollie').style.display = 'none';
}
Увидела название "Фазы луны на вашем Маке"Т____Т Но мне все равно нужно вставить этот виджет в форум...
Re: Добавить свой виджет (в приветствие)
вобще то это не для форумов виджет, а для маковского dashboard -_- , но я так и быть попробую оптимизировать его для установки на форум и отпишу здесь результат
Antony-
-
Сообщения : 278
Возраст : 32
Регистрация : 2009-06-20
Благодарности : 21
Re: Добавить свой виджет (в приветствие)
вот оптимизированный код виджета, вставляете только его и все работает. Проверено
- Код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Moon Phase Widget</title>
<!-- Moon Phase Widget by Jon Wiley jon@jonwiley.com
There is also a Yahoo! Widgets (aka Konfabulator) version. Widget for forums and sites optimised by Antony crazzy501@gmail.com -->
<style type="text/css">@import url(http://firstucoz.ucoz.net/widjets/moonphase/moonphase.css);</style>
<meta name="author" content="Antony-crazzy501@gmail.com">
<script type="text/javascript" src="http://firstucoz.ucoz.net/widjets/moonphase/moonphase.js"></script>
</head>
<body onload="updatePhase();">
<div id="front" onmousemove="mousemove(event);" onmouseout="mouseexit(event);">
<div class="bevel"></div>
<div class="border"></div>
<div id="moon">
<div id="shadow">
</div>
</div>
</div>
<div id="back">
<div class="bevel"></div>
<div class="border"></div>
<div id="moonb">
<div id="shadowb">
</div>
</div>
</div>
</body>
</html>
Antony-
-
Сообщения : 278
Возраст : 32
Регистрация : 2009-06-20
Благодарности : 21
Re: Добавить свой виджет (в приветствие)
ААА!!! Спасибо огромнейшее, Antony!
Не знаю, как и благодарить ![girl_blush](/users/1814/20/07/54/smiles/413828.gif)
![yahoo](/users/1814/20/07/54/smiles/211448.gif)
![girl_blush](/users/1814/20/07/54/smiles/413828.gif)
Re: Добавить свой виджет (в приветствие)
пока я тоже незнаю как, может поможеш мне с форумом моим? Как на счет пиар компании? Если есть чем помочь, отпишись в личку
Antony-
-
Сообщения : 278
Возраст : 32
Регистрация : 2009-06-20
Благодарности : 21
![-](https://illiweb.com/empty.gif)
» Виджет "Приветствие для гостя"
» Добавить свой BB код?
» Как добавить свой сайт на рамблер
» Как оформить свой виджет
» Как изменить/добавить свой файл ads.txt?
» Добавить свой BB код?
» Как добавить свой сайт на рамблер
» Как оформить свой виджет
» Как изменить/добавить свой файл ads.txt?
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Разные проблемы :: [Архив] Разные проблемы
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения