Posts: 605
Threads: 119
Joined: Mar 2010
2010-03-24, 12:48 AM
Im using a facebook friends style dock on the bottom of my forum. Its just a few pixels narrower than the forum on either side, were can i edit the width of this , i can seem to find it anywhere.
Posts: 605
Threads: 119
Joined: Mar 2010
2010-03-24, 01:00 AM
(This post was last modified: 2010-03-24, 01:05 AM by dunlop03.)
Heres the dock css
#fbDock_container {
bottom: 0;
position: fixed;
width: 100%;
z-index: 1001;
left: 0px;
}
#fbDock_container2 {
position: relative;
margin: auto;
width: 90%;
height: 25px;
min-height: 25px;
border: 1px solid #000000;
border-bottom: none;
}
.FbDock_container {
bottom: 0;
position: fixed;
width: 100%;
left: 0px;
z-index: 999;
}
.FbDock_container2 {
width: 90%;
position: relative;
margin: auto;
height: 25px;
min-height: 25px;
}
.fbdock {
background: #026CB1;
color: #ffffff;
}
.fbdock a:link {
color: #ffffff;
text-decoration: none;
}
.fbdock a:visited {
color: #ffffff;
text-decoration: none;
}
.fbdock a:hover, .fbdock a:active {
color: #ffffff;
text-decoration: underline;
}
#fbDock_container2 ul {
display: inline;
list-style-type: none;
padding: 0px;
color: #000000;
margin: 0px;
}
#fbDock_container2 li {
float: left;
border-right: 1px solid #000000;
padding: 0 5px;
line-height: 25px;
}
#fbDock_container2 #FBDock_notification {
width: 27px;
padding: 0;
border-right: none;
background-repeat: no-repeat;
background-attachment:scroll;
background-color:transparent;
background-image:url(images/fbDock/fbDock_notify_sprite.gif);
line-height: 20px;
}
#fbDock_container2 #FBDock_online {
padding: 0;
}
#online_pop {
margin-right: 27px;
right: 0;
}
#online_pop .thead, #FbDock_notifications_pop .thead {
font-weight: bold;
line-height: 25px;
}
#FBDock_online {
width: 200px;
border: 1px solid #000000;
border-top-style: none;
border-bottom-style: none;
display: inline;
}
#FbDock_notifications_pop {
right: 0;
margin-right: -1px;
}
.FbDock_pop {
bottom: 25px;
position: absolute;
z-index:: 1000;
background-color: #FFFFFF;
width: 200px;
border: 1px solid #000000;
border-bottom-style: none;
}
.FBDock_button {
display: block;
width: 100%;
}
#fbDockTooltip {
z-index: 2000;
position: absolute;
padding: 5px;
border: 1px solid #000000;
}
#friendsPop {
margin: 0px;
padding: 0px;
background-color: #000000;
z-index: 100;
position: absolute;
left: 0;
top: 0;
opacity: 0.8;
filter: alpha(opacity=80);
}
#friends_error {
margin: 0px;
padding: 10px 5px;
width: 200px;
border: thin solid #000000;
position: absolute;
z-index: 101;
color: red;
font-weight: bold;
background-color: #CCCCCC;
}
#fbdock_block_online .fbdock_online, #fbdock_block_notifications .fbdock_notifications {
padding: 0px;
margin: 0;
line-height: 20px;
width: 100%;
float: left;
}
.fbdock_online div {
line-height: 20px;
font-weight: bold;
}
.smallertext {
font-size: 9px;
}
#online_pop #fbdock_block_online {
list-style-type: none;
margin: 0;
padding: 0;
}
#fbdock_block_online li, #fbdock_block_notifications li {
border-right-style: none;
}
.fbDock_border_bottom {
border-bottom: solid 1px #000000;
}
#FbDock_notifications_pop #fbdock_block_notifications li {
line-height: 12px;
padding: 4px 0px;
}
#fbdock_block_notifications {
list-style-type: none;
padding: 0;
margin: 0;
}
I got it , i just chaged the "width: 90%;" to "width: 91%;"
#fbDock_container2 {
position: relative;
margin: auto;
width: 91%;
height: 25px;
min-height: 25px;
border: 1px solid #000000;
border-bottom: none;
Thank You
Posts: 605
Threads: 119
Joined: Mar 2010
2010-03-24, 01:13 AM
Yea i got it m8 thanks for your help.