Главная » 2009 » Декабрь » 30 » Профиль, при наведение (Скрипты для ucoz)
30.12.2009, 19:55

Профиль, при наведение




Заходим в панель управления » Управление дизайном » Редактирование шаблонов » Ваш шаблон(возьмем к примеру Страницы сайта) Заходим в неё
Идем в самый низ страныцы там есть /body перед ним вставляем вставляем:
Code
<script type="text/javascript">  
links=document.getElementsByTagName('a');  
for(i=0;i<links.length;i++){  
if(links[i].className=='uLPost','tAuthor','threadAuthorLink','lastPostUserLink'){  
user=links[i].innerHTML;  
// далее надо прописать юзеров и их цвета  
$MYINF_5$  
}}  
</script>

Заместо $MYINF_5$ - ваш номер информера!!!
Теперь в css в в замый низ добавте

Code
/* === User Avatar === */  
#userAvataraAll {  
text-align: center;  
position: absolute;  
border: 1px solid #323D4F;  
background: #ECECEC;  
padding: 5px;  
display: none;  
color: #000000;  
}  
/* ============================= */

Теперь создадим информир.

Раздел: - Пользуватели
Способ сортировки: - Дата регистрацыи А
Количество материалов: - 300
Количество колонок: - 1
Создали.Теперь заходим в информер выдиляем всё и удаляем и вставляем

Code
if(user=='$USERNAME$'){links[i].title="<?if($AVATAR_URL$)?><img src='$AVATAR_URL$' border='0'><?else?><img src='mnogo-softa.ru/img/noavatar.jpg' border='0'><?endif?><br><br>Ник: $USERNAME$<br>Имя: $FULL_NAME$<br>Группа: $GROUP_NAME$<br>Пол: $GENDER$<br>Титул: $RANK_NAME$<br>Репутация: $REPUTATION$<br>"; }

Сохраняем.Там где mnogo-softa.ru/img/noavatar.jpg вставте ссылку на аватар.Етот аватар будет высвечюватся когда у пользувателя нет аватара.

И теперь самое главное без чего ваше окошко статистики небудет высвечюватся ето хинт

Этот код вставте в head Шаблонов сайта:

Code
<style>  
/* hint menu */  
.hint  
{  
background:url('http://sinners.pp.ua/img/1.1.gif');  
line-height:10px;  
color:#1E90FF;  
font-family:verdana,arial,helvetica;  
font-size:8pt;  
width:auto;  
border-top:1px solid #1E90FF;  
border-right:1px solid #1E90FF;  
border-bottom:1px solid #1E90FF;  
border-left:1px solid #1E90FF;  
margin:1px;  
padding:8px;  
position:absolute;  
visibility:hidden;  
}  
/* ---------------- */  
</style>  

<script>  
// Автор Скрипта: Danil Aka Fenik$  
//Hint Start  
// CLASS : MW_System_Load  
// Init  
function MW_System_Load(){  
this.wib = screen.width;  
this.heb = screen.height;  
this.documes = (document.getElementById || document.createElement || document.getElementsByTagName) ? true : false;  
this.objects = window.addEventListener || window.attachEvent ? window : document.addEventListener ? document : null;  
this.types = 'load';  
}  
MW_System_Load.prototype.addsevent = function(func){  
if(this.objects.addEventListener){  
this.objects.addEventListener(this.types,func,false);  
return true;  
} else if (this.objects.attachEvent){  
this.objects.attachEvent("on" + this.types,func);  
} else {  
return false;  
}  
}  
MW_System_Load.prototype.browser = function(){  
this.ver = navigator.appVersion;  
this.agent = navigator.userAgent.toLowerCase();  
this.dom = document.getElementById ? 1:0;  
this.all = document.all ? 1:0;  
this.ie5 = (this.ver.indexOf("MSIE 5")>-1 && this.dom) ? 1:0;  
this.ie6 = (this.ver.indexOf("MSIE 6")>-1 && this.dom) ? 1:0;  
this.ie4 = (document.all && !this.dom) ? 1:0;  
this.ie = this.ie4 || this.ie5 || this.ie6;  
this.opera = this.agent.indexOf("opera")>-1;  
this.gecko = (this.agent.indexOf("gecko")!=-1) ? 1:0;  
this.bw = (this.ie || this.opera || this.gecko);  
return this;  
}  
MW_System_Load.prototype.findobj = function(obj){  
this.parent = window.document;  
if(this.parent[obj]){ return this.parent[obj]; }  
if(this.parent.all && this.parent.all[obj]){ return this.parent.all[obj]; }  
if(this.parent.layers && this.parent.layers[obj]){ return this.parent.layers[obj]; }  
if(this.parent.getElementById && this.parent.getElementById(obj)){ return this.parent.getElementById(obj); }  
return null;  
}  
var MW = new MW_System_Load();  
function MW_System_Hint(){}  
MW_System_Hint.prototype.show = function(obj,str){  
var hint = MW.findobj('hint');  
if(!obj){ return; }  
if(!MW.documes){ return; }  
if(!hint){ return; }  
hint.className = 'hint';  
hint.style.left = 15;  
hint.style.top = 50;  

obj.onmouseout = function(advance){  
hint.style.width = '';  
hint.style.visibility = 'hidden';  
if(hint.firstChild) hint.removeChild(hint.firstChild);  
hint.appendChild(document.createTextNode(str));  
};  
obj.onmousemove = function(advance){  
//str = str.replace(/</g,"<");  
//str = str.replace(/>/g,">");  
hint.style.width = '';  
hint.innerHTML = str;  
vc = document.getElementsByTagName((document.compatMode && document.compatMode=="CSS1Compat") ? "HTML":"BODY")[0];  
x = window.event ? event.clientX + vc.scrollLeft : advance.pageX;  
y = window.event ? event.clientY + vc.scrollTop : advance.pageY;  
vcwidth = vc.clientWidth ? vc.clientWidth + vc.scrollLeft : window.innerWidth + window.pageXOffset;  
vcheight = vc.innerHeight ? window.innerHeight + window.pageYOffset : vc.clientHeight + vc.scrollTop;  
  if(hint.offsetWidth>500){ hint.style.width = '200'; }  
  if((x + hint.offsetWidth + 15) > vcwidth){  
  hint.style.left = x - hint.offsetWidth - 4;  
  } else {  
  hint.style.left = x + 15;  
  }  
  if((y + hint.offsetHeight + 19) > vcheight){  
  hint.style.top = y - hint.offsetHeight;  
  } else {  
  hint.style.top = y + 25;  
  }  
  //if(typeof(hint.style.MozOpacity)!="undefined"){  
  hint.style.opacity = '.91';  
  hint.style.filter = "alpha(opacity:91)";  
  //}  
  hint.style.visibility = 'visible';  
};  
}  
MW_System_Hint.prototype.initialize = function(){  
var hint = document.createElement("DIV");  
hint.setAttribute('id','hint');  
document.getElementsByTagName('body')[0].appendChild(hint);  
hint.style.visibility = 'hidden';  
var hintmarker = ['a','img','img','input','span','div','textarea'];  
var textmarker = ['title','alt','title','title','title','title','title'];  
var lenmarker = hintmarker.length;  
for(var i=0; i<lenmarker; i++) {  
atr = document.getElementsByTagName(hintmarker[i]);  
for(var j=0; j<atr.length; j++)  
if(viewhint=atr[j].getAttribute(textmarker[i])){  
  atr[j].removeAttribute(textmarker[i]);  
  HINT.show(atr[j],viewhint);  
}  
}  
}  
var HINT = new MW_System_Hint();  
if(MW.objects){ MW.addsevent(HINT.initialize); }  
//Hint End  
</script>
Материал взят с сайта infoscript.ru
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: Не известен
Категория: Скрипты uCoz | Просмотров: 3496 | Добавил: Zver | Рейтинг: 3.6/5 |
Теги: профиль, про наведение
Всего комментариев: 17 1 2 »
-1  
1 Apocalypse   (14.01.2010 14:35) [Материал]
Аватар пользователя
Ипаать сколько ошибок в тексте!!! biggrin

+1  
2 Браен   (15.01.2010 02:09) [Материал]
Аватар пользователя
ого biggrin

-1  
3 Apocalypse   (15.01.2010 11:05) [Материал]
Аватар пользователя
Скрипт протестировал и сразу же становится ясно, что это тупая переделка а чел, что постил материал, даже не задумывался над кодом, который размещает!

Если делать, как всё описано выше, у вас нифига не выйдет, так как в коде есть ошибки и ненужные параметры CSS!!!

Из всего кода нам нужен только хинт! Именно он обрабатывает текст и картинки, прописанные в title! Напишу коммент в трёх частях, так как не влезет всё описание установки:


+1  
6 antisept -Infoscript Team-  (15.01.2010 17:38) [Материал]
Аватар пользователя
Zver не задумывался над кодом, т.к. еще достаточно плохо в этом разбирается. Но в целом, кроме орфографических ошибок и первой css (по-моему, оно ни к чему) - все норм. Код, вроде, работает.

-1  
8 Apocalypse   (15.01.2010 17:50) [Материал]
Аватар пользователя
Не работает код для информера!!! Внимательно посмотри! Само начало if(user=='$USERNAME$'){links[i].title=" не напрягает??? Я тетсил этот код - полный пипец... happy

+1  
9 antisept -Infoscript Team-  (15.01.2010 18:11) [Материал]
Аватар пользователя
Вроде все норм. Только что потестил.

-1  
4 Apocalypse   (15.01.2010 11:10) [Материал]
Аватар пользователя
1) Меджу <head> и <head> вставляем код хинта, который указан в материале (Самый последний код в материале)

Подстраиваем все цвета хинта под свой сайт (Настройки эти прописаны в стиле):

<style>
/* hint menu */
.hint
{
background:url('http://sinners.pp.ua/img/1.1.gif');
line-height:10px;
color:#1E90FF;
font-family:verdana,arial,helvetica;
font-size:8pt;
width:auto;
border-top:1px solid #1E90FF;
border-right:1px solid #1E90FF;
border-bottom:1px solid #1E90FF;
border-left:1px solid #1E90FF;
margin:1px;
padding:8px;
position:absolute;
visibility:hidden;
}
/* ---------------- */
</style>


-1  
5 Apocalypse   (15.01.2010 11:17) [Материал]
Аватар пользователя
Хинт обрабатывает любой код, в котором есть title

Допустим, если мы хотим, чтобы при наведении на ссылку хинт отображал подсказку в виде текста или картинки, прописываем ссылку вот так:

<a title="Описание ссылки<br><img src='Адрес картинки'><br>Текст ниже картинки" href="Ссылка перехода на страницу">Название ссылки</a>

Как видим, в титульнике хинт распознаёт html теги! Мы можем творить с этим всё, что толко захотим! smile

Кстати, правильный код информера выглядит так:

<a title="<?if($AVATAR_URL$)?><img src='$AVATAR_URL$' border='0'><?else?><img src='mnogo-softa.ru/img/noavatar.jpg' border='0'><?endif?><br><br>Ник: $USERNAME$<br>Имя: $FULL_NAME$<br>Группа: $GROUP_NAME$<br>Пол: $GENDER$<br>Титул: $RANK_NAME$<br>Репутация: $REPUTATION$<br>" href="$PROFILE_URL$">$USERNAME$</a><br>


+1  
7 antisept -Infoscript Team-  (15.01.2010 17:48) [Материал]
Аватар пользователя
Что-то я не пойму, как должен работать этот код:

<a title="<?if($AVATAR_URL$)?><img src='$AVATAR_URL$' border='0'><?else?><img src='mnogo-softa.ru/img/noavatar.jpg' border='0'><?endif?><br><br>Ник: $USERNAME$<br>Имя: $FULL_NAME$<br>Группа: $GROUP_NAME$<br>Пол: $GENDER$<br>Титул: $RANK_NAME$<br>Репутация: $REPUTATION$<br>" href="$PROFILE_URL$">$USERNAME$</a><br>

Вот верный: if(user=='$USERNAME$'){links[i].title="<?if($AVATAR_URL$)?><img src='$AVATAR_URL$' border='0'><?else?><img src='mnogo-softa.ru/img/noavatar.jpg' border='0'><?endif?><br><br>Ник: $USERNAME$<br>Имя: $FULL_NAME$<br>Группа: $GROUP_NAME$<br>Пол: $GENDER$<br>Титул: $RANK_NAME$<br>Репутация: $REPUTATION$<br>"; }


0  
10 Zver   (15.01.2010 19:50) [Материал]
Аватар пользователя
Я просто увидил етот скрипт, поставил без теста суда... (тупо скопировал) но етот скрипт работал...
Апокалипсис, лучше бы показал ошибки а не критиковал wink
И писал тоже не я, я не проверял, вот в чём моя ошибкО, я извиняюсь..

1-6 7-10
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]