http://prototype.ucoz.ua/ Thu, 08 Aug 2013 08:12:00 GMT uCoz Web-Service Этот скрипт меняет фоновые изображения на странице с указанным временным интервалом. Тупо меняет изображения и не содержит декоративных эффектов. <p>Зеленым цветом заданы адреса изображений, которые по очереди должны появляться на фоне страницы. Изображений может быть сколько угодно, однако необходимо учитывать, что их загрузка может забрать у посетителей время, поэтому рекомендуется либо использовать мало легких по весу изображений, либо заранее подгружать изображения в невидимом блоке.</p> <p>Синим указан временной интервал смены изображений в милисекундах.</p> <code> <script type="text/javascript"&gt;<br /> var images = [<span style="color:green;">'image1.jpg', 'image2.jpg', 'image3.jpg'</span>];<br /> var i = 0;<br /> setInterval(function(){<br /> $('body').css('background-image', function() {<br /> if (i >= images.length) { i=0; } return 'url(' + images[i++] + ')'; }<br /> ); }, <span style="color:blue;">5000</span>);<br /> </script&gt; </code> https://prototype.ucoz.ua/news/menjajushhijsja_fon_stranicy/2013-08-08-27 Prototype https://prototype.ucoz.ua/news/menjajushhijsja_fon_stranicy/2013-08-08-27 Thu, 08 Aug 2013 08:12:00 GMT Листалка прикрепленных к материалу изображений для всех модулей. Выводится во всплывающем ajax окне. Работает с массивом $IMGS_ARRAY_JS$. <p>В модуле Онлайн Игры такая листалка изображений установлена по умолчанию, но, как выяснилось, подобные массивы, содержащие прикрепленные изображения выводятся и в других модулях. Поэтому имеет смысл подключить к сайту универсальный скрипт, который будет действовать во всех разделах сайта.</p> <p>Основываясь на версии скрипта одного умного человека, я решил составить нечто подобное. Пропущу скучные объяснения, которые мало кого интересуют. Приступим к установке. Итак, во-первых, открываем Notepad и копируем туда следующее:</p> <code> function showImgs(indx){<br /> var bck=indx-1;<br /> var nxt=indx+1;<br /> if (bck<0){bck=allEntImgs.length-1;}<br /> if (nxt>=allEntImgs.length){nxt=0;}<br /> var imgs='';<br /> for (var i=0;i<allEntImgs.length;i++){var img=i+1;<br /> if(allEntImgs[i][0].length<1){continue;}<br /> if (i==indx){imgs+= '<b class="pgSwchA">'+img+'</b> ';}<br /> else {imgs += '<a class="pgSwch" href="javascript://" rel="nofollow" onclick="showImgs('+i+');return false;"&gt;'+img+'</a&gt; ';}<br /> }<br /> if (allEntImgs.length>1){imgs = '<a class="pgSwch" href="javascript://" rel="nofollow" onclick="showImgs('+bck+');return false;"&gt;&laquo;</a&gt; '+imgs+' <a class="pgSwch" href="javascript://" rel="nofollow" onclick="showImgs('+nxt+');return false;"&gt;&raquo;</a&gt; ';}<br /> var hght = parseInt(allEntImgs[indx][2]); if ($.browser.msie) { hght += 28; };<br /> _picsCont = '<div id="_prCont" style="position:relative;width:' + allEntImgs[indx][1] + 'px;height:' + hght.toString() + 'px;"&gt;<img alt="Картинка" border="0" width="' + allEntImgs[indx][1] + '" height="' + allEntImgs[indx][2] + '" src="' + allEntImgs[indx][0] + '"/&gt;<div style="text-align:center; padding:5px 0px 2px 0px;"&gt;'+imgs+'</div&gt;</div&gt;';<br /> new _uWnd('wnd_prv',"Photo",400,400,{popup:1,waitimages:300000,autosizewidth:1,autosize:1,resize:0,fadetype:1,align:'center',min:0,max:0,minh:400,minw:400},_picsCont);<br /> }</code> https://prototype.ucoz.ua/news/ajax_listalka_prikreplennykh_izobrazhenij/2013-02-14-26 Медвед https://prototype.ucoz.ua/news/ajax_listalka_prikreplennykh_izobrazhenij/2013-02-14-26 Thu, 14 Feb 2013 10:05:45 GMT In this experiment we will create a little gallery using CSS 3D transforms and an advanced javascript with jQuery framework. Please note that the CSS 3D transforms effects will only work in Webkit browsers (Chrome, Safari). <br /><br /> <b>HTML</b> <br /> <!--uzcode--><div class="bbCodeBlock"><div class="bbCodeName" style="padding-left:5px;font-weight:bold;font-size:7pt">Code</div><div class="codeMessage" style="border:1px inset;max-height:200px;overflow:auto;height:expression(this.scrollHeight<5?this.style.height:scrollHeight>200?'200px':''+(this.scrollHeight+5)+'px');"><!--uzc--> <br /> <div class="showcase"> <br /> <div class="inside"> <br /> <a href="#" class="active"><img src="assets/img1.jpg" alt="" /></a> <br /> <a href="#"><img src="assets/img2.jpg" alt="" /></a> <br /> <a href="#"><img src="assets/img3.jpg" alt="" /></a> <br /> <a href="#"><img src="assets/img4.jpg" alt="" /></a> <br /> <a href="#"><img src="assets/img5.jpg" alt="" /></a> <br /> <a href="#"><img src="assets/img6.jpg" alt="" /></a> <br /> <a href="#"><img src="assets/img7.jpg" alt="" /></a> <br /> <a href="#"><img src="assets/img8.jpg" alt="" /></a> <br /> <a href="#"><img src="assets/img9.jpg" alt="" /></a> <br /> <a href="#"><img src="assets/img10.jpg" alt="" /></a> <br /> </div> <br /> </div> <br />&nbsp;&nbsp;&nbsp;<br /> <div class="helper"> <br /> <a href="#" class="prev">Previous</a> <br /> <a href="#" class="next">Next</a> <br /> </div> <br /> <!--/uzc--></div></div><!--/uzcode--> <br /> <b>CSS</b> <br /> <!--uzcode--><div class="bbCodeBlock"><div class="bbCodeName" style="padding-left:5px;font-weight:bold;font-size:7pt">Code</div><div class="codeMessage" style="border:1px inset;max-height:200px;overflow:auto;height:expression(this.scrollHeight<5?this.style.height:scrollHeight>200?'200px':''+(this.scrollHeight+5)+'px');"><!--uzc--> <br /> .showcase { <br /> width:500px; <br /> height:500px; <br /> position:absolute; <br /> top:50%; <br /> left:50%; <br /> margin:-250px 0 0 -250px; <br /> overflow:hidden; <br /> } <br />&nbsp;&nbsp;&nbsp;<br /> .showcase .inside { <br /> position:absolute; <br /> top:50%; <br /> left:0; <br /> height:320px; <br /> width:320px; <br /> margin-top:-160px; <br /> } <br />&nbsp;&nbsp;&nbsp;<br /> .showcase .inside a { <br /> display:block; <br /> position:absolute; <br /> top:0; <br /> left:0; <br /> width:320px; <br /> height:320px; <br /> overflow:hidden; <br /> -webkit-transform-style: preserve-3d; <br /> -webkit-transform: perspective(300px&#41; rotateY(-20deg&#41;; <br /> -webkit-transition: all .5s linear; <br /> -webkit-box-shadow: 0 0 10px #555; <br /> box-shadow: 0 0 10px 2px #111; <br /> } <br />&nbsp;&nbsp;&nbsp;<br /> .helper a { <br /> position:fixed; <br /> display:block; <br /> width:64px; <br /> height:64px; <br /> text-indent:-9999px; <br /> outline:none; <br /> background-repeat:no-repeat; <br /> top:50%; <br /> margin-top:-32px; <br /> } <br />&nbsp;&nbsp;&nbsp;<br /> .helper .prev { <br /> left:1%; <br /> background-image:url(../images/prev.jpg&#41;; <br /> } <br />&nbsp;&nbsp;&nbsp;<br /> .helper .next { <br /> right:1%; <br /> background-image:url(../images/next.jpg&#41;; <br /> } <br /> <!--/uzc--></div></div><!--/uzcode--> <br /> <b>JavaScript</b> <br /> <!--uzcode--><div class="bbCodeBlock"><div class="bbCodeName" style="padding-left:5px;font-weight:bold;font-size:7pt">Code</div><div class="codeMessage" style="border:1px inset;max-height:200px;overflow:auto;height:expression(this.scrollHeight<5?this.style.height:scrollHeight>200?'200px':''+(this.scrollHeight+5)+'px');"><!--uzc--> <br /> var P = { <br /> init: function(&#41;{ <br /> this._globals(&#41;; <br /> this.position(&#41;; <br /> this.events.init(&#41;; <br /> }, <br /> _globals: function(&#41;{ <br /> S = $('.showcase'&#41;, <br /> H = $('.helper'&#41;, <br /> A = S.find('.inside'&#41;.children('a'&#41;; <br /> }, <br /> _transform: function(css&#41;{ <br /> var arr = &#91;]; <br /> for (i in css&#41;{ <br /> var c = css&#91;i]; <br /> arr.push(i+'('+c+'&#41;'&#41;; <br /> } <br /> var css3d = arr.join(' '&#41;; <br /> return { <br /> '-webkit-transform': css3d <br /> } <br /> }, <br /> _loop: function(element&#41;{ <br /> var z = A.length; <br /> element.each(function(i&#41;{ <br /> var t = $(this&#41;, <br /> scale = (100-i*2&#41;/100, <br /> css = { <br /> left: 10*i, <br /> '-webkit-transform': 'perspective(300px&#41; rotateY(-20deg&#41; scale('+scale+'&#41;' <br /> } <br /> if (element === A&#41;{ <br /> css.zIndex = z--; <br /> } <br /> t.css(css&#41;; <br /> }&#41;; <br /> }, <br /> position: function(&#41;{ <br /> this._loop(A&#41;; <br /> }, <br /> events: { <br /> init: function(&#41;{ <br /> this.prev(&#41;; <br /> this.next(&#41;; <br /> }, <br /> control: function(control&#41;{ <br /> var active = A.filter('.active'&#41;, name = 'active'; <br /> if (control == 'prev'&#41;{ <br /> var a = active.prev('a'&#41;, <br /> all = a.nextAll('a'&#41;.andSelf(&#41;, <br /> transform = { <br /> perspective: '300px', <br /> rotateY: '-20deg', <br /> translateY: '0', <br /> scale: '1' <br /> } <br /> } else if (control == 'next'&#41;{ <br /> var a = active.next('a'&#41;, <br /> all = active.nextAll('a'&#41;, <br /> transform = { <br /> perspective: '300px', <br /> rotateY: '-20deg', <br /> translateY: '600px' <br /> } <br /> } <br /> if (a.length&#41;{ <br /> var css3d = P._transform(transform&#41;; <br /> active.css(css3d&#41;; <br /> P._loop(all&#41;; <br /> A.removeClass(name&#41;; <br /> a.addClass(name&#41;; <br /> } <br /> }, <br /> prev: function(&#41;{ <br /> H.find('.prev'&#41;.click(function(&#41;{ <br /> P.events.control('prev'&#41;; <br /> return false; <br /> }&#41;; <br /> }, <br /> next: function(&#41;{ <br /> H.find('.next'&#41;.click(function(&#41;{ <br /> P.events.control('next'&#41;; <br /> return false; <br /> }&#41;; <br /> } <br /> } <br /> } <br />&nbsp;&nbsp;&nbsp;<br /> $(function(&#41;{ P.init(&#41;; }&#41;; <br /> <!--/uzc--></div></div><!--/uzcode--> https://prototype.ucoz.ua/news/css_3d_image_gallery/2012-11-04-25 JuicyBottom https://prototype.ucoz.ua/news/css_3d_image_gallery/2012-11-04-25 Sat, 03 Nov 2012 21:06:38 GMT In this experiment we'll create a custom preloader animation effect. <b>HTML</b> <br /> <!--uzcode--><div class="bbCodeBlock"><div class="bbCodeName" style="padding-left:5px;font-weight:bold;font-size:7pt">Code</div><div class="codeMessage" style="border:1px inset;max-height:200px;overflow:auto;height:expression(this.scrollHeight<5?this.style.height:scrollHeight>200?'200px':''+(this.scrollHeight+5)+'px');"><!--uzc--> <br /> <div class="preloader"> <br /> <div class="circle"></div> <br /> <div class="percent">0%</div> <br /> </div> <br /> <div class="end">Thank you for your patience!</div> <br /> <!--/uzc--></div></div><!--/uzcode--> <br /> <b>CSS</b> <br /> <!--uzcode--><div class="bbCodeBlock"><div class="bbCodeName" style="padding-left:5px;font-weight:bold;font-size:7pt">Code</div><div class="codeMessage" style="border:1px inset;max-height:200px;overflow:auto;height:expression(this.scrollHeight<5?this.style.height:scrollHeight>200?'200px':''+(this.scrollHeight+5)+'px');"><!--uzc--> <br /> @-webkit-keyframes pulse { <br /> from { -webkit-box-shadow: 0 0 50px #fff; } <br /> 50% { -webkit-box-shadow: 0 0 100px #fff; } <br /> to { -webkit-box-shadow: 0 0 50px #fff; } <br /> } <br />&nbsp;&nbsp;&nbsp;<br /> .preloader { <br /> position:absolute; <br /> top:50%; <br /> left:50%; <br /> z-index:2; <br /> width:30px; <br /> height:30px; <br /> margin:-15px 0 0 -15px; <br /> background:rgba(0, 0, 0, .2&#41;; <br /> -moz-border-radius:30px; <br /> -webkit-border-radius:30px; <br /> border-radius:30px; <br /> -webkit-animation-name:pulse; <br /> -webkit-animation-duration:2s; <br /> -webkit-animation-iteration-count:infinite; <br /> } <br />&nbsp;&nbsp;&nbsp;<br /> .preloader .percent { <br /> display:block; <br /> position:absolute; <br /> left:50%; <br /> bottom:-50px; <br /> width:100px; <br /> margin-left:-50px; <br /> text-align:center; <br /> font-family:'PT Sans Narrow', sans-serif; <br /> font-size:22px; <br /> color:#fff; <br /> } <br />&nbsp;&nbsp;&nbsp;<br /> .preloader .circle { <br /> position:absolute; <br /> top:50%; <br /> left:50%; <br /> width:20px; <br /> height:20px; <br /> margin:-10px 0 0 -10px; <br /> background:#fff; <br /> opacity:0; <br /> -moz-border-radius:20px; <br /> -webkit-border-radius:20px; <br /> border-radius:20px; <br /> } <br />&nbsp;&nbsp;&nbsp;<br /> .preloader span { <br /> background:#fff; <br /> position:absolute; <br /> width:10px; <br /> height:10px; <br /> } <br /> <!--/uzc--></div></div><!--/uzcode--> <br /> <b>JavaScript</b> <br /> jQuery Easing Plugin (version 1.3) is required! <br /> <!--uzcode--><div class="bbCodeBlock"><div class="bbCodeName" style="padding-left:5px;font-weight:bold;font-size:7pt">Code</div><div class="codeMessage" style="border:1px inset;max-height:200px;overflow:auto;height:expression(this.scrollHeight<5?this.style.height:scrollHeight>200?'200px':''+(this.scrollHeight+5)+'px');"><!--uzc--> <br /> $(function(&#41;{ <br /> var preloader = $('.preloader'&#41;, <br /> end = $('.end'&#41;, <br /> pw = preloader.width(&#41;, <br /> percent = preloader.find('.percent'&#41;, <br /> circle = preloader.find('.circle'&#41;, <br /> l = 8, j = 0; <br />&nbsp;&nbsp;&nbsp;<br /> var timer = setInterval(function(&#41;{ <br /> var p = parseInt((100/l&#41;*j&#41;; <br /> for (i=0;i<15;i++&#41;{ <br /> preloader.append($('<span />'&#41;&#41;; <br /> } <br /> var span = preloader.find('span'&#41;; <br /> span.each(function(&#41;{ <br /> var t = $(this&#41;, <br /> x = random(-250, 250&#41;, <br /> y = random(-250, 250&#41;, <br /> d = random(10, 20&#41;, <br /> css = { <br /> top: y, <br /> left: x, <br /> width: d, <br /> height: d, <br /> '-moz-border-radius': d, <br /> '-webkit-border-radius': d, <br /> 'border-radius': d, <br /> opacity: .7 <br /> }, <br /> animation = { <br /> top: pw/2-d/2, <br /> left: pw/2-d/2, <br /> opacity: 0 <br /> } <br /> t.css(css&#41;.stop(true, true&#41;.animate(animation, 900, 'easeInBack', function(&#41;{ <br /> t.remove(&#41;; <br /> var css = { <br /> opacity: p/100 <br /> } <br /> circle.css(css&#41;; <br /> }&#41;; <br /> }&#41;; <br /> percent.text(p+'%'&#41; <br /> if (p > 99&#41;{ <br /> clearInterval(timer&#41;; <br /> setTimeout(function(&#41;{ <br /> preloader.fadeOut(400&#41;; <br /> end.fadeIn(&#41;; <br /> }, 1500&#41;; <br /> } <br /> j++; <br /> }, 1000&#41;; <br /> function random(min, max&#41;{ <br /> return Math.floor((Math.random(&#41;*(max-min+1&#41;&#41;+min&#41;; <br /> } <br /> }&#41;; <br /> <!--/uzc--></div></div><!--/uzcode--> https://prototype.ucoz.ua/news/custom_preloader_effect/2012-11-04-24 JuicyBottom https://prototype.ucoz.ua/news/custom_preloader_effect/2012-11-04-24 Sat, 03 Nov 2012 21:04:10 GMT Today we'll create an animated, horizontal bar graph using jQuery, CSS3 properties (such as: gradients, border-radius, rgba) and CSS3 transitions. <b>HTML</b> <br /> <!--uzcode--><div class="bbCodeBlock"><div class="bbCodeName" style="padding-left:5px;font-weight:bold;font-size:7pt">Code</div><div class="codeMessage" style="border:1px inset;max-height:200px;overflow:auto;height:expression(this.scrollHeight<5?this.style.height:scrollHeight>200?'200px':''+(this.scrollHeight+5)+'px');"><!--uzc--> <br /> <div class="bar"> <br /> <div class="percent"> <br /> <span style="width: 100%;"></span> <br /> </div> <br /> <div class="circle"> <br /> <span>0%</span> <br /> </div> <br /> <div class="text"> <br /> <input type="text" class="input" value="0" /> <br /> <small>Please change a value and hit the enter key.</small> <br /> </div> <br /> </div>&nbsp;&nbsp;<br /> <!--/uzc--></div></div><!--/uzcode--> <br /> <b>CSS</b> <br /> <!--uzcode--><div class="bbCodeBlock"><div class="bbCodeName" style="padding-left:5px;font-weight:bold;font-size:7pt">Code</div><div class="codeMessage" style="border:1px inset;max-height:200px;overflow:auto;height:expression(this.scrollHeight<5?this.style.height:scrollHeight>200?'200px':''+(this.scrollHeight+5)+'px');"><!--uzc--> <br /> .bar { <br /> float:left; <br /> clear:both; <br /> width:100%; <br /> height:40px; <br /> position:relative; <br /> } <br />&nbsp;&nbsp;&nbsp;<br /> .bar .percent { <br /> background:#2caedd; <br /> background:-moz-linear-gradient(left, #2caedd 0%, #86dd2a 28%, #e0d72a 46%, #e8902c 66%, #ed2d2d 86%, #ff0000 100%&#41;; <br /> background:-webkit-gradient(linear, left top, right top, color-stop(0%,#2caedd&#41;, color-stop(28%,#86dd2a&#41;, color-stop(46%,#e0d72a&#41;, color-stop(66%,#e8902c&#41;, color-stop(86%,#ed2d2d&#41;, color-stop(100%,#ff0000&#41;&#41;; <br /> background:-webkit-linear-gradient(left, #2caedd 0%,#86dd2a 28%,#e0d72a 46%,#e8902c 66%,#ed2d2d 86%,#ff0000 100%&#41;; <br /> background:-o-linear-gradient(left, #2caedd 0%,#86dd2a 28%,#e0d72a 46%,#e8902c 66%,#ed2d2d 86%,#ff0000 100%&#41;; <br /> background:-ms-linear-gradient(left, #2caedd 0%,#86dd2a 28%,#e0d72a 46%,#e8902c 66%,#ed2d2d 86%,#ff0000 100%&#41;; <br /> background:linear-gradient(left, #2caedd 0%,#86dd2a 28%,#e0d72a 46%,#e8902c 66%,#ed2d2d 86%,#ff0000 100%&#41;; <br /> filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2caedd', endColorstr='#ff0000', GradientType=1&#41;; <br /> float:left; <br /> width:100%; <br /> height:40px; <br /> position:relative; <br /> } <br />&nbsp;&nbsp;&nbsp;<br /> .bar .percent span { <br /> display:block; <br /> position:absolute; <br /> top:0; <br /> right:0; <br /> z-index:2; <br /> width:100%; <br /> height:40px; <br /> background:rgba(255, 255, 255, .7&#41;; <br /> } <br />&nbsp;&nbsp;&nbsp;<br /> .bar .circle { <br /> display:block; <br /> position:absolute; <br /> top:50%; <br /> left:0; <br /> z-index:3; <br /> margin:-40px 0 0 -40px; <br /> width:80px; <br /> height:80px; <br /> line-height:80px; <br /> text-align:center; <br /> font-size:20px; <br /> font-family:'PT Sans Narrow', sans-serif; <br /> color:#fff; <br /> background:rgba(0, 0, 0, .1&#41;; <br /> -moz-border-radius:40px; <br /> -webkit-border-radius:40px; <br /> border-radius:40px; <br /> -webkit-transition:all 1s ease; <br /> -moz-transition:all 1s ease; <br /> -o-transition:all 1s ease; <br /> } <br />&nbsp;&nbsp;&nbsp;<br /> .bar .circle.rotate { <br /> -webkit-transform:rotate(1080deg&#41;; <br /> -moz-transform:rotate(1080deg&#41;; <br /> -o-transform:rotate(1080deg&#41;; <br /> } <br />&nbsp;&nbsp;&nbsp;<br /> .bar .circle span { <br /> display:inline-block; <br /> width:70px; <br /> height:70px; <br /> line-height:70px; <br /> background:rgba(0, 0, 0, .3&#41;; <br /> -moz-border-radius:35px; <br /> -webkit-border-radius:35px; <br /> border-radius:35px; <br /> } <br /> <!--/uzc--></div></div><!--/uzcode--> <br /> <b>JavaScript</b> <br /> <!--uzcode--><div class="bbCodeBlock"><div class="bbCodeName" style="padding-left:5px;font-weight:bold;font-size:7pt">Code</div><div class="codeMessage" style="border:1px inset;max-height:200px;overflow:auto;height:expression(this.scrollHeight<5?this.style.height:scrollHeight>200?'200px':''+(this.scrollHeight+5)+'px');"><!--uzc--> <br /> $(function(&#41;{ <br /> var input = $('.input'&#41;, <br /> bar = $('.bar'&#41;, <br /> bw = bar.width(&#41;, <br /> percent = bar.find('.percent'&#41;, <br /> circle = bar.find('.circle'&#41;, <br /> ps = percent.find('span'&#41;, <br /> cs = circle.find('span'&#41;, <br /> name = 'rotate'; <br /> input.on('keydown', function(e&#41;{ <br /> if (e.keyCode == 13&#41;{ <br /> var t = $(this&#41;, val = t.val(&#41;; <br /> if (val >=0 && val <= 100&#41;{ <br /> var w = 100-val, pw = (bw*w&#41;/100, <br /> pa = { <br /> width: w+'%' <br /> }, <br /> cw = (bw-pw&#41;/2, <br /> ca = { <br /> left: cw <br /> } <br /> ps.animate(pa&#41;; <br /> cs.text(val+'%'&#41;; <br /> circle.animate(ca, function(&#41;{ <br /> circle.removeClass(name&#41; <br /> }&#41;.addClass(name&#41;;&nbsp;&nbsp;<br /> } else { <br /> alert('range: 0 - 100'&#41;; <br /> t.val(''&#41;; <br /> } <br /> } <br /> }&#41;; <br /> }&#41;; <br /> <!--/uzc--></div></div><!--/uzcode--> https://prototype.ucoz.ua/news/horizontal_bar_graph/2012-11-04-23 JuicyBottom https://prototype.ucoz.ua/news/horizontal_bar_graph/2012-11-04-23 Sat, 03 Nov 2012 21:00:41 GMT In this experiment, I want to show you how to achieve a simple blur effect applied on menu elements. <b>HTML</b> <br /> The first step is to lay down the HTML markup. Our structure is very simple. <br /> <!--uzcode--><div class="bbCodeBlock"><div class="bbCodeName" style="padding-left:5px;font-weight:bold;font-size:7pt">Code</div><div class="codeMessage" style="border:1px inset;max-height:200px;overflow:auto;height:expression(this.scrollHeight<5?this.style.height:scrollHeight>200?'200px':''+(this.scrollHeight+5)+'px');"><!--uzc--> <br /> <div class="menu"> <br /> <a href="#">Graphics</a> <br /> <a href="#">Inspiration</a> <br /> <a href="#">Coding</a> <br /> <a href="#">Design</a> <br /> <a href="#">Typography</a> <br /> <a href="#">Freebies</a> <br /> </div> <br /> <!--/uzc--></div></div><!--/uzcode--> <br /> <b>CSS</b> <br /> In next step we'll add some CSS style. <br /> <!--uzcode--><div class="bbCodeBlock"><div class="bbCodeName" style="padding-left:5px;font-weight:bold;font-size:7pt">Code</div><div class="codeMessage" style="border:1px inset;max-height:200px;overflow:auto;height:expression(this.scrollHeight<5?this.style.height:scrollHeight>200?'200px':''+(this.scrollHeight+5)+'px');"><!--uzc--> <br /> .menu { <br /> position:absolute; <br /> top:50%; <br /> left:300px; <br /> margin-top:-140px; <br /> } <br />&nbsp;&nbsp;&nbsp;<br /> .menu a { <br /> display:block; <br /> text-decoration:none; <br /> font-family:'PT Sans Narrow', sans-serif; <br /> font-size:30px; <br /> position:relative; <br /> height:44px; <br /> color:#eee; <br /> } <br />&nbsp;&nbsp;&nbsp;<br /> .menu a span { <br /> position:absolute; <br /> top:0; <br /> left:0; <br /> -webkit-transition:all .5s ease; <br /> -moz-transition:all .5s ease; <br /> -o-transition:all .5s ease; <br /> -ms-transition:all .5s ease; <br /> transition:all .5s ease; <br /> /* add the transition to all properties. */ <br /> } <br />&nbsp;&nbsp;&nbsp;<br /> .menu .shadow { <br /> text-shadow: 0 0 4px #fff; <br /> } <br />&nbsp;&nbsp;&nbsp;<br /> .menu .blur { <br /> color:#2b2b2b; <br /> text-shadow:0 0 4px #2b2b2b; <br /> opacity:.6; <br /> } <br /> <!--/uzc--></div></div><!--/uzcode--> <br /> <b>JavaScript</b> <br /> <!--uzcode--><div class="bbCodeBlock"><div class="bbCodeName" style="padding-left:5px;font-weight:bold;font-size:7pt">Code</div><div class="codeMessage" style="border:1px inset;max-height:200px;overflow:auto;height:expression(this.scrollHeight<5?this.style.height:scrollHeight>200?'200px':''+(this.scrollHeight+5)+'px');"><!--uzc--> <br /> $(function(&#41;{ <br /> var menu = $('.menu'&#41;, <br /> a = menu.find('a'&#41;; <br /> a.wrapInner($('<span />'&#41;&#41;; <br /> // include the text in <span /> element. <br /> a.each(function(&#41;{ <br /> var t = $(this&#41;, span = t.find('span'&#41;; <br /> for (i=0;i<5;i++&#41;{ <br /> span.clone(&#41;.appendTo(t&#41;; <br /> } <br /> // add new <span /> elements to get a strong blur effect. <br /> }&#41;; <br /> a.hover(function(&#41;{ <br /> var t = $(this&#41;, s = t.siblings('a'&#41;; <br /> t.toggleClass('shadow'&#41;; <br /> s.toggleClass('blur'&#41;; <br /> }&#41;; <br /> }&#41;; <br /> <!--/uzc--></div></div><!--/uzcode--> https://prototype.ucoz.ua/news/css3_blur_menu/2012-11-04-22 JuicyBottom https://prototype.ucoz.ua/news/css3_blur_menu/2012-11-04-22 Sat, 03 Nov 2012 20:58:05 GMT Filters is a jQuery plugin that allows to filter items using custom animation. You can use CSS3 transitions or just fadeIn/Out effect. Go to the demos and see how simple is that. <b>JavaScript</b> <br /> <!--uzcode--><div class="bbCodeBlock"><div class="bbCodeName" style="padding-left:5px;font-weight:bold;font-size:7pt">Code</div><div class="codeMessage" style="border:1px inset;max-height:200px;overflow:auto;height:expression(this.scrollHeight<5?this.style.height:scrollHeight>200?'200px':''+(this.scrollHeight+5)+'px');"><!--uzc--> <br /> &nbsp;&nbsp;$('.filters'&#41;.filters({ <br /> &nbsp;&nbsp;filter: { <br /> &nbsp;&nbsp;name: 'filter', // (string&#41; class name for links container <br /> &nbsp;&nbsp;element: 'a', // (string&#41; HTML selector <br /> &nbsp;&nbsp;active: 'active' // (string&#41; class name for active element <br /> &nbsp;&nbsp;}, <br /> &nbsp;&nbsp;container: { <br /> &nbsp;&nbsp;name: 'container', // (string&#41; class name for items container <br /> &nbsp;&nbsp;element: 'li' // (string&#41; HTML selector <br /> &nbsp;&nbsp;}, <br /> &nbsp;&nbsp;css3: { <br /> &nbsp;&nbsp;init: true, // (bool&#41; use CSS3 transitions <br /> &nbsp;&nbsp;children: 'a', // (string&#41; HTML selector (children of filter.element&#41; <br /> &nbsp;&nbsp;property: 'all 1s ease', // (string&#41; CSS3 property for transitions <br /> &nbsp;&nbsp;transform: { // (object&#41; CSS3 transform properties, please use: scale, rotate, skew <br /> &nbsp;&nbsp;scale: '0' <br /> &nbsp;&nbsp;} <br /> &nbsp;&nbsp;}, <br /> &nbsp;&nbsp;move: { <br /> &nbsp;&nbsp;init: true, // (bool&#41; set the true if you want fixed position of elements <br /> &nbsp;&nbsp;easing: 'linear', // (string&#41; set the easing of the animation, you can also use: jQuery Easing plugin: http&#58;//gsgd.co.uk/sandbox/jquery/easing/ <br /> &nbsp;&nbsp;duration: 500 // (int&#41; set the speed of the easing animation in milliseconds <br /> &nbsp;&nbsp;}, <br /> &nbsp;&nbsp;fade: { <br /> &nbsp;&nbsp;duration: &#91;500, 500], // (array&#41; set the speed of the fading animation in milliseconds - &#91;fadeOut, fadeIn] <br /> &nbsp;&nbsp;opacity: &#91;0, 1] // (array&#41; set the opacity of elements <br /> &nbsp;&nbsp;}, <br /> &nbsp;&nbsp;fixed: false, // (bool&#41; setthe true if you want adjust height of the container <br /> &nbsp;&nbsp;onclick: function(filter, element&#41;{} <br /> &nbsp;&nbsp;&nbsp; <br /> &nbsp;&nbsp;}&#41;; <br /> <!--/uzc--></div></div><!--/uzcode--> <br /><br /> <b>HTML</b> <br /> <!--uzcode--><div class="bbCodeBlock"><div class="bbCodeName" style="padding-left:5px;font-weight:bold;font-size:7pt">Code</div><div class="codeMessage" style="border:1px inset;max-height:200px;overflow:auto;height:expression(this.scrollHeight<5?this.style.height:scrollHeight>200?'200px':''+(this.scrollHeight+5)+'px');"><!--uzc--> <br /> &nbsp;&nbsp;<div class="filters"> <br /> &nbsp;&nbsp;<div class="filter"> <br /> &nbsp;&nbsp;<a href="#" rel="collection_name_1">Collection #1</a> <br /> &nbsp;&nbsp;<a href="#" rel="collection_name_2">Collection #2</a> <br /> &nbsp;&nbsp;<a href="#" rel="all">All</a> <br /> &nbsp;&nbsp;</div> <br /> &nbsp;&nbsp;<div class="container"> <br /> &nbsp;&nbsp;<ul> <br /> &nbsp;&nbsp;<li class="collection_name_1"> .. </li> <br /> &nbsp;&nbsp;<li class="collection_name_2"> .. </li> <br /> &nbsp;&nbsp;<li class="collection_name_1"> .. </li> <br /> &nbsp;&nbsp;<!-- etc. --> <br /> &nbsp;&nbsp;</ul> <br /> &nbsp;&nbsp;</div> <br /> &nbsp;&nbsp;</div> <br /> <!--/uzc--></div></div><!--/uzcode--> https://prototype.ucoz.ua/news/filters/2012-11-04-21 JuicyBottom https://prototype.ucoz.ua/news/filters/2012-11-04-21 Sat, 03 Nov 2012 20:32:19 GMT Scroller is a plugin for jQuery that allows display images in the form of round markers <b>JavaScript</b> <br /> <!--uzcode--><div class="bbCodeBlock"><div class="bbCodeName" style="padding-left:5px;font-weight:bold;font-size:7pt">Code</div><div class="codeMessage" style="border:1px inset;max-height:200px;overflow:auto;height:expression(this.scrollHeight<5?this.style.height:scrollHeight>200?'200px':''+(this.scrollHeight+5)+'px');"><!--uzc--> <br /> &nbsp;&nbsp;$('.scroller'&#41;.scroller({ <br /> &nbsp;&nbsp;element: 'a', // (string&#41; HTML element <br /> &nbsp;&nbsp;direction: 'horizontal', // (string&#41; available options: horizontal, vertical <br /> &nbsp;&nbsp;container: { <br /> &nbsp;&nbsp;name: 'inside', // (string&#41; class name for the container <br /> &nbsp;&nbsp;easing: 'easeOutBack', // (string&#41; set the easing of the animation, required: jQuery Easing plugin: http&#58;//gsgd.co.uk/sandbox/jquery/easing/ <br /> &nbsp;&nbsp;duration: 800 // (int&#41; set the speed of the easing animation in milliseconds <br /> &nbsp;&nbsp;}, <br /> &nbsp;&nbsp;options: { <br /> &nbsp;&nbsp;margin: -20, // (int&#41; set the margin for each element <br /> &nbsp;&nbsp;zoom: 1.5, // (int&#41; zoom multiplier <br /> &nbsp;&nbsp;easing: &#91;'easeOutBack', 'easeOutBounce'], <br /> &nbsp;&nbsp;duration: &#91;300, 500] <br /> &nbsp;&nbsp;}, <br /> &nbsp;&nbsp;onclick: function(a, img&#41;{}, <br /> &nbsp;&nbsp;onmouseover: function(a, img&#41;{}, <br /> &nbsp;&nbsp;onmouseout: function(a, img&#41;{} <br /> &nbsp;&nbsp;}&#41;; <br /> <!--/uzc--></div></div><!--/uzcode--> <br /> <b>HTML</b> <br /> <!--uzcode--><div class="bbCodeBlock"><div class="bbCodeName" style="padding-left:5px;font-weight:bold;font-size:7pt">Code</div><div class="codeMessage" style="border:1px inset;max-height:200px;overflow:auto;height:expression(this.scrollHeight<5?this.style.height:scrollHeight>200?'200px':''+(this.scrollHeight+5)+'px');"><!--uzc--> <br /> &nbsp;&nbsp;<div class="scroller"> <br /> &nbsp;&nbsp;<div class="inside"> <br /> &nbsp;&nbsp;<a href="#"><img src="assets/img1.jpg" alt="" /></a> <br /> &nbsp;&nbsp;<a href="#"><img src="assets/img2.jpg" alt="" /></a> <br /> &nbsp;&nbsp;<a href="#"><img src="assets/img3.jpg" alt="" /></a> <br /> &nbsp;&nbsp;<a href="#"><img src="assets/img4.jpg" alt="" /></a> <br /> &nbsp;&nbsp;<!-- etc. --> <br /> &nbsp;&nbsp;</div> <br /> &nbsp;&nbsp;</div> <br /> <!--/uzc--></div></div><!--/uzcode--> https://prototype.ucoz.ua/news/scroller/2012-11-04-20 JuicyBottom https://prototype.ucoz.ua/news/scroller/2012-11-04-20 Sat, 03 Nov 2012 20:29:36 GMT Мобильная карта это легкий (всего 6KB), полнонастраиваемый плагин jQuery, который превращает обычное изображения в функциональную карту путем наложения динамических элементов, таких как маркеры (пометки на карте). Как и в Google Maps, вы можете создавать свои собственные пометки с уникальными иконками, добавлять информацию о местности к некоторым маркерам, а также передвигать карту мышкой. <b>JavaScript</b> <br /> <!--uzcode--><div class="bbCodeBlock"><div class="bbCodeName" style="padding-left:5px;font-weight:bold;font-size:7pt">Code</div><div class="codeMessage" style="border:1px inset;max-height:200px;overflow:auto;height:expression(this.scrollHeight<5?this.style.height:scrollHeight>200?'200px':''+(this.scrollHeight+5)+'px');"><!--uzc--> <br />&nbsp;&nbsp;$('.map'&#41;.craftmap({ <br />&nbsp;&nbsp;cookies: false, // (bool&#41; remember position <br />&nbsp;&nbsp;fullscreen: false, // (bool&#41; fullscreen <br />&nbsp;&nbsp;container: { <br />&nbsp;&nbsp;name: 'imgContent' // (string&#41; class name for an image container <br />&nbsp;&nbsp;}, <br />&nbsp;&nbsp;image: { <br />&nbsp;&nbsp;width: 1475, // (int&#41; image width <br />&nbsp;&nbsp;height: 1200, // (int&#41; image height <br />&nbsp;&nbsp;name: 'imgMap' // (string&#41; class name for an image <br />&nbsp;&nbsp;}, <br />&nbsp;&nbsp;map: { <br />&nbsp;&nbsp;position: 'center' // (string&#41; map position after loading - 'X Y', 'center', 'top_left', 'top_right', 'bottom_left', 'bottom_right' <br />&nbsp;&nbsp;}, <br />&nbsp;&nbsp;marker: { <br />&nbsp;&nbsp;name: 'marker', // (string&#41; class name for a marker <br />&nbsp;&nbsp;center: true, // (bool&#41; set true to pan the map to the center <br />&nbsp;&nbsp;popup: true, // (bool&#41; set true to show a popup <br />&nbsp;&nbsp;popup_name: 'popup', // (string&#41; class name for popup <br />&nbsp;&nbsp;onClick: function(marker, popup&#41;{}, <br />&nbsp;&nbsp;onClose: function(marker, popup&#41;{} <br />&nbsp;&nbsp;}, <br />&nbsp;&nbsp;controls: { <br />&nbsp;&nbsp;init: true, // (bool&#41; set true to control a map from any place on the page <br />&nbsp;&nbsp;name: 'controls', // (string&#41; class name for controls container <br />&nbsp;&nbsp;onClick: function(marker&#41;{} <br />&nbsp;&nbsp;}, <br />&nbsp;&nbsp;preloader: { <br />&nbsp;&nbsp;init: true, // (bool&#41; set true to preload an image <br />&nbsp;&nbsp;name: 'preloader', // (string&#41; class name for a preload container <br />&nbsp;&nbsp;onLoad: function(img, dimensions&#41;{} <br />&nbsp;&nbsp;} <br />&nbsp;&nbsp;}&#41;; <br /> <!--/uzc--></div></div><!--/uzcode--> <br /><br /> <b>HTML</b> <br /> <!--uzcode--><div class="bbCodeBlock"><div class="bbCodeName" style="padding-left:5px;font-weight:bold;font-size:7pt">Code</div><div class="codeMessage" style="border:1px inset;max-height:200px;overflow:auto;height:expression(this.scrollHeight<5?this.style.height:scrollHeight>200?'200px':''+(this.scrollHeight+5)+'px');"><!--uzc--> <br /> <div class="map"> <br /> <img src="path_to_the_image.jpg" class="imgMap" /> <br /> <div class="marker" id="ID" data-coords="x, y"> <br /> <!-- HTML CONTENT -->&nbsp;&nbsp;<br /> </div> <br /> <!-- etc. --> <br /> </div> <br />&nbsp;&nbsp;&nbsp;<br /> <div class="controls"> <br /> <a href="#" rel="ID">text</a> <br /> <!-- etc. --> <br /> </div> <br /> <!--/uzc--></div></div><!--/uzcode--> https://prototype.ucoz.ua/news/mobilnaja_karta_na_jquery/2012-11-04-19 JuicyBottom https://prototype.ucoz.ua/news/mobilnaja_karta_na_jquery/2012-11-04-19 Sat, 03 Nov 2012 20:13:50 GMT В системе юКоз есть стандартные сообщения, которые выводятся через ajax и помогают пользователям ориентироваться на сайте. Иногда вывод этой информации пригождается и в нестандартных условиях. <h3>Сообщения для пользователей и модераторов</h3> <code><input type="button" value="INFO" onclick="new _uWnd('HelpWd','Helper',360,150,{align:'justify',closeonesc:1},{url:'<span style="color:red;">/index/90-7</span>'});return false;" /&gt;</code> <h5>/index/90-1</h5>Доступ запрещен<hr />Access denied<hr /> <h5>/index/90-2</h5>Доступ запрещен<hr />Access denied<hr /> <h5>/index/90-3</h5>Персональный шаблон необходим только в случае, если вам нужен абсолютно другой дизайн для страницы. Максимальное количество страниц с персональным шаблоном - <b>20</b>.<hr />Personal template is necessary only if you need a completely different design for a page. Maximum number of pages with a personal template is <b>20</b>.<hr /> <h5>/index/90-4</h5>Система автоматически будет уменьшать большие изображения до нужных размеров. При этом, нажав на изображение, посетитель сможет увидеть его в полном размере.<hr />The system will automatically resize large images to the required size. To view the full-size image a user must click on the resized one.<hr /> <h5>/index/90-5</h5><p>Допускаются только GIF, JPEG, PNG форматы изображения.</p><p>Вы можете вставлять картинки в любое место сообщения используя специальные коды $IMAGE1$, $IMAGE2$, $IMAGE3$...</p><p>Выравнивать картинку относительно текста можно следующим образом - $IMAGE1-left$.</p><hr /><p>Only GIF, JPEG, PNG image formats are accepted.</p><p>You may insert images into any place of an entry with the help of the special codes $IMAGE1$, $IMAGE2$, $IMAGE3$...</p><p>An image may be aligned relative to text in the following way: $IMAGE1-left$.</p><hr /> <h5>/index/90-6</h5><p>Материал с включенной опцией "Материал недоступен для просмотра" не виден гостям и другим группам пользователей, которые не имеют право редактировать или удалять данный материал. По умолчанию право просматривать подобные материалы есть у группы "Администраторы" и "Модераторы".</p><p>В разделе "Группы пользователей" (панель управления) откорректируйте права групп, которым нужна премодерация добавляемых материалов.</p><hr /><p>An entry with the enabled option "Entry is not available for viewing" is not visible for Guests and other user groups that have no permission to edit and remove this entry. "Administrators" and "Moderators" have this permission by default.</p><p>You can edit permissions of the groups, that need premoderation of the entries being added, in "User groups" section (Control Panel).</p><hr /> <h5>/index/90-7</h5><p><b>uID</b> - это универсальный логин (e-mail адрес), используемый в <a href="#http://unet.com">uNet</a> сообществе и большинстве сайтов системы <a href="#http://ucoz.net">uCoz</a>.</p><p>Имея uID Вы сможете не только входить на сайты системы uCoz без повторных регистраций, но и получите возможность быстро создавать свои сайты, вести блог, общаться с другими пользователями uNet, заводить новые знакомства, управлять своей персональной страницей в сообществе, загружать свои фотографии, музыку, фильмы и многое другое.</p><hr /><p><b>uID</b> is a universal login (e-mail address), used in <a href="#http://www.unet.com/">uNet</a> community and on the majority of <a href="#http://www.ucoz.net">uCoz</a> websites.</p><p>With uID you will be able not only to log in to uCoz sites without the necessity to re-register, but will also gain the opportunity to quickly create your own sites, maintain a blog, communicate with other uNet users, make new acquaintances, manage your personal page in the community, upload your photos, music, films, and many other things.</p><hr /> <h5>/index/90-8</h5><p>Значение поля может состоять только из цифр, букв латинского алфавита, а так же символов "_" и "-". Если Вы ничего не ввели - данное поле заполняется автоматически путём транслитерации названия.</p><p>ЧПУ (англ. Friendly URL) — удобные для восприятия человеком (а также систем и методов построения таких адресов). Является аббревиатурой от словосочетания «человекопонятный урл». Концепция ЧПУ предполагает максимально лаконичные и интуитивно понятные адреса, которые показывают естественную для человека логическую структуру данных на сервере. Структуру обычно представляют в виде иерархии как в обычной файловой системе, к которой привык пользователь.</p><hr /><p>Field value can consist of digits, Latin letters, and the characters "_" and "-" only. If you have entered nothing, the field will be filled automatically by means of transliteration of the name.</p><p>Friendly URLs are human-readable web addresses. This conception presupposes maximum laconic and understandable URLs that show a human-natural logical data structure on a server. The structure is usually represented by a hierarchy as in an ordinary file system that a user got used to.</p><hr /> <h5>/index/90-9</h5><p><b>Материальный товар</b> - любая продаваемая вещь, характеризующаяся размером, весом и требующая доставки.</p><p><b>Товар является файлом</b> - Это может быть например загружаемый на хостинг архив с программой. Клиенту при покупке продается уникальная ссылка на его скачивание, действующая определённый период времени.</p><p><b>Товар - электронный код</b> - например код ваучера пополнения счёта мобильного телефона. При покупке код высылается клиенту и удаляется из списка продаваемых.</p><hr /><p><b>Tangible product</b> - any item to sell that is characterized by size, weight, and needs to be delivered.</p><p><b>File item</b> - it can be, for example, an archive with a software, uploaded to a hosting service. When buying, a customer gets a unique download link that expires after some period of time.</p><p><b>Electronic code</b> - e.g. a mobile voucher code. When buying, a code is sent to the customer and then removed from the list of available codes.</p><hr /> <h5>/index/90-10</h5>В качестве разделителя кодов используется строка:<div style="text-align: center; margin: 20px 0pt;">&gt;------<delimiter&gt;------<</div><hr />A line is used as a code separator:<div style="text-align:center; margin: 20px 0;">>------<delimiter>------<</div><hr /> <h5>/index/90-11</h5>В случае, если вам нужно сократить текст до нужного вам размера, вы можете использовать специальный код <b>"$CUT$"</b>. Текст, расположенный после этого кода, будет доступен по ссылке "Читать далее".<hr />If you need to reduce the text size to some definite value, use the code "<b>$CUT$</b>". The text after this code will be available by the link "Read more".<hr /> <h5>/index/90-12</h5><p>Загрузите через FTP файл большого объёма на хостинг и выберите его через файловый менеджер.</p><p>После сохранения загруженный файл будет перенесён в специальную, защищённую от доступа, папку.</p><hr />Upload a large file via FTP to the hosting server and select it via File Manager.<br>After saving, the uploaded file will be moved to a special folder, protected from access.<hr /> <h5>/index/90-13</h5>"Старая цена", вводится для того, чтобы её перечеркнуть, а текущая цена продажи отображалась как "новая" (известный маркетинговый ход). Например: <div style="margin: 20px 0pt; text-align: center; font-size: 18px;"><s>10.45</s> <span style="color: red;">9.99</span></div><hr />"Old price" is displayed to be struck out, and the current price is displayed as "new" (a well-known marketing ploy). For example: <div style="margin:20px 0; text-align:center; font-size:18px;"><s>10.45</s> <span style="color:red;">9.99</span></div><hr /> <h5>/index/90-14</h5>При отсутствии значения, краткое описание будет строится автоматически на основании поля "Описание товара"<hr />If the value is absent a short description will be built automatically on the basis of "Item description" field<hr /> <h5>/index/90-15</h5><p>Товар будет отображаться в указанных дополнительных категориях только на страницах каталога Интернет-магазина.</p><p>Во избежание путаницы и потери первоначальной принадлежности товара к категории, в разделе <a href="#/panel/?a=shop;l=goods">Управление товарами</a> панели управления сайтом товар будет отображаться только в той категории, которая указана для данного товара в обязательном поле "Категория".</p><hr /><p>The item will be displayed in the specified additional categories on E-shop catalog pages only.</p><p>To avoid confusion and loss of the initial item belonging to a category, in <a href="#/panel/?a=shop;l=goods">Goods management</a> section of the Control Panel the item will be displayed only in the category that was specified for it in the required field "Category".</p><hr /> <h5>/index/90-16</h5>При использовании каталога описаний:<ul><li>поля "Описание товара" и "Производитель" заменятся содержимым из каталога;</li><li>к списку "Изображения товара" автоматически добавится каталожное изображение (важно: в списке загруженных пользовательских изображений при редактировании товара оно отображаться не будет);</li><li>в шаблоне "Страница товара" станет доступен код <b>$SPEC$</b>, отображающий полную спецификацию товара.</li></ul><hr />When using a description catalog:<ul><li>the fields "Item description" and "Manufacturer" will be substituted by the contents from the catalog;<li>a catalog image will be automatically added to the list "Item images" (important: it will not be displayed on the list of uploaded user images when editing an item);<li>the code <b>$SPEC$</b>, displaying full item specification, will become available in the template "Item page".<hr /> <h5>/index/90-17</h5><p>Перевести свой сайт в режим "<b>Премиум</b>" очень просто - для этого нужно зайти в "<a href="#/admin/11">Панель управления</a>" сайта, и нажать на ссылку "Стать Премиум пользователем".</p><p>Премиум-сайты имеют значительно более высокий приоритет в глазах посетителей, так как это показывает, насколько сайт ценен и дорог Вам. Кроме того, режим "Премиум" предоставляет массу дополнительных возможностей, недоступных обычным сайтам.</p><p>Для того чтобы Ваш сайт относился к категории "Премиум-сайты", Вам не нужно тратить много денег. Цена базового пакета доступна каждому, и составляет всего <b>$3</b> в месяц - что эквивалентно одному "БигМак-меню", двум-трем пачкам сигарет, паре виртуальных подарков в социальных сетях или массе других недорогих вещей, на которые Вы ежедневно тратите деньги.</p><p>Мы уверены что Ваш сайт, являющийся частичкой Вашей жизни, достоин массы приоритетов и возможностей, которые он получит войдя в ряды "Премиум-сайтов".</p><p>Для оплаты Вы можете использовать <b>SMS</b>-сообщения, WebMoney, Yandex-Деньги, кредитные карточки и другие платежные системы.</p><hr /><p>It is very easy to update your website to the "<b>Premium</b>" mode - go to "<a href="#/admin/11">Control Panel</a>" of the website, and click "Become a premium user".</p><p>Premium websites have much higher priority in the eyes of visitors, as it shows how important and valuable the website is for you. Besides, the "Premium" mode gives a lot of additional possibilities, unavailable for ordinary websites.</p><p>You do not need to spend a lot of money to switch to the "Premium websites" category. The price of the basic package is affordable for everyone, and makes only <b>$3</b> a month, which is equivalent to one Big Mac, a pack of cigarettes, a couple of virtual gifts in social networks and many other cheap things on which you spend money every day.<br><br>We are sure that your website which is a part of your life deserves many priorities and possibilities, which it will get after it becomes a "Premium Website".</p>To pay you can use a credit card.<hr /> <h5>/index/90-18</h5><p>Система автоматически заменит в тексте все внешние ссылки, что позволит повысить значимость страницы для поисковых систем, а также даст возможность отслеживать количество переходов по этим ссылкам.</p><p>Следить за статистикой переходов сможет владелец проекта на сайте сервиса <a href="#http://u.to/"><b>u.to</b></a>, используя свой uNet идентификатор (uID).</p><hr />The system will replace all external links in the text automatically, which will increase the significance of the page for search engines, and also will let you track the number of clicks on these links.<br/><br/>The website owner can track the statistics of clicks on the website <a href="#http://u.to/"><b>u.to</b></a>, using his uNet identifier (uID).<hr /> <h5>/index/90-19</h5>Все найденные в материале внешние ссылки будут проксироваться через домен сайта (пример: http://site.ucoz.ru/go?http://www.anysite.com/), таким образом сайт не будет терять значимость в поисковых системах. Это очень полезно в плане поисковой оптимизации.<hr />All external links found in the entry will be proxied via the website domain (example: http://site.ucoz.ru/go?http://www.anysite.com/), therefore the website will not lose its significance in search engines. It is very useful for search engine optimization.<hr /> <h5>/index/90-20</h5>Признак уникальности задаётся до первой обработки файла, после чего его изменить в текущей конфигурации уже будет нельзя.<hr />Unique field is set before the first processing of the file. It will be impossible to change unique field in the current configuration after it.<hr /> <h5>/index/90-21</h5><p>Реклама выводится только на сайтах размещенных на <b>бесплатной</b> основе.</p><p>Чтобы на Вашем сайте не выводилась реклама, зайдите в <a href="#/admin/11">Панель управления</a>, раздел "<b>Платные услуги</b>" (кнопка в верхнем меню).</p><p>Базовый пакет стоит всего <b>$3.09</b> (&#126;90руб./&#126;24грн.) в месяц и кроме отключения рекламы содержит широкий набор дополнительных услуг.</p><hr /><i>Missing.</i><hr /> <h3>Сообщения в ПУ администратору</h3> <code>[<a title="Help" href="javascript://" onclick="new _uWnd('HelpWd',' ',-600,-150,{max:1,min:1,autosize:1,maxh:400,closeonesc:1,resize:1,align:'left'},{url:'<span style="color:red;">/panel/?a=help;t=1</span>'});return false;" class="noun"&gt;<b&gt;HELP</b&gt;</a&gt;]</code> <h5>/panel/?a=help;t=1</h5><p>FTP host: <b>site.ucoz.ru</b><br />FTP login: <b>0site</b><br />FTP password: <i>указанный вами пароль для FTP</i><hr /><p>FTP нужен для быстрой и удобной загрузки большого количества файлов на сервер. Для подключения по FTP используйте специальные программы (например: CuteFTP, FTP Commander, FTP Navigator и т.д.). Использовать для этих целей браузер нельзя! Если вам нужно загрузить несколько файлов, то для этого лучше использовать "<a href="#/panel/?a=fm">Файловый менеджер</a>".</p><hr /><div style="text-align:center;color:#FF0000;">Your FTP will NOT work until e-mail is <a href="#/panel/?a=verify" style="color:#FF0000;">confirmed</a>!</div><hr>FTP host: <b>site.ucoz.ru</b><br />FTP login: <b>0site</b><br />FTP password: <i><span class="myWinSuccess" style="cursor:pointer;" onclick="window.location.href='/panel/?a=ftppass'"><u>Password not set</u></span></i><hr><div align="justify">FTP is used for the quick and easy uploading of files to the server. Use special software for connecting through FTP (e.g. CuteFTP, FTP Commander, FTP Navigator etc.). Do not use a browser for this purpose! For uploading several files, "<a href="#/panel/?a=fm">File Manager</a>" is the best choice.</div><hr /> <h5>/panel/?a=help;t=2</h5>У вас есть возможность заходить в панель управления (место где вы сейчас находитесь), непосредственно через ваш сайт.<ul class="uz"><li><a href="#http://site.ucoz.ru/admin/">http://site.ucoz.ru/admin/</a></li></ul>Это позволит вам не зависеть от работоспособности главного сайта uCoz, например, когда на нем ведутся технические работы. Вы всегда сможете войти в панель управления прямо через свой сайт.<hr />You can log in to the Control Panel (the place where you are right now) directly from your site.<ul class="uz"><li><a href="#http://site.ucoz.ru/admin/">http://site.ucoz.ru/admin/</a></li></ul>This means your site is not dependent on the availability of the uCoz main website. For example, when it is under service, you can still enter the Control Panel directly from your website.<hr /> <h5>/panel/?a=help;t=3</h5><i>Статья об условных операторах (слишком много букв).</i><hr />Huge article on conditions (too big to display).<hr /> <h5>/panel/?a=help;t=4</h5><p>$MODULE_ID$, $PAGE_ID$, $URI_ID$ - специальные коды которые могут пригодиться, если нужно выводить различный текст или какой-то другой код для разных страниц, использующих один и тот же шаблон. Например, форум имеет массу различных страниц, однако шаблон у данного модуля только один, но с помощью кода $PAGE_ID$ можно вывести какой-то текст только на нужных типах страниц.</p><p>Примеры: <div class="sample"><?if($PAGE_ID$='main')?>Forums main page<?endif?></div><div class="sample"><?if($PAGE_ID$='addthread' || $PAGE_ID$='addpoll')?><b>Read forums rules!!!</b><?endif?></div><div class="sample"><?if($PAGE_ID$='recentthreads')?>Recent threads<?endif?></div><hr>Узнать значения переменных $MODULE_ID$, $PAGE_ID$, $URI_ID$ можно через "<b>Admin bar</b>" зайдя на сайт как Администратор.</p><hr /><p>$MODULE_ID$, $PAGE_ID$, $URI_ID$ - special codes, which may be useful for outputting different text or code for different pages, using the same template. For example, the forum has many different pages, but only one template, however with the help of $PAGE_ID$ code some text can be displayed on the necessary pages only.</p><p>Examples: <div class="sample"><?if($PAGE_ID$='main')?>Forums main page<?endif?></div><div class="sample"><?if($PAGE_ID$='addthread' || $PAGE_ID$='addpoll')?><b>Read forum rules!!!</b><?endif?></div><div class="sample"><?if($PAGE_ID$='recentthreads')?>Recent threads<?endif?></div><hr>Values of $MODULE_ID$, $PAGE_ID$, $URI_ID$ variables can be found in the "<b>Admin bar</b>" after logging in to the site as the Administrator.</p><hr /> <h5>/panel/?a=help;t=5</h5>Данная функция позволит вам вывести любые данные (анекдоты, афоризмы, стихи, фотографии и т.д.) в случайном порядке. Для этого вам нужно создать текстовый файл (только с помощью программы "Блокнот"), каждая строка которого будет отдельной записью. Все переводы на новую строку заменяйте тегом "<br>". Размер файла не должен превышать <b>2</b>мб.<hr><b>Пример 1</b><div style="border: 1px solid #CCCCCC;padding:5px;margin:5px;background:#F7F7F7;">Я помню чудное мгновенье,<br>Передо мной явилась ты....<br />У лукоморья дуб зеленый,<br>Златая цепь на дубе том...</div><br /><b>Пример 2</b><div style="border: 1px solid #CCCCCC;padding:5px;margin:5px;background:#F7F7F7;"><img border="0" src="https://prototype.ucoz.ua/img/1.gif"><br /><img border="0" src="https://prototype.ucoz.ua/img/2.gif"><br /><img border="0" src="https://prototype.ucoz.ua/img/3.gif"><br /><img border="0" src="https://prototype.ucoz.ua/img/4.gif"></div><br /><b>Внимание!</b> В файле не должно быть пустых строк!<hr />This feature allows you to display any data (jokes, aphorisms, verses, photos etc.) in random order. You should create a text file (using "Notepad" only) where each line corresponds to a separate entry. All line feeds must be replaced by the "<br>" tag. File size must not exceed <b>2</b>Mb.<hr><b>Example 1</b><div style="border: 1px solid #CCCCCC;padding:5px;margin:5px;background:#F7F7F7;">Spel chekers, hoo neeeds em? <br />Luck can't last a lifetime<br>unless you die young</div><br /><b>Example 2</b><div style="border: 1px solid #CCCCCC;padding:5px;margin:5px;background:#F7F7F7;"><img border="0" src="https://prototype.ucoz.ua/img/1.gif"><br /><img border="0" src="https://prototype.ucoz.ua/img/2.gif"><br /><img border="0" src="https://prototype.ucoz.ua/img/3.gif"><br /><img border="0" src="https://prototype.ucoz.ua/img/4.gif"></div><br /><b>Note!</b> The file must not contain empty lines!<hr /> <h5>/panel/?a=help;t=6</h5><p>Материал с включенной опцией "Материал недоступен для просмотра" не виден гостям и другим группам пользователей, которые не имеют право редактировать или удалять данный материал. По умолчанию право просматривать подобные материалы есть у группы "Администраторы" и "Модераторы".</p><p>В разделе "<a href="#/panel/?a=users;l=groups">Группы пользователей</a>" откорректируйте права групп, которым нужна премодерация добавляемых материалов.</p><hr /><p>Entries with the enabled "Entry is not available for viewing" feature are invisible to guests and other user groups which do not have permission to edit/remove entries. By default "Administrators" and "Moderators" groups have this permission.</p><p>In "<a href="#/panel/?a=users;l=groups">User groups</a>" section you can edit permissions of the groups which need premoderation of added entries.</p><hr /> <h5>/panel/?a=help;t=7</h5>Настройка указывает на то, что модераторские функции, такие как удаление тем, сообщений и т.д. (все, выделенные красным цветом) будут работать только в форумах где пользователь является модератором. Во всех остальных форумах модераторские функции работать не будут. Привязка модераторов к определенным форумам осуществляется во время добавления/редактирования форумов.<hr />This setting indicates the moderator's functions, such as removal of threads, messages etc. (all marked in red) will work only in forums where the user is a moderator. In all other forums moderator's functions will not work. Moderators are associated with certain forums when adding/editing forums.<hr /> <h5>/panel/?a=help;t=8</h5><p>К любой группе смайлов можно добавить свои смайлы. Для этого нужно в разделе "<a href="javascript://" onClick="window.open('/panel/?a=fm;n=1','fman','scrollbars=1,top=0,left=0,width=500,height=400');return false;">Файловый менеджер</a>" создать папку "<b>sml</b>", а в нее загрузить любые ваши смайлы. Смайлов может быть не более <b>200</b> штук, все они должны иметь расширение "<b>.gif</b>".</p><p>Для создания своего набора смайлов перейдите в раздел "<a href="#/panel/?a=sml">Редактор смайлов</a>".</p><hr /><p>You can add your own smileys to any smileys set. To do this you must create the "<b>sml</b>" folder in the section "<a href="javascript://" onClick="window.open('/panel/?a=fm;n=1','fman','scrollbars=1,top=0,left=0,width=500,height=400');return false;">File Manager</a>", and upload any smileys to it. There cannot be more than <b>200</b> smileys, and they must have the extension "<b>.gif</b>".</p><p>To create your own set of smileys go to the "<a href="#/panel/?a=sml">Smileys Editor</a>" section.</p><hr /> <h5>/panel/?a=help;t=9</h5>Если пользователь добавит подряд несколько сообщений, то они будут автоматически склеены в одно. Склеенные сообщения считаются одним сообщением.<hr />If a user adds several messages in succession they will be automatically merged into one. Merged messages are considered to be a single message.<hr /> <h5>/panel/?a=help;t=10</h5>Для управления комментариями зайдите на свой сайт как администратор (группа "Администраторы"). Во вкладке "Управление" (верхнее меню) выберите пункт "Управление комментариями".<hr />To manage comments log in to your site as administrator ("Administrators" group). In "Control" tab (upper bar) select "Comments management" item.<hr /> <h5>/panel/?a=help;t=11</h5>Для управления записями, зайдите в гостевую книгу как администратор (группа "Администраторы").<hr />To manage entries log in to Guestbook as administrator ("Administrators" group).<hr /> <h5>/panel/?a=help;t=12</h5>Разделы предназначены для тематической группировки категорий. Группировать категории нужно только в том случае, если у вас много категорий. В разделы <b>нельзя</b> добавлять материалы.<hr />Sections are used for grouping categories. They are useful if you have a lot of categories.<hr /> <h5>/panel/?a=help;t=13</h5>Для блокировки IP адресов зайдите на свой сайт как администратор (группа "Администраторы"). Во вкладке "Управление" (верхнее меню) выберите пункт "Блокировка IP адресов".<hr />To block IP addresses log in to your site as administrator ("Administrators" group). In "Control" tab (upper bar) select "IP addresses blocking" item.<hr /> <h5>/panel/?a=help;t=14</h5>Мы настоятельно рекомендуем использовать браузер <a href="#http://browsers.ucoz.ru/index/stand/0-4"><b>FireFox</b></a>. Основные качества присущие FireFox - стабильность, скорость, <b>безопасность</b>, удобство в работе. Использование FireFox во много раз снизит риски заражения компьютера вирусами и другими вредоносными программами. После нескольких дней использования, FireFox станет Вашим любимым браузером.<hr />We strongly recommend you use the <a href="#http://www.firefox.com/"><b>FireFox</b></a> browser. The principal characteristics of FireFox are: stability, speed, <b>safety</b>, and usability. Using FireFox will greatly reduce the risk of computer infection by viruses and other malware. After several days of use, FireFox will become your favorite browser.<hr>The recommended <a href="#https://addons.mozilla.org/"><b>add-ons</b></a>:<div style="padding:4px 0 4px 10px">- Download Embedded<br />- DownThemAll!<br />- Download Statusbar<br />- oldBar<br />- LastTab-<br />- IE Tab<br />- FireBug<br />- FlagFox<br />- FireShot</div>Use search form on FireFox website.<hr /> <h5>/panel/?a=help;t=15</h5>Для вывода последних новостей на главной странице сайта, перейдите в раздел "Управление страницами сайта", нажмите "Изменить информацию" для главной страницы и нажмите на ссылку "Вставить код для вывода новостей" в форме редактирования.<hr />To display latest news on the main page go to the "Pages management" section, click on "Edit information" for the main page and click on the link "Insert the code for news output" in the editing form.<hr /> <h5>/panel/?a=help;t=16</h5><p>Если вы хотите использовать картинки в ваших опросах вместо ответов укажите полные ссылки на картинки (http://domain.com/image.gif).</p><p>Опрос, в котором не указана дата завершения, будет активным на протяжении всего времени его существования.</p><p>Если вы хотите, чтобы пользователь мог выбрать несколько вариантов ответов, вы должны выбрать "checkbox" или "select (multiple)" тип.</p><hr /><p>If you want to use images instead of answers in polls, then specify full image links (http://domain.com/image.gif).</p><p>A poll without an expiry date will remain active indefinitely.</p><p>If you want users to be able to select several answers, choose "checkbox" or "select (multiple)" type.</p><hr /> <h5>/panel/?a=help;t=17</h5>Глобальные блоки - это блоки, которые доступны во всех других шаблонах вашего проекта. С помощью них можно оптимизировать дизайн вашего проекта, разбив его на общие части, например: <b>HEADER</b> - общая верхняя часть, <b>FOOTER</b> - общая нижняя часть и т.п. Используя общие блоки вы сможете делать изменения для всего проекта путем редактирования только одного шаблона блока.<hr />Global blocks are common blocks accessible in all website templates. They optimize design of your site by allowing you to split the site into common parts, e.g.: <b>HEADER</b> - common upper part, <b>FOOTER</b> - common bottom part etc. With the help of global blocks you can make changes to the design of all modules by means of editing the template of one block.<hr /> <h5>/panel/?a=help;t=18</h5>Доступ запрещен<hr />Access denied<hr /> <h5>/panel/?a=help;t=19</h5><p>Дисковое пространство увеличивается с каждой секундой существования сайта. Чем больше посетителей на сайте, тем быстрее увеличивается дисковое пространство.</p><p>Дисковое пространство <b>неограниченно</b></p>.<hr /><p>Disk space increases with every minute the site is in existence. The more visitors your site has, the faster disk space increases.</p><p>Disk space is <b>unlimited</b>.</p><hr /> <h5>/panel/?a=help;t=20</h5>Локальные пользователи - внутренние пользователи сайта.<hr />Local users are internal website users.<hr /> <h5>/panel/?a=help;t=21</h5>uNet пользователи - это глобальные пользователи имеющие аккаунт в системе uNet.com. Мы рекомендуем использовать данный метод авторизации на сайте, так как он имеет значительные преимущества перед традиционным методом.<hr />uNet users are global users with an account on the uNet.com system. We recommend this method of authorization for a website as it has considerable advantages over the traditional method.<hr /> <h5>/panel/?a=help;t=22</h5><p>Данный пользователь является глобальным пользователем системы <a href="#http://www.unet.com">uNet</a>. Удаление такого пользователя не даст желаемого результата, так как при следующем входе он автоматически будет добавлен в базу пользователей сайта (зарегистрирован).</p><p>Чтобы запретить пользователю участвовать в жизни сайта, необходимо перенести его в группу "<b>Заблокированные</b>". Перенос пользователя в группу, у которой нет прав для каких-либо действий, гораздо более эффективен, чем удаление.</p><hr /><p>This user is a global <a href="#http://www.unet.com">uNet</a> user. Removing them will not have the desired result, because he/she will automatically be added to the users database (registered) at his/her next login.</p><p>To ban a user from participation in the website for life you should move him/her to the "Blocked" group. Transfer of a user to the group with no permissions is more effective than his/her deletion.</p><hr /> <h5>/panel/?a=help;t=23</h5>Данный статус услуги означает, что для нее имеется другая оплата, срок действия которой еще не истек (для пакета услуг означает, что активна оплата по какой-либо входящей в пакет услуге). По истечению срока действия предыдущей оплаты новая активизируется автоматически. Если нужно активизировать новую оплату сразу же (например, после оплаты расширения дискового пространства на больший объем), то необходимо вручную отменить действующую оплату. Для просмотра истории оплат соответствующей услуги кликните по ее наименованию в списке позиций заказа.<hr />This status of the service means that it has another active payment which hasn't expired yet (for the service package it means there is an active payment for one of the services in the package). When the previous payment expires, the new one will be activated automatically. If the new payment needs to be activated immediately (e.g. after paying for increasing disk space to a bigger amount), the current one should be canceled manually. To view the payment history of a certain service, click on its name in the list of order.<hr /> <h5>/panel/?a=help;t=24</h5><b>Sitemap</b> позволит поисковым системам быстрее и качественнее индексировать ваш сайт. Sitemap файлы обновляются автоматически, приблизительно раз в сутки (в зависимости от частоты обновления сайта). Адреса Sitemap файлов прописаны в стандартном файле robots.txt, который мы советуем не изменять.<hr /><b>Sitemap</b> will permit search engines to index your website quicker and more qualitatively. Sitemap files are updated automatically, approximately once a day (depending on how often the website is updated). URLs of Sitemap files are written in the default robots.txt file, which we advise you not to change.<hr /> <h5>/panel/?a=help;t=25</h5>Почему поддержка платная?</b><p>В системе действует платная служба пользовательской поддержки. Данная мера не нацелена на то, чтобы зарабатывать деньги на "проблемах пользователей", в случае технических проблем, поддержка остается бесплатной. Она нацелена на ограничение потока простых вопросов, с которыми пользователь, как правило, способен разобраться сам.<p>Бесплатная высококачественная поддержка у бесплатного сервиса - нонсенс. Платная поддержка у бесплатных, в т.ч. open source систем принята по всему миру.<hr /><b>Why is Support not free?</b><p>The system has a paid user support service. It is not intended for earning money "from users' problems". In the case of technical problems Support remains free. The aim is to limit the number of simple questions which a user can settle himself/herself.<p>Free high-quality support of a free service would not make a lot of sense. Paid support of free systems, including open source systems, is a widely accepted practice.<hr /> <h5>/panel/?a=help;t=26</h5>Снятие средств происходит сразу после отправки вопроса. Если вопрос оказывается очень сложным и требующим долгого изучение, работник службы поддержки установит для вопроса более высокую цену, и, после вашего подтверждения цены, вопрос будет рассмотрен.<p>Если ответ на вопрос занял более 24 часов, оплата не взимается.<p>Если Вы недовольны ответом, нажмите на ссылку "Недоволен ответом". Запрос будет направлен вышестоящему лицу и если ответ действительно оказался некачественный, деньги будут возвращены на счет. Если Ваша жалоба на качество ответа будет необоснованной, то вы более не сможете пользоваться данной функцией.<p>Плата взимается только за первое сообщение в ветке, последующая переписка по одному вопросу не требует оплаты.<hr />Money is charged after a question has been sent. If a question is very complex and requires long examination, a support employee will set a higher cost for the question, and the question will be answered once you have approved the price.<p>If a question takes over 24 hours to answer, the payment is not be charged.<p>If you are not satisfied with the answer, click "Unsatisfied with the answer". The request will be sent to a superior officer and if they agree the answer was of low quality, the money will be refunded. If your complaint about the quality is groundless, you will not be able to use this feature any more.<p>Payment is charged for the first message in a thread only, all subsequent messages concerning the same question do not require payment.<hr /> <h5>/panel/?a=help;t=27</h5>PHP не активирован<hr />PHP is not activated<hr /> <h5>/panel/?a=help;t=28</h5><i>Подробности активации PHP (много букв).<hr />PHP activation details (too big to display).</i><hr /> <h5>/panel/?a=help;t=29</h5><ul><li>Описание ресурса должно быть грамотным и отражать его суть.</li><li>Запрещается использовать любые символы для визуального украшения текста, а также писать текст в верхнем регистре (кроме аббревиатур).</li><li>Категория ресурса должна соответствовать его тематике.</li><li>Ресурс не должен нарушать правила пользовательского соглашения uCoz.</li></ul><hr /><ul><li>The description of the resource should be knowledgeable and should reflect its essence.</li> <li>It is forbidden to use any symbols for visual decoration of the text or to type the text using upper case (except for abbreviations).</li><li>Resource category should correspond to its subject matter.</li><li>The resource shouldn't infringe uCoz Terms of Use.</li></ul> https://prototype.ucoz.ua/news/ucoz_system_messages/2012-04-06-18 Prototype https://prototype.ucoz.ua/news/ucoz_system_messages/2012-04-06-18 Fri, 06 Apr 2012 17:25:25 GMT