Main » Files » Скрипт код |
Widget буюу булан зөөx
2010.05.07, 8:11 PM | |
Дарааx кодыг CSS кодныхоо хамгийн доор нь хуулаад хийчих. isplay:block; width:0; height:0; overflow:hidden; margin:0 !important; padding:0 !important; } .dbx-group, .dbx-box, .dbx-handle { position:relative; display:block; } /**************************************************************** avoid padding, margins or borders on dbx-box, to reduce visual discrepancies between it and the clone. overall, dbx-box is best left as visually unstyled as possible *****************************************************************/ .dbx-box { margin:0; padding:0; border:none; } /**************************************************************** otherwise, do what you like <img src="http://s24.ucoz.net/sm/24/smile.gif" border="0" align="absmiddle" alt="smile"> *****************************************************************/ /* group container(s) */ #purple-outer { border:1px solid #; margin:0 0px 0 0; float:left; position:relative; } .dbx-group { clear:both; width:213px; background:#; padding:0 0px 0px 0px; } * html .dbx-group { width:213px; padding-bot\tom:0; } /* handles */ .dbx-handle { font:normal normal bold 1em tahoma,sans-serif; text-align:center; position:relative; margin:0; padding:16px 0 6px 0; background:url(http://web4u.do.am/Downloads/verx.png) no-repeat 0 0; color:#000; } * html .dbx-handle { width:213px; } /* handle cursors are in a class of their own so they only get applied if the script is supported */ .dbx-handle-cursor { cursor:move; } /* toggle images */ .dbx-toggle { display:block; width:20px; height:20px; padding:0; margin:0; border:none; background:url(http://web4u.do.am/Downloads/250342.gif) no-repeat; position:absolute; top:14px; right:5px; border:none; } .dbx-toggle-open { background-position:0 0; } .dbx-toggle-closed { background-position:0 -20px; } .dbx-toggle-hilite-open { background-position:-20px 0; } .dbx-toggle-hilite-closed { background-position:-20px -20px; } /* inner content area */ .dbx-content { margin:0; padding:8px 10 37px 10; list-style-type:none; background:url(http://web4u.do.am/Downloads/25037a2.png) no-repeat 0 100%; } .dbx-content a, .dbx-content a:visited { color:#000; text-decoration:none; } .dbx-content a:hover, .dbx-content a:focus, .dbx-content a:active { color:#306; text-decoration:underline; } /* toggle state of inner content area */ .dbx-box-closed .dbx-content { display:block; height:10px; padding:15; overflow:hidden; } .dbx-box-closed .dbx-content * { display:none; } /* additional clone styles */ .dbx-clone { opacity:0.8; filter:alpha(opacity=80); } /* hacks for IE6 */ * html .dbx-tooltip { font-weight:normal !important; } Харин дараах кодыг <head>-нхаа яг доор нь хуулаад хийчих. <script type="text/javascript" src="http://web4u.do.am/Downloads/dbx.js"></script> <script type="text/javascript" src="http://web4u.do.am/Downloads/dbx-key.js"></script> Дараах 2 кодыг хийх газраа хуулна. Эхний Widget-н код <div class="dbx-group" id="sidebar-left"> <div id="meta" class="dbx-box"> <h2 class="dbx-handle">Таны булан</h2> <div class="dbx-content"> <b>Таны текст</b> </div></div> Сүүлчийн Widget-н код <div class="dbx-group" id="sidebar-right"> <div id="meta" class="dbx-box"> <h2 class="dbx-handle">Таны булан </h2> <div class="dbx-content" align="center"><b>Таны текст</b></div> </div> | |
Views: 2106 | Downloads: 0 | Comments: 25 | Rating: 1.0/7 |
Total comments: 0 | |