Единый форум поддержки

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Единый форум поддержки » Архив » Скрипты от пользователей 2


Скрипты от пользователей 2

Сообщений 81 страница 94 из 94

81

kozhilya +

Для желающих приукрасить: Возможная Добавка к стилю окошечка:

<style>
#qTip {
background-color:#B25AC6!important;
padding:9px 10px 12px 10px!important;
font-size:12px!important;
opacity:0.8;
margin:2px 4px;
text-shadow:#000 1px 1px 2px;
    border-radius:4px;
    -webkit-border-radius:4px;
    -khtml-border-radius:4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;

    box-shadow: 0px 2px 8px #000;
    -webkit-box-shadow: 0px 2px 8px #000;
    -khtml-box-shadow: 0px 2px 8px #000;
    -moz-box-shadow: 0px 2px 8px #000;
}
</style>

Отредактировано Deff (Пт, 11 Май 2012 10:27:40)

0

82

стрелка поднять вверх , появляется при прокрутки вниз

Код:
<style type="text/css">
.scroll-to-top-button{
background: #666 url(http://uploads.ru/i/X/r/s/Xrs14.png) center center no-repeat;
width: 32px;
height: 32px;
color: #fff;
font-family: verdana;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
cursor: pointer;
padding: 10px;
margin: 20px;
}
</style>
<script type="text/javascript">	
(function(jq) {
jq.autoScroll = function(ops) {
ops = ops || {};
ops.styleClass = ops.styleClass ||'scroll-to-top-button';
var t = jq('<div class="'+ops.styleClass+'"></div>'),
d = jq(ops.target || document);
jq(ops.container || 'body').append(t);
t.css({
opacity: 0,
position: 'absolute',
top: 0,
right: 0
}).click(function() {
jq('html,body').animate({
scrollTop: 0
}, ops.scrollDuration || 1000);
});
d.scroll(function() {
var sv = d.scrollTop();
if (sv < 10) {
t.clearQueue().fadeOut(ops.hideDuration || 200);
return;
}
t.css('display', '').clearQueue().animate({ 
top: sv,
opacity: 0.8
}, ops.showDuration || 500);
});
};
})(jQuery);
$(document).ready(function(){
$.autoScroll({
scrollDuration: 2000, 
showDuration: 600,  
hideDuration: 300
});
});
</script>

пример - http://forum-people.ru/pages/2

Отредактировано SKEE (Пт, 18 Май 2012 13:58:38)

+2

83

Taiko написал(а):

А где можно найти скрипт?)

http://savepic.net/1765957.png

CКРЫВАЕМ СООБЩЕНИЕ НА N-дней ОТ ТЕКУЩЕЙ ДАТЫ

В HTML низ

Код:
<!--CКРЫВАЕМ СООБЩЕНИЕ НА N-дней ОТ ТЕКУЩЕЙ ДАТЫ-->
<script>
if(GroupTitle=='Гость'||GroupTitle=='Гости'){UserLogin = ' ';}
var Im11='<img src="http://savepic.net/1720899.gif" style="width: 100%;margin: 0 0 0 0;"/>'
$("#pun-viewtopic .post .post-content a[href^='/hide=']").each(function(){
if(UserLogin!= ' '){
var L=$(this).attr("href"),
L1=L.replace(/^[^=]*=(\d+)\+(\d){1,3}\/$/img,"$1");L=RegExp["$2"];
L=parseFloat(L)*24*60*60+parseFloat(L1);//alert(L+">>"+UserLastVisit)
if(UserLogin!= ' '&& UserLastVisit>L){$(this).parents(".post").show()
}else if($(this).parents(".post").find(".post-author.online .pa-author a").html()==UserLogin || GroupID < 3 ){
$(this).parents(".post").find(".post-box").html(Im11)}
}else $(this).parents(".post").hide()
});
</script>
<style>#My_hidePost{background-image:url(http://savepic.net/1730121.png);}</style>
<script>
if(UserLogin!= ' '){
var L1='Введите цифру:На сколько дней дней скрываем от сегодняшней Даты ?';
var str='<img src="/i/blank.gif" title="Скрытие поста на N-дней от текущей Даты"/>'; 
if(document.URL.indexOf("/viewtopic.php?id")!=-1 || document.URL.indexOf("/post.php?tid")!=-1 || document.URL.indexOf("/edit.php?id")!=-1)$("#form-buttons #button-video").after("<td id=My_hidePost>"+str+"</td>")
    $('#My_hidePost img').click(function(){
Nday=prompt(L1);
if(Nday.replace(/\d{1,3}/im,'')!=''){alert('!Неправильный Ввод числа')
      }else {Nday="[url=/hide="+UserLastVisit+"+"+Nday+"/][img]/i/blank.gif[/img][/url]";
       smile(Nday)
     return false; }
    }); 
}
</script>

Тестируем

+3

84

kosoy написал(а):

жаль, хотел почистить верх, чую скоро забьется полностью.

У тьву 90% можно перенести, поскольку  там только стиль

0

85

Deff написал(а):

У тьву 90% можно перенести

замечательно, нужно отсортировать, что оставить (чтоб менять можно было удобно)
на днях займусь.

Отредактировано kosoy (Ср, 30 Май 2012 19:13:20)

0

86

Сss - Плавная смена картинок при наведении курсора

В HTML верх

Код:
<style>
.image.UP,
.image.Down {
   border:2px solid transparent;
   margin:0;
   padding:0;
}
.image.UP{
opacity:1.0;
   display:block;
   position:absolute;z-index:100;
   transition-duration: 0.96s;
  -webkit-transition-duration: 0.96s;
  -moz-transition-duration: 0.96s;
  -o-transition-duration: 0.96s;
  -ms-transition-duration: 0.96s; /* IE9+ */
}
.image.UP:hover {
   opacity:0.00;
}
 
div.ImgWrap{
display:inline-block;
padding:0;margin:0;
background-position:center center;
background-repeat:no-repeat;
}
</style>


Туда , где нужно
Картинки вместе с внешним div можно размножать  (*Меняем на свое - только ссылки, Верхняя - нижняя картинки должны быть идентичны по размеру

<div  class=ImgWrap>
<img class="image UP" src="http://uploads.ru/i/i/n/D/inDOK.png"/>
<img class="image Down" src="http://uploads.ru/i/3/E/W/3EWuB.png"/>
</div>

Отредактировано Deff (Вс, 3 Июн 2012 22:02:15)

+3

87

Deff
картинки только 2 можно вставлять для смены?
щас получается, меняется только 2.

0

88

kosoy
Делай 4 или 6 или 8 - читайте описание!

<div  class=ImgWrap>
<img class="image UP" src="http://uploads.ru/i/i/n/D/inDOK.png"/>
<img class="image Down" src="http://uploads.ru/i/3/E/W/3EWuB.png"/>
</div>
<div  class=ImgWrap>
<img class="image UP" src="http://uploads.ru/i/i/n/D/inDOK.png"/>
<img class="image Down" src="http://uploads.ru/i/3/E/W/3EWuB.png"/>
</div>
<div  class=ImgWrap>
<img class="image UP" src="http://uploads.ru/i/i/n/D/inDOK.png"/>
<img class="image Down" src="http://uploads.ru/i/3/E/W/3EWuB.png"/>
</div>
<div  class=ImgWrap>
<img class="image UP" src="http://uploads.ru/i/i/n/D/inDOK.png"/>
<img class="image Down" src="http://uploads.ru/i/3/E/W/3EWuB.png"/>
</div>

Отредактировано Deff (Вс, 3 Июн 2012 21:59:44)

0

89

Подглядел пользовательский скрипт от devote

Древовидный переключатель меню (без ограничений вложенности)
(С запоминанием последнего положения)

=> © devote

http://s1.uploads.ru/i/u/t/Y/utY7H.png

В HTML верх

Код:
<style>
    #nav_menu_content{
	display:inline:block;
	width:230px;
    }
    #nav_menu_content ul {
        display: none;
    }
    #nav_menu_content > li {
	margin:4px 0 4px 12px;
	padding:2px 4px;
        border:1px solid red!important;
	background-color: #E0EDED;
	font-size:120%;
	text-shadow:1px 1px 1px #83A0A0;
    }
    #nav_menu_content > li > ul > li{
	margin:4px 0 4px 12px;
	padding:2px 4px;
        border:1px solid blue!important;
	text-shadow:none;
	font-size:80%;
        background-color: #C1C1E5;
    }
    #nav_menu_content > li > ul > li  > ul > li{
	margin:4px 0 4px 12px;
	font-size:90%;
	padding:2px 4px;
        border:1px solid green!important;
        background-color: #BCDEBC;
    }
</style>
<script type="text/javascript">
function setcookie(a,b,c) {if(c){var d = new Date();d.setTime(d.getTime()+c);}if(a && b) document.cookie = a+'='+b+(c ? '; expires='+d.toUTCString() : '');else return false;}
 function getcookie(a) {var b = new RegExp(a+'=([^;]){1,}');var c = b.exec(document.cookie);if(c) c = c[0].split('=');else return false;return c[1] ? c[1] : false;}
</script>

Само Меню и скрипт - ставим куда нужно

Код:
<ul class='left_nav_menu' id='nav_menu_content'>
    <li><a href='#0'>Категория_1</a>
        <ul>
            <li><a href="#">Подкатегория_1</a>
                <ul>
                    <li><a href="view_cat.php?...">Подподкатегория_1</a></li>
                </ul>
            </li>
            <li><a href="#">Подкатегория_2</a>
                <ul>
                    <li><a href="view_cat.php?...">Подподкатегория_2</a></li>
                    <li><a href="view_cat.php?...">Подподкатегория_3</a></li>
                </ul>
            </li>
            <li><a href="#">Подкатегория_3</a>
                <ul>
                    <li><a href="view_cat.php?...">Подподкатегория_4</a></li>
                    <li><a href="view_cat.php?...">Подподкатегория_5</a></li>
                </ul>
            </li>
        </ul>
    </li>
    <li><a href='#0'>Категория_2</a>
        <ul>
            <li><a href="#">Подкатегория_4</a>
                <ul class="material_cat">
                    <li><a href="view_cat.php?...">Подподкатегория_6</a></li>
                </ul>
            </li>
        </ul>
    </li>
</ul>
<script type="text/javascript">

        var nav = $("#nav_menu_content"),
            uls = nav.find("ul");

        
	var coci_MENU= getcookie( "MENU" );
	if (coci_MENU) {
	setcookie( "MENU",coci_MENU ,30*3600*24*1000 );

	// тут получаем индексы из куки и перебираем их:
        var showedElems = ( coci_MENU || "" ).split(",");
        for( var i = 0; i < showedElems.length; i++ ) {
            // отображаем при загрузке то что надо.
            $( uls[ showedElems[ i ] ] ).show();
        }}

        nav.find("a").click(function() {
	var Lnk=$(this).attr("href");
	  if(Lnk=''||Lnk.indexOf('#')==0){
	      setcookie( "MENU",1 ,-1);
	    }
            var self = $(this).next();

            if ( self.length  > 0 ) {

                var showedElems = [];

                uls.each(function( index ){

                    if ( this === self[0] ) {
                        if ( self.css('display') == "none" ) {
                            showedElems[ showedElems.length ] = index;
                        }
                        $( this ).slideToggle( 200 );
                    } else if ( jQuery.inArray( this, self.parents( "ul" ) ) == -1 ) {
                        $( this ).slideUp( 200 );
                    } else {
                        showedElems[ showedElems.length ] = index;
                    }
                });
                // эту переменную  суём в куки,
                setcookie( "MENU", showedElems.join(",") ,30*3600*24*1000 );

                return false;
            }

        });

</script>

eще Поправлено 21.06.2012  16:25:01

Отредактировано Deff (Чт, 21 Июн 2012 20:00:50)

+1

90

  Оформление Поста "Пузырями"

http://s1.uploads.ru/i/l/y/U/lyUa0.png

В HTML верх

Код:
<style type="text/css">
.punbb .post-content p:not(.NoObram),.punbb .fs-box .post-box p:not(.NoObram) {
width:80%;
display:block;
margin:20px;
background-clip:padding-box;
border-width:15px 15px 15px 19px;
-moz-border-image: url(http://s1.uploads.ru/i/F/G/K/FGKYJ.png)15 15 15 19 repeat;  /* Firefox 4 */
    -webkit-border-image: url(http://s1.uploads.ru/i/F/G/K/FGKYJ.png)15 15 15 19 repeat;   /* Safari 5 и Chrome */
    -o-border-image: url(http://s1.uploads.ru/i/F/G/K/FGKYJ.png)15 15 15 19 repeat; /* Opera 10.5 */
}
.punbb .post-content .post-sig p{
 border-width:0;
-moz-border-image: none;  /* Firefox 4 */
    -webkit-border-image: none;   /* Safari 5 и Chrome */
    -o-border-image: none; /* Opera 10.5 */
}/* конец Обрамления */

</style>
<script type="text/javascript">
$(document).ready(function(){
$('.post .post-content p strong img.postimg').each (function() {
  $(this).parents('p').addClass("NoObram")
});});
</script>

Поправлено для исключения картинок из обрамления,  такие картинки заключаем в теги "Жирности"

Отредактировано Deff (Пн, 25 Июн 2012 21:17:05)

+2

91

Deff
А мне понравилось/ :cool:  :D +

Дефф, можно самому менять цвет пузыря?

border-width:15px 15px 15px 19px
если менять здесь - это радиусы закругления?

0

92

ruslan_as написал(а):

border-width:15px 15px 15px 19px;
-moz-border-image: url(http://s1.uploads.ru/i/1/m/I/1mIjT.png)15 15 15 19 repeat;

ruslan_as
Это не радиусы - Там картинка - > http://s1.uploads.ru/i/F/G/K/FGKYJ.png
значения - от отступы от неизменяемых частей картинки http://s1.uploads.ru/i/1/p/B/1pBqc.png

http://htmlbook.ru/css/border-image

Отредактировано Deff (Пн, 25 Июн 2012 18:04:05)

0

93

ruslan_as написал(а):

но согласись - смотрится необычно, а то стандартное все уже приелось

тут я согласен на все 100, интересно конечно, мне понравилось, но картинки все портят и нет смысла уродовать из за этого форум, если проблема с картинками решиться, вот тогда реально круто будет, а так я думаю его и ставить не станут, поскольку текст, да на 5, но как только зайдешь в тему, где есть картинки, то все впечатление от такого ново введения скатывается на нуль.

ruslan_as написал(а):

А если картинки под спойлер?

да это ваще бред.

0

94

0


Вы здесь » Единый форум поддержки » Архив » Скрипты от пользователей 2