W czym się mylę przy instalacji paska bocznego fb?

Błąd   Założony przez  kubaszekr38.

wersja skryptu MyBB: Zawsze najnowsza
adres forum: www.cs-wujkowo.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):

Nie wiem co zrobiłem źle przy instalacja tego paska bocznego facebook: https://webboard.pl/wiki.php?facebook-slider.html

wyskakuje mi coś takiego:

[Obrazek: m0dxf97uka0g.jpg]

dam do spr. pliki:

global.css (dodawałem to w trybie zaawansowanym):

body {
    
background#D3D6DE;

    
color#000;
        
font13px arial,verdana,tahoma,sans-serif;

    
text-aligncenter/* IE 5 fix */

        
margin0;
}
strong {
font-weightbold;
}

.
thead strong {
font-size13px;
}

a:link {
    
color#026CB1;

    
text-decorationnone;
}

a:visited {
    
color#026CB1;

    
text-decorationnone;
}

a:hovera:active {
    
color#328586;

    
text-decorationunderline;
}

#container {
    
background#fff;

    
width87%;

    
color#000000;

    
border1px solid #e4e4e4;

    
marginauto auto;

    
padding20px;

    
text-alignleft;

box-shadow0 0 10px #787878;
}

#content {
    /* FIX: Make internet explorer wrap correctly */

    
widthauto !important;
}

.
menu {
    
backgroundurl(images/navigation.pngrepeat-x scroll center bottom #323232;
    
color#FFFFFF;
    
text-alignleft;
    
padding-top8px;
    
height23px;
}

.
menu a:link {
    
padding8px;
    
    
text-decorationnone;
}

.
menu a:visited {
    
color#FFFFFF;
    
padding8px;
    
    
text-decorationnone;
}

.
menu a:hover {
    
background#204066;
    
color#FFFFFF;
    
padding8px;
    
    
text-decorationnone;
}

#panel {
        
height20px;

    
font-size11px;

    
padding8px;

backgroundurl(images/user_navigation.pngrepeat-x scroll 0 0 #0F3854;

color#ffffff;
}

#panel .remember_me input {
    
vertical-alignmiddle;

    
margin-top: -1px;
}

#panel li {
list-style-typenone;
}

#panel ul {
margin0;
padding0;
}

#panel .active_menu {
    
background-color#ffffff;
    
color#000000;
    
border-radius3px 3px 0 0;
    
padding-top10px;
        
padding-bottom13px;
    
font-size13px;
}

table {
    
color#000000;

    
font-familyArial,Verdana,Tahoma,"Trebuchet MS",Sans-Serif,Georgia,Courier,"Times New Roman",Serif;

    
font-size12px;
}

.
tborder {
    
width100%;

    
marginauto auto;
}

.
thead {
    
backgroundurl(images/ipb/thead.pngrepeat-x scroll center top #2C5687;

    
color:#fff;    

        
padding10px 10px 11px;

        
font-size15px;

        
font-weightbold;    

-
moz-border-radius:4px 4px 0 0;

-
webkit-border-top-left-radius:4px;

-
webkit-border-top-right-radius:4px;

border-radius:4px 4px 0 0;

-
webkit-box-shadow:inset 0px 1px 0 #528cbc;

-moz-box-shadow:inset 0px 1px 0 #528cbc;

box-shadow:inset 0px 1px 0 #528cbc;

border-width:1px 1px 0 1px;

border-color:#316897;

border-style:solid;
}

.
thead a:link {
    
color#ffffff;
    
text-decorationnone;
}

.
thead a:visited {
    
color#ffffff;
    
text-decorationnone;
    
font-weightbold;
    
font-size15px;
}

.
thead a:hover, .thead a:active {
    
color#ffffff;

    
text-decorationunderline;
}

.
tcat {
    
background#DBE2EC;

    
color#204066;

    
font-size12px;

padding-bottom10px;

padding-top10px;
}

.
tcat a:link {
    
color#000000;
}

.
tcat a:visited {
    
color#000000;
}

.
tcat a:hover, .tcat a:active {
    
color#000000;
}

.
trow1 {
    
background#F7FBFC;
padding-top10px;
padding-bottom10px;
}

.
trow1 {
    
background#F7FBFC;
padding-top10px;
padding-bottom10px;
border-top1px solid #F3F3F3;
}

.
trow_shaded {
    
background#ffdde0;
}

.
trow_selected td {
    
background#FFFBD9;
}

.
trow_sep {
    
background#e5e5e5;

    
color#000;

    
font-size12px;

    
font-weightbold;
}

.
tfoot {
    
backgroundnone repeat scroll 0 0 #EBF0F3;
        
padding-top10px;
        
padding-bottom10px;
}

.
tfoot a:link {
    
color#000000;

    
text-decorationnone;
}

.
tfoot a:visited {
    
color#000000;

    
text-decorationnone;
}

.
tfoot a:hover, .tfoot a:active {
    
color#ffffff;

    
text-decorationunderline;
}

.
bottommenu {
    
backgroundurl(images/ipb/thead.pngrepeat-x scroll left 50#1D3652;

    
color#ffffff;

    
border-radius6px 6px 6px 6px;
        
font-size10px;

    
padding10px;
}

.
bottommenu a:link, .bottommenu a:visited {
    
color#ffffff;
}

.
navigation {
    
color#000000;

    
font-size13px;

    
font-weightbold;
}

.
navigation a:link {
    
text-decorationnone;
}

.
navigation a:visited {
    
text-decorationnone;
}

.
navigation a:hover, .navigation a:active {
    
text-decorationnone;
}

.
navigation .active {
    
color#878787;

    
font-size13px;

    
font-weightbold;
}

.
smalltext {
    
font-size11px;
}

.
largetext {
    
font-size16px;

    
font-weightbold;
}

input.textbox {
    
background#ffffff;

    
color#000000;

    
border1px solid #0f5c8e;

    
padding1px;
}

textarea {
    
background#ffffff;

    
color#000000;

    
border1px solid #0f5c8e;

    
padding2px;

    
font-familyVerdanaArialSans-Serif;

    
line-height1.4;

    
font-size13px;
}

select {
    
background#ffffff;

    
border1px solid #0f5c8e;
}

.
editor {
    
background#f1f1f1;

    
border1px solid #ccc;
}

.
editor_control_bar {
    
background#fff;

    
border1px solid #0f5c8e;
}

.
autocomplete {
    
background#fff;

    
border1px solid #000;

    
colorblack;
}

.
autocomplete_selected {
    
background#adcee7;

    
color#000;
}

.
popup_menu {
    
background#ccc;

    
border1px solid #000;
}

.
popup_menu .popup_item {
    
background#fff;

    
color#000;
}

.
popup_menu .popup_item:hover {
    
background#C7DBEE;

    
color#000;
}

.
trow_reputation_positive {
    
background#ccffcc;
}

.
trow_reputation_negative {
    
background#ffcccc;
}

.
reputation_positive {
    
colorgreen;
}

.
reputation_neutral {
    
color#444;
}

.
reputation_negative {
    
colorred;
}

.
invalid_field {
    
border1px solid #f30;

    
color#f30;
}

.
valid_field {
    
border1px solid #0c0;
}

.
validation_error {
    
backgroundurl(images/invalid.gifno-repeat center left;

    
color#f30;

    
margin5px 0;

    
padding5px;

    
font-weightbold;

    
font-size11px;

    
padding-left22px;
}

.
validation_success {
    
backgroundurl(images/valid.gifno-repeat center left;

    
color#00b200;

    
margin5px 0;

    
padding5px;

    
font-weightbold;

    
font-size11px;

    
padding-left22px;
}

.
validation_loading {
    
backgroundurl(images/spinner.gifno-repeat center left;

    
color#555;

    
margin5px 0;

    
padding5px;

    
font-weightbold;

    
font-size11px;

    
padding-left22px;
}

/* Additional CSS (Master) */
img {
    
bordernone;
}

.
clear {
    
clearboth;
}

.
hidden {
    
displaynone;

    
floatnone;

    
width1%;
}

.
hiddenrow {
    
displaynone;
}

.
selectall {
    
background-color#FFFBD9;

    
font-weightbold;

    
text-aligncenter;
}

.
float_left {
    
floatleft;
}

.
float_right {
    
floatright;
}

.
menu ul {
    list-
stylenone;

    
margin0;
}

.
menu li {
    
displayinline;

    
padding-left5px;
}

.
menu img {
    
padding-right5px;

    
vertical-aligntop;
}

#panel .links {
    
margin0;

    
floatright;
}

.
expcolimage {
    
floatright;

    
widthauto;

    
vertical-alignmiddle;

    
margin-top3px;
}

img.attachment {
    
border1px solid #E9E5D7;

    
padding2px;
}

hr {
    
background-color#000000;

    
color#000000;

    
height1px;

    
border0px;
}

#copyright {
    
font11px VerdanaArialSans-Serif;

    
margin0;

    
padding10px 0 0 0;
}

#debug {
    
margin-top0;
}

blockquote {
    
border1px solid #ccc;

    
margin0;

    
background#fff;

    
padding4px;
}

blockquote cite {
    
font-weightbold;

    
border-bottom1px solid #ccc;

    
font-stylenormal;

    
displayblock;

    
margin4px 0;
}

blockquote cite span {
    
floatright;

    
font-weightnormal;
}

blockquote cite span.highlight {
    
floatnone;

    
font-weightbold;

    
padding-bottom0;
}

.
codeblock {
    
background#fff;

    
border1px solid #ccc;

    
padding4px;
}

.
codeblock .title {
    
border-bottom1px solid #ccc;

    
font-weightbold;

    
margin4px 0;
}

.
codeblock code {
    
overflowauto;

    
heightauto;

    
max-height200px;

    
displayblock;

    
font-familyMonacoConsolasCouriermonospace;

    
font-size13px;
}

.
subforumicon {
    
border0;

    
vertical-alignmiddle;
}

.
separator {
    
margin5px;

    
padding0;

    
height0px;

    
font-size1px;

    list-
style-typenone;
}

form {
    
margin0;

    
padding0;
}

.
popup_menu .popup_item_container {
    
margin1px;

    
text-alignleft;
}

.
popup_menu .popup_item {
    
displayblock;

    
padding3px;

    
text-decorationnone;

    
white-spacenowrap;
}

.
popup_menu a.popup_item:hover {
    
text-decorationnone;
}

.
autocomplete {
    
text-alignleft;
}

.
subject_new {
    
font-weightbold;
}

.
highlight {
    
background#FFFFCC;

    
padding-top3px;

    
padding-bottom3px;
}

.
pm_alert {
    
background#FFF6BF;

    
border1px solid #FFD324;

    
text-aligncenter;

    
padding5px 20px;

    
margin-bottom15px;

    
font-size11px;
}

.
red_alert {
    
background#FBE3E4;

    
border1px solid #A5161A;

    
color#A5161A;

    
text-aligncenter;

    
padding5px 20px;

    
margin-bottom15px;

    
font-size11px;
}

.
high_warning {
    
color#CC0000;
}

.
moderate_warning {
    
color#F3611B;
}

.
low_warning {
    
color#AE5700;
}

div.error {
    
padding5px 10px;

    
border-top2px solid #FFD324;

    
border-bottom2px solid #FFD324;

    
background#FFF6BF;

    
font-size12px;
}

div.error p {
    
margin0;

    
color#000;

    
font-weightnormal;
}

div.error p em {
    
font-stylenormal;

    
font-weightbold;

    
padding-left24px;

    
displayblock;

    
color#C00;

    
backgroundurl(images/error.gifno-repeat 0;
}

div.error.ul {
    
margin-left24px;
}

.
online {
    
color#15A018;
}

.
offline {
    
color#C7C7C7;
}

.
pagination {
    
font-size11px;

    
padding-top10px;

    
margin-bottom5px;
}

.
tfoot .pagination, .tcat .pagination {
    
padding-top0;
}

.
pagination .pages {
    
font-weightbold;
}

.
pagination .pagination_current, .pagination a {
    
padding2px 6px;

    
margin-bottom3px;
}

.
pagination a {
    
border1px solid #81A2C4;
}

.
pagination .pagination_current {
    
background#F5F5F5;

    
border1px solid #81A2C4;

    
font-weightbold;

    
color#000;
}

.
pagination a:hover {
    
background#F5F5F5;

    
text-decorationnone;
}

.
thread_legend, .thread_legend dd {
    
margin0;

    
padding0;
}

.
thread_legend dd {
    
padding-bottom4px;

    
margin-right15px;
}

.
thread_legend img {
    
margin-right4px;

    
vertical-alignbottom;
}

.
forum_legend, .forum_legend dt, .forum_legend dd {
    
margin0;

    
padding0;
}

.
forum_legend dd {
    
floatleft;

    
margin-right10px;
}

.
forum_legend dt {
    
margin-right10px;

    
floatleft;
}

.
success_message {
    
color#00b200;

    
font-weightbold;

    
font-size10px;

    
margin-bottom10px;
}

.
error_message {
    
color#C00;

    
font-weightbold;

    
font-size10px;

    
margin-bottom10px;
}

.
post_body {
    
padding5px;
}

.
post_content {
    
padding5px 10px;
}

.
quick_jump {
    
backgroundurl(images/jump.gifno-repeat 0;

    
width13px;

    
height13px;

    
padding-left13px/* amount of padding needed for image to fully show */

    
vertical-alignmiddle;

    
bordernone;
}

.
repbox {
    
font-size:16px;

    
font-weightbold;

    
padding:5px 7px 5px 7px;
}

.
_neutral {
    
background-color:#FAFAFA;

    
color#999999;

    
border:1px solid #CCCCCC;
}

.
_minus {
    
background-color#FDD2D1;

    
color#CB0200;

    
border:1px solid #980201;
}

.
_plus {
    
background-color:#E8FCDC;

    
color#008800;

    
border:1px solid #008800;
}

.
pagination_breadcrumb {
    
background-color#f5f5f5;

    
border1px solid #fff;

    
outline1px solid #ccc;

    
padding5px;

    
margin-top5px;

    
font-weightnormal;

    
white-spacenowrap;
}

.
pagination_breadcrumb_link {
    
vertical-alignmiddle;

    
cursorpointer;
}

#search {
    
color#556b85;
    
font-size0.85em;
    
margin20px 20px auto auto;    
    
positionrelative;
    
right0px;
    
floatright;
displayblock;
}

#search .submit_input {
    
backgroundurl(images/ipb/search_icon.pngno-repeat;
    
text-indent: -3000em;
        
width26px;
        
height26px;
        
border0;
    
padding0;
    
floatleft;
-
webkit-box-shadow:0px 2px 4px rgba(0,0,0,0.2);
-
moz-box-shadow:0px 2px 4px rgba(0,0,0,0.2);
box-shadow:0px 2px 4px rgba(0,0,0,0.2);
}

#search input#main_search {
    
padding-top3px;
        
padding-left3px;
    
border0;
    
width230px;
    
background-color#fff;
color#ACA899;
}

#search_wrap {
background#fff;
floatleft;
height24px;
width233px;
padding1px 5px 0 0;
border0;
-
moz-border-radius:3px 4px 4px 3px;
-
webkit-border-top-left-radius:3px;
-
webkit-border-top-right-radius:4px;
-
webkit-border-bottom-right-radius:4px;
-
webkit-border-bottom-left-radius:3px;
border-radius:3px 0px 0px 3px;
-
webkit-box-shadow:0px 2px 4px rgba(0,0,0,0.2);
-
moz-box-shadow:0px 2px 4px rgba(0,0,0,0.2);
box-shadow:0px 2px 4px rgba(0,0,0,0.2);
}

#adv_search {
    
width25px;
    
height20px;
    
margin3px;
    
backgroundurl(images/ipb/advanced_search.pngno-repeat 50%;
    
text-indent: -3000em;
    
floatleft;
    
displayinline-block;
    -
webkit-transitionall 0.5s ease-in-out;
    -
moz-transitionall 0.5s ease-in-out;
    -
o-transitionall 0.5s ease-in-out;
}

#adv_search:hover {
    
background-color#2b4f74;
}

input.button {
height:22px;
line-height:22px;
font-size:12px;
padding:0 10px;
background:#f6f6f6;
background: -moz-linear-gradient(top#f6f6f6 0%, #e5e5e5 100%);
background: -webkit-gradient(linearleft topleft bottomcolor-stop(0%,#f6f6f6), color-stop(100%,#e5e5e5));
border:1px solid #dbdbdb;
-moz-box-shadow:0px 1px 0px rgba(255,255,255,1inset0px 1px 0px rgba(0,0,0,0.3);
-
webkit-box-shadow:0px 1px 0px rgba(255,255,255,1inset0px 1px 0px rgba(0,0,0,0.3);
box-shadow:0px 1px 0px rgba(255,255,255,1inset0px 1px 0px rgba(0,0,0,0.3);
-
moz-border-radius:3px;
-
webkit-border-radius:3px;
border-radius:3px;
color:#1D3652;
display:inline-block;
padding-bottom2px;
white-space:nowrap;
-
webkit-transition:all 0.2s ease-in-out;
-
moz-transition:all 0.2s ease-in-out;
cursorpointer;
}

input.button:hover {
color:#3D70A3;
border-color:#9a9a9a;
}

.
button {
height:22px;
line-height:22px;
font-size:12px;
padding:0 10px;
background:#f6f6f6;
background: -moz-linear-gradient(top#f6f6f6 0%, #e5e5e5 100%);
background: -webkit-gradient(linearleft topleft bottomcolor-stop(0%,#f6f6f6), color-stop(100%,#e5e5e5));
border:1px solid #dbdbdb;
-moz-box-shadow:0px 1px 0px rgba(255,255,255,1inset0px 1px 0px rgba(0,0,0,0.3);
-
webkit-box-shadow:0px 1px 0px rgba(255,255,255,1inset0px 1px 0px rgba(0,0,0,0.3);
box-shadow:0px 1px 0px rgba(255,255,255,1inset0px 1px 0px rgba(0,0,0,0.3);
-
moz-border-radius:3px;
-
webkit-border-radius:3px;
border-radius:3px;
color:#1D3652;
display:inline-block;
padding-bottom2px;
white-space:nowrap;
-
webkit-transition:all 0.2s ease-in-out;
-
moz-transition:all 0.2s ease-in-out;
cursorpointer;
}

.
button:hover {
color:#3D70A3;
border-color:#9a9a9a;
}

#register_link {
    
backgroundnone repeat scroll 0 0 #7BA60D;
    
border1px solid #7BA60D;
    
box-shadow0 1px 0 rgba(2552552550.2inset0 1px 4px rgba(0000.4);
    
color#FFFFFF;
    
displayinline-block;
    
padding3px 8px;
    
text-shadow0 1px 2px rgba(0000.3);
}

.
bakgrand {
background#000000;
border-radius6px 6px 6px 6px
padding4px;
font-size9px;
}

.
forumsborder {
background-color#EBF0F3;
padding10px 5px 8px;
margin-bottom20px;
}

#ipb_stats ul {
    
text-aligncenter;
}

#ipb_stats li {
    
displayinline;
    
font-size12px;
    
background#E2E2E2;
    
color#4A4A4A;
    
padding2px 6px;
    
font-weightbold;
    -
moz-border-radius2px;
    -
webkit-border-radius2px;
    
border-radius2px;
    
margin-right3px;
}

#ipb_stats_online {
    
margin20px 0 0 0;
    
padding10px 0;
    
border-top3px solid #D8D8D8;
    
font-size12px;
    
color#777;
}

.
ipb_stats_onlineNav {
    
font-size14px;
    
font-weightbold;
}

.
ipb_stats_onlineLinks li {
    
floatright;
    
font-size12px;
    
displayinline;
    
margin5px;
}

#footer {
padding10px;
}

.
footer_links a {
font-size11px;
padding4px 10px;
floatleft;
margin0 3px;
}

.
footer,
.
footer a {
font-size11px;
text-shadow0px 1px 0px white;
floatright;
color#848484;
}
#menu_user_menu_popup
{
margin-top: -9px;
border-radius0 0 5px 5px;
background#ffffff;
min-width340px;
padding10px;
box-shadow0 12px 25px rgba(0000.58);
}
.
panelImage {
height49px;
width49px;
vertical-alignmiddle;
border1px solid #D5D5D5;
positionrelative;
floatleft;
}
.
ver_sub {
margin0;
padding0;
list-
stylenone;
}
.
ver_sub li {
width100%;
floatleft;
}    
.
tablehead padding5px 10pxbackground#026CB1 url(images/thead_bg.gif) repeat-x; border: solid 1px #026CB1; border-radius: 5px 5px 0 0; font: 16px Arial, sans-serif; color: #FFF; }
.tablehead .right floatrightmargin0padding-top1pxfont-size:  13px; }
.
tablehead a color#FFF !important; text-decoration: none; }

#shoutbox_data { font: 13px Arial, sans-serif; }
#shoutbox { margin-bottom: 5px; }
#shoutbox .panel { padding: 2px; }
#shoutbox .panel-blocked { margin: 1px 0; padding: 5px; background: #FCEFEF; font-size: 11px; color: #543A3A; }
#shoutbox .panel-away { margin: 1px 0; padding: 5px;  background: #EDEDED; font-size: 11px; color: #7A7A7A; }
#shoutbox .panel-away button { margin-right: 5px; padding: 5px; font-family: Tahoma, sans-serif; color: #FFF; font-size: 11px; font-weight: bold; text-align: center; text-shadow: 0 -1px 0 #297318; border-radius: 5px; background: #962725; border: none; border-radius: 3px; }
#shoutbox .trow1 { background-color: #FFF; }
#shoutbox .panel-minposts { margin: 1px 0; padding: 5px; background: #FFFED8; font-size: 11px; color: #727250; }
img#dvz_sb_loading { position: relative; top: 3px; left: 5px; }
input#shout_text { margin-right: 2px; padding: 5px 6px 6px 6px; width: 90%; background: #FFF; border: 1px solid #898989; border-radius: 2px; font-family: Tahoma, sans-serif; font-size: 12px; color: #000; }
input#shout_button { padding: 5px; font-family: Tahoma, sans-serif; color: #FFF; font-size: 11px; font-weight: bold; text-align: center; text-shadow: 0 -1px 0 #297318; border-radius: 5px; background: #499338; border: solid 1px #499338; border-radius: 3px; }
#shoutbox .trow1 { background-color: #FFF; }
#shoutbox .trow2 { background-color: #FAFAFA; }
.sbentry padding0; }
#shoutbox .userdata { margin: 0; padding: 6px; float: left;  text-align: right; }
#shoutbox .text { margin: 0; padding: 6px; color: #333333; }
#shoutbox .insUser { cursor: pointer; color: #AAAAAA; }
#shoutbox .info { float: right; margin-top: 5px; margin-right: 5px; font-size: 11px; color: #888888; }
#shoutbox .info .date { margin-right: 5px; }
#shoutbox .info .ip { margin-right: 5px; color: #CECECE; }
#shoutbox .mod { padding: 2px 5px; background: #333333; border-radius: 3px; font-size: 10px; font-weight: bold; color: #FFF; text-decoration: none; }
#shoutbox .dvz_sb_del { background-color: #6B0100; }
#shoutbox img.avatar { float: left; display: inline-block; margin-top: -1px; margin-right: 5px; max-height: 16px; max-width: 16px; border: solid 1px #FFF; box-shadow: 0 0 2px #E0E0E0; 
}    
* {    
margin:0;
    
padding:0;
    }
#facebook_slider
{
    
background#3B5997;
    
padding10px;
    
width232px;
    
height:420px;  
    
positionfixed;
    
margin-top: -100px;
    
left0px;
    
top25%;
}
 
.
fb_slider_slide_button
{
    
backgroundurl(przycisk.gif);
    
displayblock;
    
height112px;
    
text-indent: -9999px;
    
width27px;
 
    
positionabsolute;
    
right: -27px;
    
top0px;
}
 
.
fb_slider_close
{
    
background-position: -20px 0px;


headerinclude :

<html>
<
head>
<
title>{$mybb->settings['bbname']}</title>
{
$headerinclude}{$stylesheets}<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<
script type="text/javascript">
jQuery.noConflict();
</
script>
<
script type="text/javascript">
jQuery(function(){

    
jQuery("#facebook_slider").css("left","-252px");

jQuery("#facebook_slider").hover(function(){

        
jQuery("#facebook_slider").stop().animate({left"0px"}, 500 );
        
jQuery(this).addClass("fb_slider_close"); 
        return 
false;
    },
    function(){    
        
jQuery("#facebook_slider").stop().animate({left"-252px"}, 500 );
        
jQuery(this).removeClass("fb_slider_close"); 
        return 
false;
    });

});
    </
script>
<
script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<
script type="text/javascript">
<!--
    
lang.no_new_posts "{$lang->no_new_posts}";
    
lang.click_mark_read "{$lang->click_mark_read}";
// -->
</script>
</
head>
<
body>
{
$header}{$dvz_shoutbox}
{
$forums}
{
$boardstats}
<
br style="clear: both" />
{
$footer}
</
body>
</
html

oraz index :

<script src="http://code.jquery.com/jquery-1.5.2.min.js" type="text/javascript"></script>
<
script src="http://banid.pl/banid-widget.js" type="text/javascript"></script>
<
link href="http://banid.pl/banid-widget.css" rel="stylesheet" type="text/css" />
<
script type="text/javascript">
    
banidwidget.init({
        
side'left',
        
action'hover',
        
border'white'
    
});
</
script>
<
html>
<
head>
<
title>{$mybb->settings['bbname']}</title>
{
$headerinclude}
<
script type="text/javascript">
<!--
    
lang.no_new_posts "{$lang->no_new_posts}";
    
lang.click_mark_read "{$lang->click_mark_read}";
// -->
</script>
</
head>
<
body>
{
$header}<div id="facebook_slider">

<
iframe scrolling="no" frameborder="0" src="http://www.facebook.com/connect/connect.php?id=127702277393842&connections=10&stream=0&css=http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php/pl_PL" allowtransparency="true" style="border: none; width: 230px; height: 400px;"></iframe>

    <
a href="#" class="fb_slider_slide_button" >FB</a>

</
div>
<
iframe src="http://cs-wujkowo.pl/status.php" width="100%" height="170" frameborder="0" scrolling="no"/></iframe>
<
table border="0" width="100%" cellspacing="0" cellpadding="0" align="center">
{
$dvz_shoutbox}
<
td class="thead" colspan="2">
<
center>Partnerzy/Sponsorzy</center>
</
td>
<
tr>
<
td class="tcat"><center><b><font color="#000000">Nasi partnerzy oraz sponsorzy</font></b></center></td>
<
td class="tcat"><center><b><font color="#000000">Informacje</font></b></center></td>
</
tr>
<
tr>
<
td class="tcat">&nbsp&nbsp<a href="http://www.hekko.pl/?ref=34111" title="Tanie domeny"><img src="http://www.ad.hekko.pl/9_tani_hosting_www.jpg" /></a></td>
<
td class="tcat"><center><font size="2"><b>Hekko.pl</b> - Sponsor domeny oraz hostingu forum</font></center></td>
</
tr>
<
tr>
<
td class="tcat">&nbsp&nbsp<a href="http://gameserv.pl" target="_blank"><img src="http://gameserv.pl/reklama/bannery/06.jpg" border="0"></a></td>
<
td class="tcat"><center><font size="2"><b>GameServ.pl</b> - Sponsor serwera 4FUN i COD</font></center>
</
tr>
<
tr>
<
td class="tcat"><a href="http://fpsmax.pl/"><img src="http://imageshack.us/a/img201/1825/logoaap.png" alt="FPSMax.pl" /></a></td>
<
td class="tcat"><center><font size="2"><b>FPSMax.pl</b> - Sponsor serwera DM</font></center></td>
</
tr>
<
tr>
<
td class="tcat">&nbsp&nbsp<a href="http://www.idel.pl/?ref=34111" title=""><img src="http://idel.pl/tmp/logo.png" /></a></td>
<
td class="tcat"><center><font size="2"><b>iDel.pl</b> - Sponsor hostingu dodatków do serwera</font></center></td>
</
tr>
</
td>
</
table>
<
class="sbp_buton" style="float: right;" title="{$lang->sbplus_sidebarkapat}"></a>
<
class="sbp_tbuton" style="float: right;" title="{$lang->sbplus_sidebarac}"></a>
<
div class="sbp_sbar" style="float: right;width: 25%;">
    {
$sb_welcome}{$sb_search}{$sb_latestthreads}{$sb_additional}{$sb_whosonline}{$sb_stats}
</
div>
<
div class="sbp_forum" style="float: left;width: 74%;">
{
$forums}<dl class="forum_legend smalltext">
    <
dt><img src="{$theme['imgdir']}/on.gif" alt="{$lang->new_posts}title="{$lang->new_posts}style="vertical-align: middle; padding-bottom: 4px;" /></dt>
    <
dd>{$lang->new_posts}</dd>

    <
dt><img src="{$theme['imgdir']}/off.gif" alt="{$lang->no_new_posts}title="{$lang->no_new_posts}style="vertical-align: middle; padding-bottom: 4px;" /></dt>
    <
dd>{$lang->no_new_posts}</dd>

    <
dt><img src="{$theme['imgdir']}/offlock.gif" alt="{$lang->forum_locked}title="{$lang->forum_locked}style="vertical-align: middle;" /></dt>
    <
dd>{$lang->forum_locked}</dd>
</
div>
</
dl>
<
br style="clear: both" />
{
$footer}
</
body>
</
html

nawet próbowałem usunąć pasek boczny BanID, (co jest na tym screenshocie, który podałem na początku) ale nic nie pomogło :/

Proszę o pomoc!
Skorzystaj z tego poradnik,jest o wiele wiele lepszy od tego co podałeś i co najważniejsze-działa :)

http://to.proste.info.pl/index.php/Jak_z...ox_na_MyBB
Nvm chyba coś źle robię mam tak samo prawie co wcześniej:

[Obrazek: 6tyuwr8lun0m.jpg]

daje pliki jak cos prosze o spr., aha i na screenie widać, że ta "ikonka" facebook jest w połowie paska BanID i jak coś od razu napiszcie czy da się oddalić jedno od drugiego.

global.css:

body {
    
background#D3D6DE;

    
color#000;
        
font13px arial,verdana,tahoma,sans-serif;

    
text-aligncenter/* IE 5 fix */

        
margin0;
}
strong {
font-weightbold;
}

.
thead strong {
font-size13px;
}

a:link {
    
color#026CB1;

    
text-decorationnone;
}

a:visited {
    
color#026CB1;

    
text-decorationnone;
}

a:hovera:active {
    
color#328586;

    
text-decorationunderline;
}

#container {
    
background#fff;

    
width87%;

    
color#000000;

    
border1px solid #e4e4e4;

    
marginauto auto;

    
padding20px;

    
text-alignleft;

box-shadow0 0 10px #787878;
}

#content {
    /* FIX: Make internet explorer wrap correctly */

    
widthauto !important;
}

.
menu {
    
backgroundurl(images/navigation.pngrepeat-x scroll center bottom #323232;
    
color#FFFFFF;
    
text-alignleft;
    
padding-top8px;
    
height23px;
}

.
menu a:link {
    
padding8px;
    
    
text-decorationnone;
}

.
menu a:visited {
    
color#FFFFFF;
    
padding8px;
    
    
text-decorationnone;
}

.
menu a:hover {
    
background#204066;
    
color#FFFFFF;
    
padding8px;
    
    
text-decorationnone;
}

#panel {
        
height20px;

    
font-size11px;

    
padding8px;

backgroundurl(images/user_navigation.pngrepeat-x scroll 0 0 #0F3854;

color#ffffff;
}

#panel .remember_me input {
    
vertical-alignmiddle;

    
margin-top: -1px;
}

#panel li {
list-style-typenone;
}

#panel ul {
margin0;
padding0;
}

#panel .active_menu {
    
background-color#ffffff;
    
color#000000;
    
border-radius3px 3px 0 0;
    
padding-top10px;
        
padding-bottom13px;
    
font-size13px;
}

table {
    
color#000000;

    
font-familyArial,Verdana,Tahoma,"Trebuchet MS",Sans-Serif,Georgia,Courier,"Times New Roman",Serif;

    
font-size12px;
}

.
tborder {
    
width100%;

    
marginauto auto;
}

.
thead {
    
backgroundurl(images/ipb/thead.pngrepeat-x scroll center top #2C5687;

    
color:#fff;    

        
padding10px 10px 11px;

        
font-size15px;

        
font-weightbold;    

-
moz-border-radius:4px 4px 0 0;

-
webkit-border-top-left-radius:4px;

-
webkit-border-top-right-radius:4px;

border-radius:4px 4px 0 0;

-
webkit-box-shadow:inset 0px 1px 0 #528cbc;

-moz-box-shadow:inset 0px 1px 0 #528cbc;

box-shadow:inset 0px 1px 0 #528cbc;

border-width:1px 1px 0 1px;

border-color:#316897;

border-style:solid;
}

.
thead a:link {
    
color#ffffff;
    
text-decorationnone;
}

.
thead a:visited {
    
color#ffffff;
    
text-decorationnone;
    
font-weightbold;
    
font-size15px;
}

.
thead a:hover, .thead a:active {
    
color#ffffff;

    
text-decorationunderline;
}

.
tcat {
    
background#DBE2EC;

    
color#204066;

    
font-size12px;

padding-bottom10px;

padding-top10px;
}

.
tcat a:link {
    
color#000000;
}

.
tcat a:visited {
    
color#000000;
}

.
tcat a:hover, .tcat a:active {
    
color#000000;
}

.
trow1 {
    
background#F7FBFC;
padding-top10px;
padding-bottom10px;
}

.
trow1 {
    
background#F7FBFC;
padding-top10px;
padding-bottom10px;
border-top1px solid #F3F3F3;
}

.
trow_shaded {
    
background#ffdde0;
}

.
trow_selected td {
    
background#FFFBD9;
}

.
trow_sep {
    
background#e5e5e5;

    
color#000;

    
font-size12px;

    
font-weightbold;
}

.
tfoot {
    
backgroundnone repeat scroll 0 0 #EBF0F3;
        
padding-top10px;
        
padding-bottom10px;
}

.
tfoot a:link {
    
color#000000;

    
text-decorationnone;
}

.
tfoot a:visited {
    
color#000000;

    
text-decorationnone;
}

.
tfoot a:hover, .tfoot a:active {
    
color#ffffff;

    
text-decorationunderline;
}

.
bottommenu {
    
backgroundurl(images/ipb/thead.pngrepeat-x scroll left 50#1D3652;

    
color#ffffff;

    
border-radius6px 6px 6px 6px;
        
font-size10px;

    
padding10px;
}

.
bottommenu a:link, .bottommenu a:visited {
    
color#ffffff;
}

.
navigation {
    
color#000000;

    
font-size13px;

    
font-weightbold;
}

.
navigation a:link {
    
text-decorationnone;
}

.
navigation a:visited {
    
text-decorationnone;
}

.
navigation a:hover, .navigation a:active {
    
text-decorationnone;
}

.
navigation .active {
    
color#878787;

    
font-size13px;

    
font-weightbold;
}

.
smalltext {
    
font-size11px;
}

.
largetext {
    
font-size16px;

    
font-weightbold;
}

input.textbox {
    
background#ffffff;

    
color#000000;

    
border1px solid #0f5c8e;

    
padding1px;
}

textarea {
    
background#ffffff;

    
color#000000;

    
border1px solid #0f5c8e;

    
padding2px;

    
font-familyVerdanaArialSans-Serif;

    
line-height1.4;

    
font-size13px;
}

select {
    
background#ffffff;

    
border1px solid #0f5c8e;
}

.
editor {
    
background#f1f1f1;

    
border1px solid #ccc;
}

.
editor_control_bar {
    
background#fff;

    
border1px solid #0f5c8e;
}

.
autocomplete {
    
background#fff;

    
border1px solid #000;

    
colorblack;
}

.
autocomplete_selected {
    
background#adcee7;

    
color#000;
}

.
popup_menu {
    
background#ccc;

    
border1px solid #000;
}

.
popup_menu .popup_item {
    
background#fff;

    
color#000;
}

.
popup_menu .popup_item:hover {
    
background#C7DBEE;

    
color#000;
}

.
trow_reputation_positive {
    
background#ccffcc;
}

.
trow_reputation_negative {
    
background#ffcccc;
}

.
reputation_positive {
    
colorgreen;
}

.
reputation_neutral {
    
color#444;
}

.
reputation_negative {
    
colorred;
}

.
invalid_field {
    
border1px solid #f30;

    
color#f30;
}

.
valid_field {
    
border1px solid #0c0;
}

.
validation_error {
    
backgroundurl(images/invalid.gifno-repeat center left;

    
color#f30;

    
margin5px 0;

    
padding5px;

    
font-weightbold;

    
font-size11px;

    
padding-left22px;
}

.
validation_success {
    
backgroundurl(images/valid.gifno-repeat center left;

    
color#00b200;

    
margin5px 0;

    
padding5px;

    
font-weightbold;

    
font-size11px;

    
padding-left22px;
}

.
validation_loading {
    
backgroundurl(images/spinner.gifno-repeat center left;

    
color#555;

    
margin5px 0;

    
padding5px;

    
font-weightbold;

    
font-size11px;

    
padding-left22px;
}

/* Additional CSS (Master) */
img {
    
bordernone;
}

.
clear {
    
clearboth;
}

.
hidden {
    
displaynone;

    
floatnone;

    
width1%;
}

.
hiddenrow {
    
displaynone;
}

.
selectall {
    
background-color#FFFBD9;

    
font-weightbold;

    
text-aligncenter;
}

.
float_left {
    
floatleft;
}

.
float_right {
    
floatright;
}

.
menu ul {
    list-
stylenone;

    
margin0;
}

.
menu li {
    
displayinline;

    
padding-left5px;
}

.
menu img {
    
padding-right5px;

    
vertical-aligntop;
}

#panel .links {
    
margin0;

    
floatright;
}

.
expcolimage {
    
floatright;

    
widthauto;

    
vertical-alignmiddle;

    
margin-top3px;
}

img.attachment {
    
border1px solid #E9E5D7;

    
padding2px;
}

hr {
    
background-color#000000;

    
color#000000;

    
height1px;

    
border0px;
}

#copyright {
    
font11px VerdanaArialSans-Serif;

    
margin0;

    
padding10px 0 0 0;
}

#debug {
    
margin-top0;
}

blockquote {
    
border1px solid #ccc;

    
margin0;

    
background#fff;

    
padding4px;
}

blockquote cite {
    
font-weightbold;

    
border-bottom1px solid #ccc;

    
font-stylenormal;

    
displayblock;

    
margin4px 0;
}

blockquote cite span {
    
floatright;

    
font-weightnormal;
}

blockquote cite span.highlight {
    
floatnone;

    
font-weightbold;

    
padding-bottom0;
}

.
codeblock {
    
background#fff;

    
border1px solid #ccc;

    
padding4px;
}

.
codeblock .title {
    
border-bottom1px solid #ccc;

    
font-weightbold;

    
margin4px 0;
}

.
codeblock code {
    
overflowauto;

    
heightauto;

    
max-height200px;

    
displayblock;

    
font-familyMonacoConsolasCouriermonospace;

    
font-size13px;
}

.
subforumicon {
    
border0;

    
vertical-alignmiddle;
}

.
separator {
    
margin5px;

    
padding0;

    
height0px;

    
font-size1px;

    list-
style-typenone;
}

form {
    
margin0;

    
padding0;
}

.
popup_menu .popup_item_container {
    
margin1px;

    
text-alignleft;
}

.
popup_menu .popup_item {
    
displayblock;

    
padding3px;

    
text-decorationnone;

    
white-spacenowrap;
}

.
popup_menu a.popup_item:hover {
    
text-decorationnone;
}

.
autocomplete {
    
text-alignleft;
}

.
subject_new {
    
font-weightbold;
}

.
highlight {
    
background#FFFFCC;

    
padding-top3px;

    
padding-bottom3px;
}

.
pm_alert {
    
background#FFF6BF;

    
border1px solid #FFD324;

    
text-aligncenter;

    
padding5px 20px;

    
margin-bottom15px;

    
font-size11px;
}

.
red_alert {
    
background#FBE3E4;

    
border1px solid #A5161A;

    
color#A5161A;

    
text-aligncenter;

    
padding5px 20px;

    
margin-bottom15px;

    
font-size11px;
}

.
high_warning {
    
color#CC0000;
}

.
moderate_warning {
    
color#F3611B;
}

.
low_warning {
    
color#AE5700;
}

div.error {
    
padding5px 10px;

    
border-top2px solid #FFD324;

    
border-bottom2px solid #FFD324;

    
background#FFF6BF;

    
font-size12px;
}

div.error p {
    
margin0;

    
color#000;

    
font-weightnormal;
}

div.error p em {
    
font-stylenormal;

    
font-weightbold;

    
padding-left24px;

    
displayblock;

    
color#C00;

    
backgroundurl(images/error.gifno-repeat 0;
}

div.error.ul {
    
margin-left24px;
}

.
online {
    
color#15A018;
}

.
offline {
    
color#C7C7C7;
}

.
pagination {
    
font-size11px;

    
padding-top10px;

    
margin-bottom5px;
}

.
tfoot .pagination, .tcat .pagination {
    
padding-top0;
}

.
pagination .pages {
    
font-weightbold;
}

.
pagination .pagination_current, .pagination a {
    
padding2px 6px;

    
margin-bottom3px;
}

.
pagination a {
    
border1px solid #81A2C4;
}

.
pagination .pagination_current {
    
background#F5F5F5;

    
border1px solid #81A2C4;

    
font-weightbold;

    
color#000;
}

.
pagination a:hover {
    
background#F5F5F5;

    
text-decorationnone;
}

.
thread_legend, .thread_legend dd {
    
margin0;

    
padding0;
}

.
thread_legend dd {
    
padding-bottom4px;

    
margin-right15px;
}

.
thread_legend img {
    
margin-right4px;

    
vertical-alignbottom;
}

.
forum_legend, .forum_legend dt, .forum_legend dd {
    
margin0;

    
padding0;
}

.
forum_legend dd {
    
floatleft;

    
margin-right10px;
}

.
forum_legend dt {
    
margin-right10px;

    
floatleft;
}

.
success_message {
    
color#00b200;

    
font-weightbold;

    
font-size10px;

    
margin-bottom10px;
}

.
error_message {
    
color#C00;

    
font-weightbold;

    
font-size10px;

    
margin-bottom10px;
}

.
post_body {
    
padding5px;
}

.
post_content {
    
padding5px 10px;
}

.
quick_jump {
    
backgroundurl(images/jump.gifno-repeat 0;

    
width13px;

    
height13px;

    
padding-left13px/* amount of padding needed for image to fully show */

    
vertical-alignmiddle;

    
bordernone;
}

.
repbox {
    
font-size:16px;

    
font-weightbold;

    
padding:5px 7px 5px 7px;
}

.
_neutral {
    
background-color:#FAFAFA;

    
color#999999;

    
border:1px solid #CCCCCC;
}

.
_minus {
    
background-color#FDD2D1;

    
color#CB0200;

    
border:1px solid #980201;
}

.
_plus {
    
background-color:#E8FCDC;

    
color#008800;

    
border:1px solid #008800;
}

.
pagination_breadcrumb {
    
background-color#f5f5f5;

    
border1px solid #fff;

    
outline1px solid #ccc;

    
padding5px;

    
margin-top5px;

    
font-weightnormal;

    
white-spacenowrap;
}

.
pagination_breadcrumb_link {
    
vertical-alignmiddle;

    
cursorpointer;
}

#search {
    
color#556b85;
    
font-size0.85em;
    
margin20px 20px auto auto;    
    
positionrelative;
    
right0px;
    
floatright;
displayblock;
}

#search .submit_input {
    
backgroundurl(images/ipb/search_icon.pngno-repeat;
    
text-indent: -3000em;
        
width26px;
        
height26px;
        
border0;
    
padding0;
    
floatleft;
-
webkit-box-shadow:0px 2px 4px rgba(0,0,0,0.2);
-
moz-box-shadow:0px 2px 4px rgba(0,0,0,0.2);
box-shadow:0px 2px 4px rgba(0,0,0,0.2);
}

#search input#main_search {
    
padding-top3px;
        
padding-left3px;
    
border0;
    
width230px;
    
background-color#fff;
color#ACA899;
}

#search_wrap {
background#fff;
floatleft;
height24px;
width233px;
padding1px 5px 0 0;
border0;
-
moz-border-radius:3px 4px 4px 3px;
-
webkit-border-top-left-radius:3px;
-
webkit-border-top-right-radius:4px;
-
webkit-border-bottom-right-radius:4px;
-
webkit-border-bottom-left-radius:3px;
border-radius:3px 0px 0px 3px;
-
webkit-box-shadow:0px 2px 4px rgba(0,0,0,0.2);
-
moz-box-shadow:0px 2px 4px rgba(0,0,0,0.2);
box-shadow:0px 2px 4px rgba(0,0,0,0.2);
}

#adv_search {
    
width25px;
    
height20px;
    
margin3px;
    
backgroundurl(images/ipb/advanced_search.pngno-repeat 50%;
    
text-indent: -3000em;
    
floatleft;
    
displayinline-block;
    -
webkit-transitionall 0.5s ease-in-out;
    -
moz-transitionall 0.5s ease-in-out;
    -
o-transitionall 0.5s ease-in-out;
}

#adv_search:hover {
    
background-color#2b4f74;
}

input.button {
height:22px;
line-height:22px;
font-size:12px;
padding:0 10px;
background:#f6f6f6;
background: -moz-linear-gradient(top#f6f6f6 0%, #e5e5e5 100%);
background: -webkit-gradient(linearleft topleft bottomcolor-stop(0%,#f6f6f6), color-stop(100%,#e5e5e5));
border:1px solid #dbdbdb;
-moz-box-shadow:0px 1px 0px rgba(255,255,255,1inset0px 1px 0px rgba(0,0,0,0.3);
-
webkit-box-shadow:0px 1px 0px rgba(255,255,255,1inset0px 1px 0px rgba(0,0,0,0.3);
box-shadow:0px 1px 0px rgba(255,255,255,1inset0px 1px 0px rgba(0,0,0,0.3);
-
moz-border-radius:3px;
-
webkit-border-radius:3px;
border-radius:3px;
color:#1D3652;
display:inline-block;
padding-bottom2px;
white-space:nowrap;
-
webkit-transition:all 0.2s ease-in-out;
-
moz-transition:all 0.2s ease-in-out;
cursorpointer;
}

input.button:hover {
color:#3D70A3;
border-color:#9a9a9a;
}

.
button {
height:22px;
line-height:22px;
font-size:12px;
padding:0 10px;
background:#f6f6f6;
background: -moz-linear-gradient(top#f6f6f6 0%, #e5e5e5 100%);
background: -webkit-gradient(linearleft topleft bottomcolor-stop(0%,#f6f6f6), color-stop(100%,#e5e5e5));
border:1px solid #dbdbdb;
-moz-box-shadow:0px 1px 0px rgba(255,255,255,1inset0px 1px 0px rgba(0,0,0,0.3);
-
webkit-box-shadow:0px 1px 0px rgba(255,255,255,1inset0px 1px 0px rgba(0,0,0,0.3);
box-shadow:0px 1px 0px rgba(255,255,255,1inset0px 1px 0px rgba(0,0,0,0.3);
-
moz-border-radius:3px;
-
webkit-border-radius:3px;
border-radius:3px;
color:#1D3652;
display:inline-block;
padding-bottom2px;
white-space:nowrap;
-
webkit-transition:all 0.2s ease-in-out;
-
moz-transition:all 0.2s ease-in-out;
cursorpointer;
}

.
button:hover {
color:#3D70A3;
border-color:#9a9a9a;
}

#register_link {
    
backgroundnone repeat scroll 0 0 #7BA60D;
    
border1px solid #7BA60D;
    
box-shadow0 1px 0 rgba(2552552550.2inset0 1px 4px rgba(0000.4);
    
color#FFFFFF;
    
displayinline-block;
    
padding3px 8px;
    
text-shadow0 1px 2px rgba(0000.3);
}

.
bakgrand {
background#000000;
border-radius6px 6px 6px 6px
padding4px;
font-size9px;
}

.
forumsborder {
background-color#EBF0F3;
padding10px 5px 8px;
margin-bottom20px;
}

#ipb_stats ul {
    
text-aligncenter;
}

#ipb_stats li {
    
displayinline;
    
font-size12px;
    
background#E2E2E2;
    
color#4A4A4A;
    
padding2px 6px;
    
font-weightbold;
    -
moz-border-radius2px;
    -
webkit-border-radius2px;
    
border-radius2px;
    
margin-right3px;
}

#ipb_stats_online {
    
margin20px 0 0 0;
    
padding10px 0;
    
border-top3px solid #D8D8D8;
    
font-size12px;
    
color#777;
}

.
ipb_stats_onlineNav {
    
font-size14px;
    
font-weightbold;
}

.
ipb_stats_onlineLinks li {
    
floatright;
    
font-size12px;
    
displayinline;
    
margin5px;
}

#footer {
padding10px;
}

.
footer_links a {
font-size11px;
padding4px 10px;
floatleft;
margin0 3px;
}

.
footer,
.
footer a {
font-size11px;
text-shadow0px 1px 0px white;
floatright;
color#848484;
}
#menu_user_menu_popup
{
margin-top: -9px;
border-radius0 0 5px 5px;
background#ffffff;
min-width340px;
padding10px;
box-shadow0 12px 25px rgba(0000.58);
}
.
panelImage {
height49px;
width49px;
vertical-alignmiddle;
border1px solid #D5D5D5;
positionrelative;
floatleft;
}
.
ver_sub {
margin0;
padding0;
list-
stylenone;
}
.
ver_sub li {
width100%;
floatleft;
}    
.
tablehead padding5px 10pxbackground#026CB1 url(images/thead_bg.gif) repeat-x; border: solid 1px #026CB1; border-radius: 5px 5px 0 0; font: 16px Arial, sans-serif; color: #FFF; }
.tablehead .right floatrightmargin0padding-top1pxfont-size:  13px; }
.
tablehead a color#FFF !important; text-decoration: none; }

#shoutbox_data { font: 13px Arial, sans-serif; }
#shoutbox { margin-bottom: 5px; }
#shoutbox .panel { padding: 2px; }
#shoutbox .panel-blocked { margin: 1px 0; padding: 5px; background: #FCEFEF; font-size: 11px; color: #543A3A; }
#shoutbox .panel-away { margin: 1px 0; padding: 5px;  background: #EDEDED; font-size: 11px; color: #7A7A7A; }
#shoutbox .panel-away button { margin-right: 5px; padding: 5px; font-family: Tahoma, sans-serif; color: #FFF; font-size: 11px; font-weight: bold; text-align: center; text-shadow: 0 -1px 0 #297318; border-radius: 5px; background: #962725; border: none; border-radius: 3px; }
#shoutbox .trow1 { background-color: #FFF; }
#shoutbox .panel-minposts { margin: 1px 0; padding: 5px; background: #FFFED8; font-size: 11px; color: #727250; }
img#dvz_sb_loading { position: relative; top: 3px; left: 5px; }
input#shout_text { margin-right: 2px; padding: 5px 6px 6px 6px; width: 90%; background: #FFF; border: 1px solid #898989; border-radius: 2px; font-family: Tahoma, sans-serif; font-size: 12px; color: #000; }
input#shout_button { padding: 5px; font-family: Tahoma, sans-serif; color: #FFF; font-size: 11px; font-weight: bold; text-align: center; text-shadow: 0 -1px 0 #297318; border-radius: 5px; background: #499338; border: solid 1px #499338; border-radius: 3px; }
#shoutbox .trow1 { background-color: #FFF; }
#shoutbox .trow2 { background-color: #FAFAFA; }
.sbentry padding0; }
#shoutbox .userdata { margin: 0; padding: 6px; float: left;  text-align: right; }
#shoutbox .text { margin: 0; padding: 6px; color: #333333; }
#shoutbox .insUser { cursor: pointer; color: #AAAAAA; }
#shoutbox .info { float: right; margin-top: 5px; margin-right: 5px; font-size: 11px; color: #888888; }
#shoutbox .info .date { margin-right: 5px; }
#shoutbox .info .ip { margin-right: 5px; color: #CECECE; }
#shoutbox .mod { padding: 2px 5px; background: #333333; border-radius: 3px; font-size: 10px; font-weight: bold; color: #FFF; text-decoration: none; }
#shoutbox .dvz_sb_del { background-color: #6B0100; }
#shoutbox img.avatar { float: left; display: inline-block; margin-top: -1px; margin-right: 5px; max-height: 16px; max-width: 16px; border: solid 1px #FFF; box-shadow: 0 0 2px #E0E0E0; 
}    
/* Styl dla wysuwanego likebox'a */
#fb_rozwin    {
   
height402px;
   
width235px;
   
top50%;
   
left0px;    
   
positionfixed;
   
margin-top: -201px/* = wysokosc panelu / 2 (polozenie panelu w pionie) */    
   
padding10px;
   
backgroundurl("images/bglikeboxfacebookfanpag.png"no-repeat scroll 0 0 transparent
}
 
.
zwin    {background-position0px 0px -242px 0px;}
 
#fb_zawartosc    {
   
height357px
   
width182px;
   
displayblock
   
floatleft;
   
background-color#FFFFFF;


headerinclude:

<html>
<
head>
<
title>{$mybb->settings['bbname']}</title>
{
$headerinclude}<!-- Zalaczenie biblioteki jquery do obslugi wysuwanego likebox'a -->
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
{$stylesheets}
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">
<!--
    lang.no_new_posts = "{$lang->no_new_posts}";
    lang.click_mark_read = "{$lang->click_mark_read}";
// -->
</script>
</head>
<body>
{$header}{$dvz_shoutbox}
{$forums}
{$boardstats}
<br style="clear: both" />
{$footer}
</body>
</html> 

index (tutaj dałem kod na początku, bo jak po
<body>
i przed
</body>
początek i koniec tego kodu, to miałem teog like box na samym końcu forum i nawet nie był z boku tylko na samym środku

<!-- Obsluga wysuwania i chowania likebox'a -->
  <script type='
text/javascript'>
   $(function(){
    $('
#fb_rozwin').css('left','-205px');
    
$('#fb_rozwin').hover(
     function () {
      $(
'#fb_rozwin').animate({left'0px'}, 800 ); // szybkosc wysuwania
      
$(this).addClass('zwin');
     },
     function () {
      $(
'#fb_rozwin').animate({left'-205px'}, 700 ); // szybkosc ukrywania
      
$(this).removeClass('zwin');
     }
    );
   });
  </
script>
<
div id='fb_rozwin'><!-- Facebook -->
 <
div id='fb_zawartosc'>
  <!-- 
Poniżej wstaw kod swojego likeboxa -->
 
  <!-- 
Kod mojego likeboxa jako przyklad usun go --> 
  <
script src="http://connect.facebook.net/pl_PL/all.js#xfbml=1"></script>
  <
fb:like-box href="http://www.facebook.com/pages/CS-Wujkowopl/127702277393842"
  
width="182" height="340" colorscheme="dark" show_faces="true" stream="false" header="false"></fb:like-box>
  <!-- 
Kod mojego likeboxa jako przyklad usun go --> 
  <!-- 
Tego nie wolno usuwac -->
  <
div style="text-align:center; font-size:xx-small">
  <
a target="_blank" title="Wysuwany likebox" href="http://skrypt.uni.me/news.php?readmore=6">likebox</a>
  </
div>
  <!-- 
Tego nie wolno usuwac -->
 </
div>
</
div>
<
script src="http://code.jquery.com/jquery-1.5.2.min.js" type="text/javascript"></script>
<
script src="http://banid.pl/banid-widget.js" type="text/javascript"></script>
<
link href="http://banid.pl/banid-widget.css" rel="stylesheet" type="text/css" />
<
script type="text/javascript">
    
banidwidget.init({
        
side'left',
        
action'hover',
        
border'white'
    
});
</
script>
<
html>
<
head>
<
title>{$mybb->settings['bbname']}</title>
{
$headerinclude}
<
script type="text/javascript">
<!--
    
lang.no_new_posts "{$lang->no_new_posts}";
    
lang.click_mark_read "{$lang->click_mark_read}";
// -->
</script>
</
head>
<
body>
{
$header}
<
iframe src="http://cs-wujkowo.pl/status.php" width="100%" height="170" frameborder="0" scrolling="no"/></iframe>
<
table border="0" width="100%" cellspacing="0" cellpadding="0" align="center">
{
$dvz_shoutbox}
<
td class="thead" colspan="2">
<
center>Partnerzy/Sponsorzy</center>
</
td>
<
tr>
<
td class="tcat"><center><b><font color="#000000">Nasi partnerzy oraz sponsorzy</font></b></center></td>
<
td class="tcat"><center><b><font color="#000000">Informacje</font></b></center></td>
</
tr>
<
tr>
<
td class="tcat">&nbsp&nbsp<a href="http://www.hekko.pl/?ref=34111" title="Tanie domeny"><img src="http://www.ad.hekko.pl/9_tani_hosting_www.jpg" /></a></td>
<
td class="tcat"><center><font size="2"><b>Hekko.pl</b> - Sponsor domeny oraz hostingu forum</font></center></td>
</
tr>
<
tr>
<
td class="tcat">&nbsp&nbsp<a href="http://gameserv.pl" target="_blank"><img src="http://gameserv.pl/reklama/bannery/06.jpg" border="0"></a></td>
<
td class="tcat"><center><font size="2"><b>GameServ.pl</b> - Sponsor serwera 4FUN i COD</font></center>
</
tr>
<
tr>
<
td class="tcat"><a href="http://fpsmax.pl/"><img src="http://imageshack.us/a/img201/1825/logoaap.png" alt="FPSMax.pl" /></a></td>
<
td class="tcat"><center><font size="2"><b>FPSMax.pl</b> - Sponsor serwera DM</font></center></td>
</
tr>
<
tr>
<
td class="tcat">&nbsp&nbsp<a href="http://www.idel.pl/?ref=34111" title=""><img src="http://idel.pl/tmp/logo.png" /></a></td>
<
td class="tcat"><center><font size="2"><b>iDel.pl</b> - Sponsor hostingu dodatków do serwera</font></center></td>
</
tr>
</
td>
</
table>
<
class="sbp_buton" style="float: right;" title="{$lang->sbplus_sidebarkapat}"></a>
<
class="sbp_tbuton" style="float: right;" title="{$lang->sbplus_sidebarac}"></a>
<
div class="sbp_sbar" style="float: right;width: 25%;">
    {
$sb_welcome}{$sb_search}{$sb_latestthreads}{$sb_additional}{$sb_whosonline}{$sb_stats}
</
div>
<
div class="sbp_forum" style="float: left;width: 74%;">
{
$forums}<dl class="forum_legend smalltext">
    <
dt><img src="{$theme['imgdir']}/on.gif" alt="{$lang->new_posts}title="{$lang->new_posts}style="vertical-align: middle; padding-bottom: 4px;" /></dt>
    <
dd>{$lang->new_posts}</dd>

    <
dt><img src="{$theme['imgdir']}/off.gif" alt="{$lang->no_new_posts}title="{$lang->no_new_posts}style="vertical-align: middle; padding-bottom: 4px;" /></dt>
    <
dd>{$lang->no_new_posts}</dd>

    <
dt><img src="{$theme['imgdir']}/offlock.gif" alt="{$lang->forum_locked}title="{$lang->forum_locked}style="vertical-align: middle;" /></dt>
    <
dd>{$lang->forum_locked}</dd>
</
div>
</
dl>
<
br style="clear: both" />
{
$footer}
</
body>
</
html



Użytkownicy przeglądający ten wątek:

1 gości