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>
Category: Скрипт код | Added by: Deluxe_Renno
Views: 2106 | Downloads: 0 | Comments: 25 | Rating: 1.0/7
Total comments: 0
Only registered users can add comments.
[ Sign Up | Login ]