Время:
Новых сообщений: Нет
Вы на форуме дней
Ваша группа: Гость
Ваш IP: 3.145.81.252
Logical-Portal — молодежный портал со своей изюминкой, каждый сможет найти что-то интересное и полезное для себя, например наш форум общения с которым вам обязательно нужно ознакомиться.
  • Страница 1 из 1
  • 1
Скрипт показа / скрытия блока на форуме
Сообщение оставлено 25.07.2011 в 21:40:30 | Сообщение #1


[Table]Все что нужно, это зайти в общий вид форума найти там $BODY$[/Table]
[Table]И заменить его на :[/Table]

Code
<table border="0" cellpadding="0" cellspacing="0" width="100%">            
            <tr>            
            <td valign="top" width="100%" style="padding:0 5px;">            
            $BODY$            
            </td>            
            <div style="float:right; position:relative; width:120px; height:14px; padding-right:3px; margin:3px 1px 10px 0;"><a id="hide-but" style="position:absolute;" class="hide-block" href="javascript://" onclick="$('#r-colonka, #hide-but').fadeOut('slow'); $('#show-but').fadeIn('slow');"></a><a id="show-but" class="show-block" style="display:block; position:absolute;" href="javascript://" onclick="$('#r-colonka, #hide-but').fadeIn('slow'); $('#show-but').fadeOut('slow');"></a></div>            
            <td style="display:none;" id="r-colonka" class="right-conolka" valign="top" width="203">            
            $GLOBAL_DRIGHTER$            
            </td>            
            </tr></table>


[Table]Так же не забыть в CSS вставить следующие строки :[/Table]
Code

/* Show/Hide Block */            
            a.hide-block, a.hide-block:visited {display:block; float:left; height:20px; width:120px; background:url('http://sinners.pp.ua/SINNERS/1/img/show-load.png') no-repeat;}            
            a.hide-block:hover, a.hide-block:active {background-position:0 -20px;}            

            a.show-block, a.show-block:visited {display:block; float:left; height:20px; width:120px; background:url('http://sinners.pp.ua/SINNERS/1/img/show-load.png') no-repeat; background-position:0 -40px;}            
            a.show-block:hover, a.show-block:active {background-position:0 -60px;}            

            td.right-conolka {padding:0; margin:0; text-align:left;}            
            td.left-conolka {padding:0px 8px 0px 0px; margin:0;}            
            /* --------------- */
 
 
   
Сообщение оставлено 25.08.2011 в 18:25:45 | Сообщение #2
Классный скрипт , спасибо
 
 
   
  • Страница 1 из 1
  • 1
Поиск:
 
Графика от: Megas, GraFOS | Дизайн сверстал E.A.
Хостинг от uCoz
Яндекс.Метрика