page selector 2025-07-08 |
დასახელება: page selector ავტორი: lazara სისტემა: ucoz აღწერა: ეს არის ორიგინალური გვერდების გადამრთველი Code <div style="display:none;position:absolute;top:0;margin-top:45px" id="pageselector"> <table cellspacing="0" cellpadding="0"> <tr> <td><div class="ugol_page_selector"></div></td> <td width="1"><div class="pages_1"> </div></td> <td class="pages_2"> $PAGE_SELECTOR$ </td> <td width="1"><div class="pages_1"> </div></td> </tr> </table> </div> <script type="text/javascript"> $(window).scroll(function () { st = $(window).scrollTop(); var scrollBottom = $(document).height() - $(window).height() - $(window).scrollTop(); if(scrollBottom < 500) {$("#pageselector").fadeIn(500)} else {$("#pageselector").fadeOut(100)} $('#pageselector').css('top', st+'px') $('#pageselector').css('opacity', '0.8') }); </script> <style type="text/css"> span.swchItemDots span{display:none;} .ugol_page_selector{border-bottom: 16px solid black;border-left: 16px solid transparent;border-right: 16px solid transparent;position: absolute;margin: -35px 0px 0px 130px;} .pages_1 {width:1px;height:48px;overflow:hidden;background:black} .pages_2 {background:black;height:50px} .pagesBlockuz1 {margin-left:10px;margin-right:10px;} .swchItemA {color: black;border-bottom: 3px solid #ffffff;padding: 3px 8px 3px 8px;background: white;margin: 0px 5px 0px 5px;border-radius: 3px;border: 3px dashed rgb(108, 199, 57);} .swchItem {color: black;border-bottom: 3px solid #ffffff;padding: 3px 8px 3px 8px;background: white;margin: 0px 5px 0px 5px;border-radius: 3px;border: 3px dashed rgb(57, 182, 199);} .swchItem:hover {transition:All 2s ease;-webkit-transition:All 2s ease;-moz-transition:All 2s ease;-o-transition:All 2s ease; background:#324E98;color:white!important;} .swchItemDots {color:white;text-desotation:none;padding:0;background:none;margin:5px;} </style> |
სულ კომენტარები: 0 | |