Лента Каталог Файлы Форумы Услуги
ОсновноеRadiotalkПользовательское
MPCHAT - CMS хостинг чатов для профессионалов
90   •   Посмотреть все темы

links on TOP FRAME. 4 Version

 
1

72
DeeMon @DeeMon
блин что за фигня. люди подскажите плиз, как в верхнем фрейме (4 версии) поставить линки, так чтобы они были с правой стороны и посеедине фрейме, не выше и не ниже. блин запарился уже реально, всё испробовал, и стили и не стили.

333
BONN1x @BONN1x
высоту верхнего фрейма напиши

4619
Web3r @Web3r
<!-- TOP FRAME -->
<div id=topdiv style="position:absolute; height:40px; left:0px; right:0px; top:0px; padding-left:10px; border:1px gray solid;">
<div style="float:right;margin:Xpx Ypx 0 0">Ссылки...</div>
</div>

X - половина высоты твоего фрейма (скорее всего 20px)
Y - отступ справа, можешь поставить пикселей эдак 50.

72
DeeMon @DeeMon
BONN1x пишет:

высоту верхнего фрейма напиши

<div id=topdiv style="position:absolute; height:60px; left:0px; right:0px; top:0px; padding-left:10px; border:0px gray solid; background:url('http://www.funkformat.net/ktochat/ktochat.png') no-repeat;">

72
DeeMon @DeeMon
Всё всем спасибо! 😀 с меня пиво! 😉

333
BONN1x @BONN1x
это в стили
.top-link a {text-align:right;margin:15px 5px 0 0 ;}

потом в верхнем фрейме клас пропишеш class='top-link'
красное отступ сверху
зелёное отступ справа

получится

<div class='top-link' id=topdiv style="position:absolute; height:60px; left:0px; right:0px; top:0px; padding-left:10px; border:0px gray solid; background:url('http://www.funkformat.net/ktochat/ktochat.png') no-repeat;">

Отредактировано BONN1x - 05.11.2011
72
DeeMon @DeeMon
BONN1x пишет:

это в стили
.top-link a {text-align:right;margin:15px 5px 0 0 ;}

потом в верхнем фрейме клас пропишеш class='top-link'
красное отступ сверху
зелёное отступ справа

получится

<div class='top-link' id=topdiv style="position:absolute; height:60px; left:0px; right:0px; top:0px; padding-left:10px; border:0px gray solid; background:url('http://www.funkformat.net/ktochat/ktochat.png') no-repeat;">


Спасибо!

у меня ещё другой вопрос. здесь скрипт один, когда наводишь на линки мышку, появляется инфо о линке. Только она сверху линков появляется, что мне там надо изменить, чотбы инфо снизу появлялась!?

<script type="text/javascript">
var styles = 'font:12px Tahoma;padding:4px; background:#F7A621; border: 2px solid #102842; -moz-border-radius:6px;-webkit-border-radius:6px; border-radius: 6px; color:#102842;'; // стили
var opacit = 100; // прозрачность в процентах
var optime = 100; // скорость появления
var tposit = 4; // количество пикселей
IE=/*@cc_on!@*/false;var elems=document.getElementsByTagName("*");for(var i=0;i<elems.length;i++){if(elems[i].title){elems[i].onmouseover=function(e){var k=[];var j=[];var f=[];var h=[];var g=new Date().getTime();j[g]=this.title;this.title="";k[g]=document.createElement("DIV");k[g].innerHTML="<div style='"+styles+"'>"+j[g]+"</div>";k[g].style.cssText="position:absolute;opacity:0;filter:alpha(opacity=0);z-index:9999;";document.body.appendChild(k[g]);k[g].style.top=mouse(e).y-tposit-k[g].offsetHeight+"px";k[g].style.left=mouse(e).x+tposit+"px";document.onmousemove=function(b){k[g].style.top=mouse(b).y-tposit-k[g].offsetHeight+"px";k[g].style.left=mouse(b).x+tposit+"px"};h[g]=setTimeout(function(){fade(k[g],opacit,optime,function(){if(IE){k[g].style.removeAttribute("filter")}})},150);this.onmouseout=window.onunload=function(){clearTimeout(h[g]);document.onmousemove="";this.title=j[g];fade(k[g],0,optime,function(){document.body.removeChild(k[g])})}}}}function mouse(g){var j,f,k,c,h;j=document;h=IE?window.event:g;f=j.documentElement.scrollTop?j.documentElement.scrollLeft+h.clientX:j.body.scrollLeft+h.clientX;k=j.documentElement.scrollTop?j.documentElement.scrollTop+h.clientY:j.body.scrollTop+h.clientY;return{x:f,y:k}}function fade(f,b,a,c){if(IE){d=f.style.filter.replace(/.*opacity=([0-9]*).*/,"$1");if(!d){d=100}d=parseFloat(d)}else{var d=f.style.opacity;if(d==""){d=1}d=parseFloat(d);b=b/100}var e=new Date().getTime();setTimeout(function(){var g=(new Date().getTime())-e;var h=g/a;var j=(b-d)*h+d;if(IE){f.style.filter="alpha(opacity="+j+")"}else{f.style.opacity=j}if(h<1){setTimeout(arguments.callee,10)}else{if(IE){f.style.filter= "alpha(opacity="+b+")"}else{f.style.opacity=b}if(c){c()}}},10)};
</script>

4619
Web3r @Web3r
var tposit = 4; // количество пикселей - Попробуй другие значения... По-моему это top position и есть.

72
DeeMon @DeeMon
Weber пишет:

var tposit = 4; // количество пикселей - Попробуй другие значения... По-моему это top position и есть.

неа пробовал, это расстояние теста инфо к рамке инфо.

333
BONN1x @BONN1x
<script type="text/javascript">
var styles = 'font:12px Tahoma;padding:4px; background:#F7A621; border: 2px solid #102842; -moz-border-radius:6px;-webkit-border-radius:6px; border-radius: 6px; color:#102842;'; // стили
var opacit = 100; // прозрачность в процентах
var optime = 100; // скорость появления
var tposit = -40; // количество пикселей
IE=/*@cc_on!@*/false;var elems=document.getElementsByTagName("*");for(var i=0;i<elems.length;i++){if(elems[i].title){elems[i].onmouseover=function(e){var k=[];var j=[];var f=[];var h=[];var g=new Date().getTime();j[g]=this.title;this.title="";k[g]=document.createElement("DIV");k[g].innerHTML="<div style='"+styles+"'>"+j[g]+"</div>";k[g].style.cssText="position:absolute;opacity:0;filter:alpha(opacity=0);z-index:9999;";document.body.appendChild(k[g]);k[g].style.top=mouse(e).y-tposit-k[g].offsetHeight+"px";k[g].style.left=mouse(e).x+tposit+"px";document.onmousemove=function(b){k[g].style.top=mouse(b).y-tposit-k[g].offsetHeight+"px";k[g].style.left=mouse(b).x+tposit+"px"};h[g]=setTimeout(function(){fade(k[g],opacit,optime,function(){if(IE){k[g].style.removeAttribute("filter")}})},150);this.onmouseout=window.onunload=function(){clearTimeout(h[g]);document.onmousemove="";this.title=j[g];fade(k[g],0,optime,function(){document.body.removeChild(k[g])})}}}}function mouse(g){var j,f,k,c,h;j=document;h=IE?window.event:g;f=j.documentElement.scrollTop?j.documentElement.scrollLeft+h.clientX:j.body.scrollLeft+h.clientX;k=j.documentElement.scrollTop?j.documentElement.scrollTop+h.clientY:j.body.scrollTop+h.clientY;return{x:f,y:k}}function fade(f,b,a,c){if(IE){d=f.style.filter.replace(/.*opacity=([0-9]*).*/,"$1");if(!d){d=100}d=parseFloat(d)}else{var d=f.style.opacity;if(d==""){d=1}d=parseFloat(d);b=b/100}var e=new Date().getTime();setTimeout(function(){var g=(new Date().getTime())-e;var h=g/a;var j=(b-d)*h+d;if(IE){f.style.filter="alpha(opacity="+j+")"}else{f.style.opacity=j}if(h<1){setTimeout(arguments.callee,10)}else{if(IE){f.style.filter= "alpha(opacity="+b+")"}else{f.style.opacity=b}if(c){c()}}},10)};
</script>
не знаю будет работать или нет тести сам

Отредактировано BONN1x - 05.11.2011
1007
BETEPAH @BETEPAH
DeeMon пишет:

у меня ещё другой вопрос. здесь скрипт один, когда наводишь на линки мышку, появляется инфо о линке. Только она сверху линков появляется, что мне там надо изменить, чотбы инфо снизу появлялась!?
<script type="text/javascript">
var styles = 'font:12px Tahoma;padding:4px; background:#F7A621; border: 2px solid #102842; -moz-border-radius:6px;-webkit-border-radius:6px; border-radius: 6px; color:#102842;'; // стили
var opacit = 100; // прозрачность в процентах
var optime = 100; // скорость появления
var tposit = 4; // количество пикселей
IE=/*@cc_on!@*/false;var elems=document.getElementsByTagName("*");for(var i=0;i<elems.length;i++){if(elems[i].title){elems[i].onmouseover=function(e){var k=[];var j=[];var f=[];var h=[];var g=new Date().getTime();j[g]=this.title;this.title="";k[g]=document.createElement("DIV");k[g].innerHTML="<div style='"+styles+"'>"+j[g]+"</div>";k[g].style.cssText="position:absolute;opacity:0;filter:alpha(opacity=0);z-index:9999;";document.body.appendChild(k[g]);k[g].style.top=mouse(e).y-tposit-k[g].offsetHeight+"px";k[g].style.left=mouse(e).x+tposit+"px";document.onmousemove=function(b){k[g].style.top=mouse(b).y-tposit-k[g].offsetHeight+"px";k[g].style.left=mouse(b).x+tposit+"px"};h[g]=setTimeout(function(){fade(k[g],opacit,optime,function(){if(IE){k[g].style.removeAttribute("filter")}})},150);this.onmouseout=window.onunload=function(){clearTimeout(h[g]);document.onmousemove="";this.title=j[g];fade(k[g],0,optime,function(){document.body.removeChild(k[g])})}}}}function mouse(g){var j,f,k,c,h;j=document;h=IE?window.event:g;f=j.documentElement.scrollTop?j.documentElement.scrollLeft+h.clientX:j.body.scrollLeft+h.clientX;k=j.documentElement.scrollTop?j.documentElement.scrollTop+h.clientY:j.body.scrollTop+h.clientY;return{x:f,y:k}}function fade(f,b,a,c){if(IE){d=f.style.filter.replace(/.*opacity=([0-9]*).*/,"$1");if(!d){d=100}d=parseFloat(d)}else{var d=f.style.opacity;if(d==""){d=1}d=parseFloat(d);b=b/100}var e=new Date().getTime();setTimeout(function(){var g=(new Date().getTime())-e;var h=g/a;var j=(b-d)*h+d;if(IE){f.style.filter="alpha(opacity="+j+")"}else{f.style.opacity=j}if(h<1){setTimeout(arguments.callee,10)}else{if(IE){f.style.filter= "alpha(opacity="+b+")"}else{f.style.opacity=b}if(c){c()}}},10)};
</script>

Вот эта строчка (встречается в коде дважды) смещает от курсора появляющуюся подсказку:
k[g].style.top=mouse(b).y-tposit-k[g].offsetHeight+"px";
Замените ее в обоих местах на
k[g].style.top=mouse(b).y+tposit+"px";
Количество пикселей можете оставить var tposit = 4;
k[g].offsetHeight - это высота подсказки. Если она появляется снизу от ссылки, ее можно не учитывать в смещении. Когда выводилась сверху, приходилось поднимать блок на эту величину.

72
DeeMon @DeeMon
BONN1x пишет:

<script type="text/javascript">
var styles = 'font:12px Tahoma;padding:4px; background:#F7A621; border: 2px solid #102842; -moz-border-radius:6px;-webkit-border-radius:6px; border-radius: 6px; color:#102842;'; // стили
var opacit = 100; // прозрачность в процентах
var optime = 100; // скорость появления
var tposit = -40; // количество пикселей
IE=/*@cc_on!@*/false;var elems=document.getElementsByTagName("*");for(var i=0;i<elems.length;i++){if(elems[i].title){elems[i].onmouseover=function(e){var k=[];var j=[];var f=[];var h=[];var g=new Date().getTime();j[g]=this.title;this.title="";k[g]=document.createElement("DIV");k[g].innerHTML="<div style='"+styles+"'>"+j[g]+"</div>";k[g].style.cssText="position:absolute;opacity:0;filter:alpha(opacity=0);z-index:9999;";document.body.appendChild(k[g]);k[g].style.top=mouse(e).y-tposit-k[g].offsetHeight+"px";k[g].style.left=mouse(e).x+tposit+"px";document.onmousemove=function(b){k[g].style.top=mouse(b).y-tposit-k[g].offsetHeight+"px";k[g].style.left=mouse(b).x+tposit+"px"};h[g]=setTimeout(function(){fade(k[g],opacit,optime,function(){if(IE){k[g].style.removeAttribute("filter")}})},150);this.onmouseout=window.onunload=function(){clearTimeout(h[g]);document.onmousemove="";this.title=j[g];fade(k[g],0,optime,function(){document.body.removeChild(k[g])})}}}}function mouse(g){var j,f,k,c,h;j=document;h=IE?window.event:g;f=j.documentElement.scrollTop?j.documentElement.scrollLeft+h.clientX:j.body.scrollLeft+h.clientX;k=j.documentElement.scrollTop?j.documentElement.scrollTop+h.clientY:j.body.scrollTop+h.clientY;return{x:f,y:k}}function fade(f,b,a,c){if(IE){d=f.style.filter.replace(/.*opacity=([0-9]*).*/,"$1");if(!d){d=100}d=parseFloat(d)}else{var d=f.style.opacity;if(d==""){d=1}d=parseFloat(d);b=b/100}var e=new Date().getTime();setTimeout(function(){var g=(new Date().getTime())-e;var h=g/a;var j=(b-d)*h+d;if(IE){f.style.filter="alpha(opacity="+j+")"}else{f.style.opacity=j}if(h<1){setTimeout(arguments.callee,10)}else{if(IE){f.style.filter= "alpha(opacity="+b+")"}else{f.style.opacity=b}if(c){c()}}},10)};
</script>
не знаю будет работать или нет тести сам

работает, большое спасибо!