Владельцам 3.8.6: не поставили патч - потеряли форум!

Файловый Архив

  • Неограниченное количество категорий и суб-категорий
  • Настройки прав доступа по группам
  • Настройки прав доступа по каждой категории
  • Предпросмотр медиа файлов: FLV, IFLV, F4A, F4V, MP4, MP3, MOV и других...
  • Мультизагрузка файлов - SWFUploader
  • Добавление файлов с сервера
Подробности и история обновлений продукта в этой теме
Loading

Go Back   форум vBSupport.org > > >
Register Изображения Меню vBsupport Files Manager Аллея Звёзд Реклама на форуме Search Today's Posts Mark Forums Read
  • Мемберка
  • Администраторам
  • Premoderation
  • For English speaking users
  • Изменения в правах
  • Каталог Фрилансеров
Пароли на скачивание файлов в Member Area меняются автоматически каждый день
Если вам нужно скачать какой то скрипт, за паролем ко мне в ЛС
привет какирам kerk
Ещё раз обращаем Ваше внимание: всё, что Вы скачиваете и устанавливаете на свой форум, Вы устанавливаете исключительно на свой страх и риск.
Сообщество vBSupport'а физически не в состоянии проверять все стили, хаки и нули, выкладываемые пользователями.
Помните: безопасность Вашего проекта - Ваша забота.
Убедительная просьба: при обнаружении уязвимостей или сомнительных кодов обязательно отписывайтесь в теме хака/стиля
Спасибо за понимание
На форуме введена премодерация ВСЕХ новых пользователей

Почта с временных сервисов, типа mailinator.com, gawab.com и/или прочих, которые предоставляют временный почтовый ящик без регистрации и/или почтовый ящик для рассылки спама, отслеживается и блокируется, а так же заносится в спам-блок форума, аккаунты удаляются
for English speaking users:
You may be surprised with restriction of access to the attachments of the forum. The reason is the recent change in vbsupport.org strategy:

- users with reputation < 10 belong to "simple_users" users' group
- if your reputation > 10 then administrator (kerk, Luvilla) can decide to move you into an "improved" group, but only manually

Main idea is to increase motivation of community members to share their ideas and willingness to support to each other. You may write an article for the subject where you are good enough, you may answer questions, you may share vbulletin.com/org content with vbsupport.org users, receiving "thanks" equal your reputation points. We should not only consume, we should produce something.

- you may:
* increase your reputation (doing something useful for another members of community) and being improved
* purchase temporary access to the improved category:
10 $ for 3 months. - this group can download attachments, reputation/posts do not matter.
20 $ for 3 months. - this group can download attachments, reputation/posts do not matter + adds eliminated + Inbox capacity increased + files manager increased permissions.

Please contact kerk or Luvilla regarding payments.

Important!:
- if your reputation will become less then 0, you will be moved into "simple_users" users' group automatically.*
*for temporary groups (pre-paid for 3 months) reputation/posts do not matter.
Не можете скачать вложение?
Изменения в правах групп пользователей
внимательно читаем эту и эту темы
Короткая версия - тут
Уважаемые пользователи!

На форуме открыт новый раздел "Каталог фрилансеров"

и отдельный раздел для платных заказов "Куплю/Закажу"

 
 
Old  
Ярик
Специалист
 
Ярик's Avatar
Question [Вопрос] Tooltip 0

Такой код на vBulletin без JavaScript работать не будет?

HTML Code:
<span class="tooltip" data-title="ОПИСАНИЕ">НАЗВАНИЕ</span>
CSS:
Code:
.tooltip {
color: #lf8b8a;
border-bottom: 1px dashed #1d7b77;
position: relative;
cursor: pointer;
}


.tooltip:before,
.tooltip:after {
display: block;
position: absolute;
visibility: hidden;
opacity: 0;
-webkit-transition: opacity .7s, margin-bottom .7s;
-moz-transition: opacity .7s, margin-bottom .7s;
transition: opacity .7s, margin-bottom .7s;
}


.tooltip:before {
display: block;
position: absolute;
bottom: 30px;
left: 50%;
margin-left: -100px;
padding: 10px;
width: 200px;
font-size: .8em;
color: white;
text-align: center;
background-color: rgba(0,0,0,.85);
border-radius: 5px;
content: attr(data title);

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}



.tooltip:after {
content: "";
border-top: 10px solid rgba(0,0,0,.85);
border-left: 10px solid transparent;
border-right: 10px solid transparent;
bottom: 20px;
margin-left: -10px;
}


.tooltip:hover:before,
.tooltip:hover:after {
visibility: visible;
margin-bottom: 0;
opacity: 1;
}

Last edited by Ярик : 08-23-2014 at 08:50 PM.
 
Bot
Yandex Bot Yandex Bot is online now
 
Join Date: 05.05.2005
Реклама на форуме А что у нас тут интересного? =)
Old  
Sven
Верстальщик
 
Sven's Avatar
Default 2

А проверить?
Никто же не запрещает вставить это всё в шаблоны/стили и проверить
 
Old  
Smalesh
Эксперт
Default 5

Quote:
Originally Posted by Sven View Post
Никто же не запрещает вставить это всё в шаблоны/стили и проверить
А можно просто в песочнице поиграться.
http://dabblet.com/ и http://jsfiddle.net/ в закладочки, кому нужно. Хотя таких сервисов кучи)
 
Old  
Sven
Верстальщик
 
Sven's Avatar
Default 0

Был же вопрос именно про воблу
 
Old  
Ярик
Специалист
 
Ярик's Avatar
Default 0

Smalesh, на пустой страничке в тексте он работает а вот на вобле.... @Sven, Пришлось Джава ставить, кстати с opacity в JavaScript не приходилось сталкиваться?
 
Old  
Sellrion
В Черном-причерном списке
 
Sellrion's Avatar
Default 0

Quote:
Originally Posted by Ярик View Post
Пришлось Джава ставить
Куда ставить?
Quote:
Originally Posted by Ярик View Post
с opacity в JavaScript не приходилось сталкиваться?
В каком смысле?
 
Old  
Sven
Верстальщик
 
Sven's Avatar
Default 0

Quote:
Originally Posted by Ярик View Post
а вот на вобле
Смотреть нужно, что мешает..и скорее всего доктайп менять нужно.

Quote:
Originally Posted by Ярик View Post
Пришлось Джава ставить
Java и JavaScript - это разные вещи.

Quote:
Originally Posted by Sellrion View Post
В каком смысле?
Поддерживаю
 
Old  
Ярик
Специалист
 
Ярик's Avatar
Default 0

@Sellrion, @Sven, вообщем все параметры меняются но opacity не отображается в работе. Что можешь сказать?
tooltip на JavaScript
HTML Code:
function artNF(f,g,d,h,n){var a=document.getElementById("nftitle"),l,m=document.getElementById(f).getBoundingClientRect();void 0!=a&&a.parentNode.removeChild(a);a=document.createElement("div");a.id="nftitle";""!=d&&"top"==h?a.innerHTML='<div id="nftitle-title">'+d+'</div><div id="nftitle-body">'+g+'</div><div id="nftitle-arrow-out"><div id="nftitle-arrow-in"></div></div>':"top"==h?a.innerHTML='<div id="nftitle-body">'+g+'</div><div id="nftitle-arrow-out"><div id="nftitle-arrow-in"></div></div>':""!=
d&&"bottom"==h?a.innerHTML='<div id="nftitle-arrow-out"><div id="nftitle-arrow-in"></div></div><div id="nftitle-body">'+g+'</div><div id="nftitle-title">'+d+"</div>":"bottom"==h&&(a.innerHTML='<div id="nftitle-body">'+g+'</div><div id="nftitle-arrow-out"><div id="nftitle-arrow-in"></div></div>');document.body.appendChild(a);var b=document.getElementById("nftitle").style.opacity="0.8";var b=document.getElementById("nftitle");g=document.getElementById("nftitle-body");d=document.getElementById("nftitle-title");var a=document.getElementById("nftitle").style.borderRadius="4px";var a=document.getElementById("nftitle-arrow-out"),
c=document.getElementById("nftitle-arrow-in");b.style.border="1px solid #333333";b.style.fontFamily="Tahoma";b.style.fontSize="11px";b.style.color="#ffffff";b.style.position="absolute";b.style.display="inline-block";b.style.background="#000000";b.style.boxShadow="0 0 2px rgba(0,0,0,0.2)";b.style.zIndex=99997;b.style.[B]opacity="0.8"[/B];g.style.padding="5px";var b=document.getElementById("nftitle");g=document.getElementById("nftitle-body");d=document.getElementById("nftitle-title");void
0!=document.getElementById("nftitle-title")&&(d.style.background="#000000",d.style.padding="5px",d.style.fontWeight="bold");a.style.position="absolute";
a.style.zIndex=99998;a.style.border="6px solid transparent";c.style.border="5px solid transparent";c.style.position="absolute";c.style.zIndex=99999;switch(h){case "top":var e=.1,k=0;b.style.top=parseInt(m.top-document.getElementById("nftitle").offsetHeight-6)-15+"px";b.style.left=parseInt(m.left)-10+"px";void 0!=document.getElementById("nftitle-title")&&(d.style.borderBottom="1px solid #000000");c.style.borderTop="5px solid #000000";c.style.bottom="-3px";c.style.left="-5px";a.style.borderTop="6px solid #000000";
a.style.top=parseInt(b.offsetHeight)-1+"px";a.style.left=parseInt(document.getElementById(f).offsetWidth/2-6+10)+"px";1>e&&(l=setInterval(function(){e+=.1;10<=k?clearInterval(l):(b.style.opacity=e,k++,void 0!=document.getElementById("nftitle")&&(b.style.top=parseInt(document.getElementById("nftitle").offsetTop)+1+"px"))},25));break;case "bottom":e=.1,k=10,b.style.top=parseInt(m.top+6+document.getElementById(f).offsetHeight)+15+"px",b.style.left=parseInt(m.left)-10+"px",void 0!=document.getElementById("nftitle-title")&&
(d.style.borderTop="1px solid #cfd4e5"),c.style.borderBottom="5px solid #000000",c.style.top="-3px",c.style.left="-5px",a.style.borderBottom="6px solid #000000",a.style.top="-12px",a.style.left=parseInt(document.getElementById(f).offsetWidth/2-6+10)+"px",1>e&&(l=setInterval(function(){e+=.1;0>=k?clearInterval(l):(b.style.opacity=e,k--,void 0!=document.getElementById("nftitle")&&(b.style.top=parseInt(document.getElementById("nftitle").offsetTop)-1+"px"))},25))}n?document.onclick=function(a){for(var b=
document.getElementById("nftitle-body").childNodes,d=[],c=0;c<b.length;c++)d.push(b[c]);for(c=0;c<d.length;c++)if(a.target==d[c])return;"undefined"!=document.getElementById("nftitle")&&document.getElementById("nftitle").parentNode.removeChild(document.getElementById("nftitle"))}:null!=document.getElementById(f)&&(document.getElementById(f).onmouseout=function(){document.getElementById("nftitle").parentNode.removeChild(document.getElementById("nftitle"))})};

Last edited by Ярик : 08-24-2014 at 02:39 PM.
 
Old  
Sven
Верстальщик
 
Sven's Avatar
Default 0

А где в первом сообщении JS и при чем тут он?
 
Old  
Abraxas
Эксперт
 
Abraxas's Avatar
Default 0

Честно говоря, не вижу причин, почему бы это не могло работать где угодно. @Ярик, можно посмотреть в полевых условиях?
 
 

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off




All times are GMT +4. The time now is 02:35 AM.


Powered by vBulletin® Version 3.0.11
Copyright ©2000 - 2016, Jelsoft Enterprises Ltd.