A+ A- [A]
Welcome, Guest. Please login or register.
February 09, 2012, 05:40:21 PM

Login with username, password and session length
Pages: [1]   Go Down
  Print  
Author Topic: pemisah widget / posting ?  (Read 1058 times)
0 Members and 1 Guest are viewing this topic.
fariz
Brondong


Kurma: +0/-0
Offline Offline

Posts: 8


« on: August 03, 2009, 04:30:06 PM »

gimana cara membuat pemisah antara widget di sidebar / antara posting yg lama dg yg baru ?
Logged
fariz
Brondong


Kurma: +0/-0
Offline Offline

Posts: 8


« Reply #1 on: August 03, 2009, 04:37:39 PM »

contohnya seperti dibawah ini kali ya ?
Logged
fariz
Brondong


Kurma: +0/-0
Offline Offline

Posts: 8


« Reply #2 on: August 07, 2009, 08:13:36 AM »

code sidebarnya :
#sidewrapper {
max-width: 500px;
float: right;
margin: 10px 0px 10px 0px;
padding: 0px 0px 0px 0px;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

#sidebar-wrapper {
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

.sidebar {
margin: 0px 0px 0px 0px;

padding: 0px 0px 0px 0px;
text-align: left;
font: $sidebarTextFont;
}

#sidebar {
width: 350px;
margin: 0px 5px 0px 0px;
padding: 15px 15px 0px 15px;
color: $sidebarTextColor;
line-height: 1.6em;
background: none;
/*background: $sidebarbgColor;*/
border-left: 1px solid $sidebarBorderColor;
border-right: 1px solid $sidebarBorderColor;
/*border:1px solid $bordercolor;  */                       
}

#sidebar .widget {
margin: 0px 0px 0px 0px;
padding: 0px 0px 35px 0px;
background: #ffffff;
}

#sidebar h2 {
margin: 0px 0px 5px 0px;
padding: 3px 0px 3px 0px;
text-align: left;
color: $sidebarHeaderColor;
font: $sidebarHeaderFont;
/*background: $sidebarHeaderBgColor;*/
border-bottom: 2px solid $sidebarHeaderBorderColor;
}

.sidebar ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style-type: none;
}

.sidebar li {
margin: 0px 0px 0px 0px;
padding: 8px 0px 8px 0px;
border-bottom: 1px solid $sidebarListLineColor;
}

#sidebar a {
color: $sidebarLinkColor;
text-decoration: none;
}

#sidebar a:hover {
text-decoration: underline;
color: #000000;         
}

#sidebar a:visited {
text-decoration: none;
color: #000000; 
}

.sidebar a img {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

Logged
fariz
Brondong


Kurma: +0/-0
Offline Offline

Posts: 8


« Reply #3 on: August 07, 2009, 08:15:19 AM »

tampilan widget sidebar aslinya (berdasarkan code diatas) adalah .....
Logged
fariz
Brondong


Kurma: +0/-0
Offline Offline

Posts: 8


« Reply #4 on: August 07, 2009, 08:18:49 AM »

tampilan yang diinginkan adalah sbb:
Logged
fariz
Brondong


Kurma: +0/-0
Offline Offline

Posts: 8


« Reply #5 on: August 07, 2009, 08:21:29 AM »

Mohon jawabannya....


trim's
Fariz
Logged
Pages: [1]   Go Up
  Print  
 
Jump to:  

Powered by SMF 1.1.4 | SMF © 2006, Simple Machines LLC
Seo4Smf v0.2 © Webmaster's Talks

Novelty design by Bloc | XHTML | CSS
Page created in 0.06 seconds with 20 queries.