Двигаем рекламу в шапке форума(Верх)
Код:<style>/*двигаем рекламу*/ #pun-title td.title-logo-tdr{ display:block!important; position:absolute!important; height:60px!important; padding-left:0px!important; width:468px!important; left:50%; margin-left:-65px!important; margin-top:-160px!important; padding-top:0px!important; } </style>
Выделение и копирование кода по клику(Низ)
Код:<script type="text/javascript"> function select_text(elem) { if(window.getSelection) { var s=window.getSelection(); if(s.setBaseAndExtent){ s.setBaseAndExtent(elem,0,elem,elem.innerText.length-1); } else { var r=document.createRange(); r.selectNodeContents(elem); s.removeAllRanges(); s.addRange(r); } } else if(document.getSelection){ var s=document.getSelection(); var r=document.createRange(); r.selectNodeContents(elem); s.removeAllRanges(); s.addRange(r); } else if(document.selection){ var r=document.body.createTextRange(); r.moveToElementText(elem); r.select(); } } </script> <script type="text/javascript"> var div = document.getElementById('pun-main').getElementsByTagName('div'); for(x in div){ if(div[x].className=='code-box'){ div[x].getElementsByTagName('strong')[0].innerHTML = '<a href="#" onclick="select_text(this.parentNode.parentNode.childNodes[1].getElementsByTagName(\'pre\')[0]); return false;">Выделить код</a>'; } } </script>
Кнопки онлайн и оффлайн(Низ)
Код:<!--ОНЛАЙН/ОФФЛАЙН--> <script type="text/javascript"> var L0='<img class="imgON_Off" src="'; var L1='" style="cursor:pointer;cursor:hand;width:153;margin-top:3px;" />'; //153 - размер картинки по горизонтали var ImgON="http://s1.uploads.ru/i/ujlT3.gif"; // Картинка Online; var ImgOff="http://s1.uploads.ru/i/X5k0s.png"; // Картинка OffLine; $("#pun-viewtopic .post .post-author ul").each(function () { $(this).html('<div class=UL>'+$(this).html()+'</div>'); if ($(this).find(".pa-online").html()!=null){$(this).append(L0+ImgON+L1) }else $(this).append(L0+ImgOff+L1); $(this).find(".pa-author,.pa-title,.pa-avatar").insertBefore($(this).find("div.UL"));}); $("div.UL").hide(); //Кому не надо изначального свертывания - строку розовым убираем $("ul .imgON_Off").click(function () { $(this).parent("ul").find(".UL").toggle('slow');}); </script>
Стрелки вверх и вниз(Низ)
Код:<!-- СТРЕЛКИ --> <div style="position:fixed; right :0%; bottom: 45%;"> <a href=#top onClick="scrollTo(0,0); return false;" title="Вверх страницы"> <img onmouseover="this.src='http://s2.uploads.ru/16Afu.png'" src="http://s3.uploads.ru/gDIcZ.png" onmouseout="this.src='http://s3.uploads.ru/gDIcZ.png'" alt="Вверх страницы" ></a><br/> <a href=#top onClick="scrollTo(0, document.body.scrollHeight); return false;" title="Вниз страницы"> <img style="margin-top: 10px;" onmouseover="this.src='http://s3.uploads.ru/xuUvc.png'" src="http://s3.uploads.ru/RKxJr.png" onmouseout="this.src='http://s3.uploads.ru/RKxJr.png'" alt="Вниз страницы" ></a> </div> <script type="text/javascript"> $(document).ready(function() { $("td.#MenuTxT div.submenutext").hide(); <!--$(".tabs div:first").addClass("active").show(); --> $("td.#MenuTxT div.submenutext:first").show(); $("div.#menu div").click(function() { $("div.#menu div").removeClass("tabactive"); $(this).addClass("tabactive"); $("td.#MenuTxT div.submenutext").hide(); var activeDiv = $(this).attr("alt"); $("div."+activeDiv).fadeIn(); return false; }); }); </script>
Прокрутка текста
Код:<html> <head> <title>Пример работы CSS</title> <meta http-equiv=Content-Type content="text/html;charset=utf-8"> <style> .prokrutka { height: 200px; /* высота нашего блока */ width: 200px; /* ширина нашего блока */ background: #fff; /* цвет фона, белый */ border: 1px solid #C1C1C1; /* размер и цвет границы блока */ overflow-x: scroll; /* прокрутка по горизонтали */ overflow-y: scroll; /* прокрутка по вертикали */ } </style> </head> <body> <div class="prokrutka"> А тут много-много разного текста и прочей информации. А тут много-много разного текста и прочей информации. А тут много-много разного текста и прочей информации. А тут много-много разного текста и прочей информации. А тут много-много разного текста и прочей информации. А тут много-много разного текста и прочей информации. А тут много-много разного текста и прочей информации. А тут много-много разного текста и прочей информации. </div> </body> </html>
Автоматическая прокрутка текста
Код:<table align="center"> <tr><td width="500px"> <div style="height:170px;border:1px solid black;position:relative;overflow:hidden"> <div id="block" style="left:5px;right:5px;top:3px;position:absolute"> Здесь располагается текст, который будет прокручиваться при наведении курсора мышки на одну из стрелочек (вверх или вниз).<br><br> Можно вставлять любой текст, <a href="http://usefulscript.ru/">ссылки</a> и изображения.<br> <img src="image/go_up.png" alt=""> </div></div> </td><td width="20px" align="right"> <b onMouseover="move('block',5)" onMouseout="clearTimeout(move.to)"> <img src="image/up.png" alt=""></b> <br><br> <b onMouseover="move('block',-5)" onMouseout="clearTimeout(move.to)"> <img src="image/down.png" alt=""></b> </td></tr> </table>
Замена ссылок навигационного меню картинками
Код:<style type="text/css"> /*1. Настройка общего вида линков */ #pun-navlinks a { display: inline-block; [color=maroon]height: 20px;[/color] [color=green]width: 70px;[/color] [color=navy]margin-left: 10px;[/color] } /*2. Настройка изображений */ #navindex a {background: url(адрес_изображения) no-repeat top center;} #navuserlist a {background: url(адрес_изображения) no-repeat top center;} #navsearch a {background: url(адрес_изображения) no-repeat top center;} #navprofile a {background: url(адрес_изображения) no-repeat top center;} #navpm a {background: url(адрес_изображения) no-repeat top center;} #navadmin a {background: url(адрес_изображения) no-repeat top center;} #navlogout a {background: url(адрес_изображения) no-repeat top center;} #navlogin a {background: url(адрес_изображения) no-repeat top center;} #navregister a {background: url(адрес_изображения) no-repeat top center;} /*3. Настройка изображений при ховере (наведении) */ #navindex a:hover {background: url(адрес_изображения) no-repeat top center;} #navuserlist a:hover {background: url(адрес_изображения) no-repeat top center;} #navsearch a:hover {background: url(адрес_изображения) no-repeat top center;} #navprofile a:hover {background: url(адрес_изображения) no-repeat top center;} #navpm a:hover {background: url(адрес_изображения) no-repeat top center;} #navadmin a:hover {background: url(адрес_изображения) no-repeat top center;} #navlogout a:hover {background: url(адрес_изображения) no-repeat top center;} #navlogin a:hover {background: url(адрес_изображения) no-repeat top center;} #navregister a:hover {background: url(адрес_изображения) no-repeat top center;} /* Скрываем текстовые надписи */ #pun-navlinks a span {display: none;} </style>