The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

How to remove the widget scroll?

View previous topic View next topic Go down

In progress How to remove the widget scroll?

Post by rpgforum819 on July 10th 2014, 11:19 am

Hello everyone!  Smile 
So, this is the design of my forum http://probenforumvol3.bulgarianforum.net/ . Can anybody tell me how to remove this scroll at the widget bar?

This is the CSS code:

Spoiler:


Code:
/*Por favor denme créditos con la plantilla, soy LBOTP y se los agradecería mucho ♥
Aquí esta la paleta de colores, el chat desplegable entre otras cosas para las cuales falta el código java, html, etc.
Suerte!!*/

/*Respuestarápida*/
form#quick_reply #textarea_content textarea#text_editor_textarea {
background:  #FFC694;
border: 2px solid #color;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;}

textarea:focus,input:focus {outline: none;}

#wrap {
-moz-border-radius: 15px;
border-radius: 15px;
border : 1px solid #3366ff;
}


.forabg {
-moz-border-radius: 15px 15px 0px 0px;
}
.forabg {
-webkit-border-radius: 15px 15px 0px 0px;
}

.forabg {
border-radius: 15px 15px 0px 0px;
}

/*botones*/
.button, .button1, .button2, input.button, input.button1, input.button2, button.bbcode, #submit_button, #profile-advanced-button, #login_popup_buttons, #login_popup_buttons input, .liteoption {
-moz-border-radius: 0.5em 0.5em 0.5em 0.5em;
-moz-box-shadow: 0 1px 2px rgba(COLOR);
background: -moz-linear-gradient(center top , #COLOR, #COLOR) repeat scroll 0 0 transparent;
border: medium none;
color: #000000;
display: inline-block;
outline: medium none;
text-shadow: 0 1px 1px rgba(COLOR);
}

.button:hover, .button1:hover, .button2:hover, input.button:hover, input.button1:hover, input.button2:hover, button.bbcode:hover, #submit_button:hover, #profile-advanced-button:hover, #login_popup_buttons:hover, #login_popup_buttons input:hover, .liteoption:hover {
border: none;
color: #8AD1A1;
}

button.button2, .button2, #button, .fontbutton {
-moz-border-radius: 0.5em 0.5em 0.5em 0.5em;
-moz-box-shadow: 0 1px 2px rgba(COLOR);
background: -moz-linear-gradient(center top , #COLOR, #COLOR) repeat scroll 0 0 transparent;
border: medium none;
color: #COLOR;
display: inline-block;
outline: medium none;
text-shadow: 0 1px 1px rgba(COLOR);
}

button.button2:hover, .button2:hover, #button:hover, .fontbutton:hover {
border: none;
color: #COLOR;
}

/*leyenda*/
p em b a.gensmall {
color: #000000;
font-family: Naftalene;
font-size: 14px;
font-style: ;
text-align: center;
text-shadow: 0 0 4px #COLOR;
text-transform: ;
}

p em {
font-style: normal;
color: transparent;
}

/*perfiles*/
.postprofile a:link, .postprofile a:active, .postprofile a:visited, .postprofile dt.author a {
font-weight: bold;
font-size: 2em;
font-style: italic !important;
font-family: georgia;
text-decoration: none;
letter-spacing: -2px;
}
.postprofile {
display: block;
text-align: center;}

.postprofile dd {
text-align: left;
margin-top: 4px;
}





#search-box { visibility: hidden; }




#page-footer div.navbar {
font-family: Trebuchet MS,Helvetica,sans-serif;
font-size: 7px;
text-align: center;
text-transform: uppercase;
}

/*Finaldecategoria ovalada*/
ul.forums {
background-image: url("");
background-repeat: repeat;
border-bottom: 8px solid #8AD1A1;
border-radius: 0 0 0px 0px;
border-right: 2px solid #FFE3B0;
}


/*Cosa del autor*/
p.author {
 background-color:  #8AD1A1;
 margin-top: 15px;
 padding: 3px !important;
 border: 6px 6px 6px 6px solid #FFE3B0; /*Borde*/
 position: relative;
 right: -7em;
 text-align: center;
}

p.author {
 font-family: century ghotic;
 font-size: 12px;
 line-height: 1.2em;
 margin-top: 15px;
 padding: 5 5 5px;
}

/*últimopost*/
.forabg .row .lastpost {
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
background: #FFE3B0;
border-top: 17px solid #8AD1A1;
border-radius: 0px;
box-shadow: 0 1px 2px #SOMBRA;
border-image: initial;
}



body {
opacity: .8;
filter: alpha(opacity=60);
-moz-opacity: .8
}


ul.linklist li a img {
filter:alpha(opacity=80); 
-moz-opacity: 0.65; 
opacity: 0.65;
}
ul.linklist li a img:hover {
filter:alpha(opacity=100); 
-moz-opacity: 1.0; 
opacity: 1.0;
position: relative; 
top: -1px;
}
ul.linklist li a img:active {
filter:alpha(opacity=80); 
-moz-opacity: .0; 
opacity: .0;
-webkit-transition: opacity 1s ease 0s;
-moz-transition: opacity 1s ease 0s;
  
}

a.forumtitle:hover {
color: #ffffff;
text-decoration: none;
}

.opacity img {
filter:alpha(opacity=60);
-moz-opacity: 0.1;
opacity: 0.1;}

.opacity:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-webkit-transition: opacity 1s ease 0s;
-moz-transition: opacity 1s ease 0s;
}

#afiliados-celina img {
opacity: 0.5;
-webkit-transition: opacity 1s ease 0s;
-moz-transition: opacity 1s ease 0s;
}

#afiliados-celina img:hover {
opacity: 1;
}

body  {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0 px;
overflow-y: auto;
overflow-x: auto;
}

/*Scrollbar*/
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment{
  display:none;
}

::-webkit-scrollbar{
  width:10px;
  height:18px;
}?

::-webkit-scrollbar-track-piece {
  background-color:#F08684;
}

::-webkit-scrollbar-thumb:vertical{
  height:20px;
  background-color:#F08684;
}


#wrap {
margin-left: 229px;
padding-right: 0px !important;
margin-bottom: 20px !important;
padding: 5px !important;
min-width: 900px !important;
max-width: 900px !important;
font-size: 9.5px;
  border: 5px solid  #FFC694;
    }

.module .h3 {
visibility:hidden;
  display:none;
}

#content-container div#left {
background-position: center bottom;
background-repeat:no-repeat;
width: 230px;
line-height: 135%;
float: left;
overflow-y: auto;
position: fixed;
left: 0px;
top: 0px;
height: 100%;
}

.mainmenu[href="/faq"],.mainmenu[href="/calendar"],.mainmenu[href="/search"] {
    display: none;
    color: transparent; font-size: 0px;
}

#textarea_content {    margin-top: 3px; }



.navbar {
font-size: 9px;
font-family: Trebuchet MS;
}

#page-header .navbar{
margin-top: 20px;
}



.postprofile a img:hover {
  opacity: 6;
}
/*logo*/

#logo-desc {
margin: -15px;
padding: -45px;
text-align: center;
}

/*Efectotitulosdesubforos*/
/*Títulos de los foros*/
a.forumtitle {
border-left: 100px solid #8AD1A1;
display: block;
font: 10.5px Arial;
letter-spacing: 6px;  
margin-top: 10px;
margin-bottom: -10px;
padding: 5px;
height: 7px;
width: 400px;
position: relative;
text-transform: none;
-webkit-transition:0.8s;
-o-transition:0.8s;
-moz-transitio:0.8s;
}

a.forumtitle:hover{
padding-left: 20px;
-webkit-transition:0.2s;
-o-transition:0.2s;
-moz-transitio:0.2s;
}


/*Rayitaalcostadodepost*/
.postbody .content {
text-align: justify;
font-size: 11px;
line-height: 13px;
background:  #FFC694;
margin-top: -15px;
border-right: 10px solid #8AD1A1;
padding: 10px 30px;
  background-repeat: repeat;
border-bottom: 8px solid #8AD1A1;
border-radius: 0 0 0px 0px;
}



/*oto*/



/*Categorias gordas*/
/*Título de Categorias*/
li.header {
text-transform: none;
font-size:0px;
padding: 10px;
background-color: #8AD1A1;
border-bottom: 10px solid #COLOR;
text-align: center;
}

.table-title, .table-title h2 {
color: #FFC694;
font: 10px Megrim;
letter-spacing: 3px;
text-shadow: 1px 1px 1px #COLOR;
}

/*Menú con línea*/
a.forumtitle { border-left: 10px solid #d1d1d1; -moz-transition-duration: 2.5s; -webkit-transition-duration: 2.5s; -o-transition-duration: 2.5s; letter-spacing : 1px; margin-left: 0px; } 
a.mainmenu { border-bottom: 4px solid #8AD1A1; -moz-transition-duration: 2.5s; -webkit-transition-duration: 1.5s; -o-transition-duration: 2.5s; letter-spacing : 1px; margin-bottom: 0px; }
.postprofile{text-align:center;
 border-bottom: 16px solid #8AD1A1;/*Barrabajoavatar*/
border-top: 15px solid #color;
border-radius: 0px 0px 0px 0px;
padding-top: 5px;
  background-color:  #FFC694;
  }

#search-box #keywords {
-moz-border-radius: 0.5em 0.5em 0.5em 0.5em;
-moz-box-shadow: 0 1px 2px rgba(COLOR);
background: -moz-linear-gradient(center top , #d1d1d1, #d1d1d1) repeat scroll 0 0 transparent;
border: medium none;
color: #d1d1d1;
display: inline-block;
outline: medium none;
width: 95px;
}

.h3 {
color: #COLOR;
font-family: Century ghotic;
font-size: 24px;
text-transform: lowercase;
font-style:italic;
height: 45px;
text-align: center;
text-shadow: 1px 1px 1px #COLOR;
width: 600px;
}

.h3 {
font-weight: 700;
}
.post {
background-color: #COLOR;
border-radius: 20px 0 20px 20px;
}

.postprofile a:link, .postprofile a:active, .postprofile a:visited, .postprofile dt.author a {
font-weight: bold;
font-size: 2em;
font-style: italic !important;
font-family: century ghotic;
text-decoration: none;
letter-spacing: -2px;
}

/*Widget*/
/*Widget estático*/
#content-container div#left {
    position: fixed;
 background-color:  #FFC694; 
    top: 0;
    left: 0;
    width: 220px;
    height: 100%;
}
/*Paraquevayaaunlado*/
#wrap { 
margin-left: 210px;
}

/*Scrollenwidget*/
#content-container div#left {
overflow:auto;
}
/*Ocultar títulos*/
.module .h3 {
visibility:hidden;
}
/*CentrarAvataresenwidget*/
.module .box-content .mod-login-avatar {
float: none;
text-align: center;
}

/*sPOILER*/
dl.spoiler, dl.spoiler dt{
  border:none;
}
dl.codebox{
  border-left:9px solid #0489B1;
}


/*Anchodelforo*/
#wrap {
  min-width: 850px;
}

/*botón par aque se vaya a un lado*/
dl.icon dd.dterm, dl.icon dt {
    background-position: 75% 75%;
}
/*Chatboxdesplegable*/

#chatbox_ret_cont{
 x-index: 10000;
 z-index: 999;
 background-color: transparent;
 position: fixed;
 bottom: 0;
}
#chatbox_ret_cont.chatbox_derecha{
  right: 0;
}
#chatbox_ret_cont.chatbox_izquierda{
  left: 0;
}
#chatbox_ret_cont div{
  cursor: pointer;
}
#chatbox_ret_cont iframe#chatbox_ret{
  background-color: white;
  border: 2px solid grey;
  display: none;
  height: 450px;
  margin-bottom: 0;
  width: 900px;
}
/*Paleta de colores*/

  .colorpicker {
          width: 356px;
          height: 176px;
          overflow: hidden;
          position: absolute;
          background: url(http://i40.servimg.com/u/f40/14/40/32/21/colorp10.png);
          font-family: Arial, Helvetica, sans-serif;
          display: none;
        }
        .colorpicker_color {
          width: 150px;
          height: 150px;
          left: 14px;
          top: 13px;
          position: absolute;
          background: #f00;
          overflow: hidden;
          cursor: crosshair;
        }
        .colorpicker_color div {
          position: absolute;
          top: 0;
          left: 0;
          width: 150px;
          height: 150px;
          background: url(http://i40.servimg.com/u/f40/14/40/32/21/colorp11.png);
        }
        .colorpicker_color div div {
          position: absolute;
          top: 0;
          left: 0;
          width: 11px;
          height: 11px;
          overflow: hidden;
          background: url(http://i40.servimg.com/u/f40/14/40/32/21/colorp10.gif);
          margin: -5px 0 0 -5px;
        }
        .colorpicker_hue {
          position: absolute;
          top: 13px;
          left: 171px;
          width: 35px;
          height: 150px;
          cursor: n-resize;
        }
        .colorpicker_hue div {
          position: absolute;
          width: 35px;
          height: 9px;
          overflow: hidden;
          background: url(http://i40.servimg.com/u/f40/14/40/32/21/colorp11.gif) left top;
          margin: -4px 0 0 0;
          left: 0px;
        }
        .colorpicker_new_color {
          position: absolute;
          width: 60px;
          height: 30px;
          left: 213px;
          top: 13px;
          background: #f00;
        }
        .colorpicker_current_color {
          position: absolute;
          width: 60px;
          height: 30px;
          left: 283px;
          top: 13px;
          background: #f00;
        }
        .colorpicker input {
          background-color: transparent;
          border: 1px solid transparent;
          position: absolute;
          font-size: 10px;
          font-family: Arial, Helvetica, sans-serif;
          color: #898989;
          top: 4px;
          right: 11px;
          text-align: right;
          margin: 0;
          padding: 0;
          height: 11px;
        }
        .colorpicker_hex {
          position: absolute;
          width: 72px;
          height: 22px;
          background: url(http://i40.servimg.com/u/f40/14/40/32/21/colorp12.png) top;
          left: 212px;
          top: 142px;
        }
        .colorpicker_hex input {
          right: 6px;
        }
        .colorpicker_field {
          height: 22px;
          width: 62px;
          background-position: top;
          position: absolute;
        }
        .colorpicker_field span {
          position: absolute;
          width: 12px;
          height: 22px;
          overflow: hidden;
          top: 0;
          right: 0;
          cursor: n-resize;
        }
        .colorpicker_rgb_r {
          background-image: url(http://i40.servimg.com/u/f40/14/40/32/21/colorp13.png);
          top: 52px;
          left: 212px;
        }
        .colorpicker_rgb_g {
          background-image: url(http://i40.servimg.com/u/f40/14/40/32/21/colorp14.png);
          top: 82px;
          left: 212px;
        }
        .colorpicker_rgb_b {
          background-image: url(http://i40.servimg.com/u/f40/14/40/32/21/colorp15.png);
          top: 112px;
          left: 212px;
        }
        .colorpicker_hsb_h {
          background-image: url(http://i40.servimg.com/u/f40/14/40/32/21/colorp16.png);
          top: 52px;
          left: 282px;
        }
        .colorpicker_hsb_s {
          background-image: url(http://i40.servimg.com/u/f40/14/40/32/21/colorp17.png);
          top: 82px;
          left: 282px;
        }
        .colorpicker_hsb_b {
          background-image: url(http://i40.servimg.com/u/f40/14/40/32/21/colorp18.png);
          top: 112px;
          left: 282px;
        }
        .colorpicker_submit {
          position: absolute;
          width: 22px;
          height: 22px;
          background: url(http://i40.servimg.com/u/f40/14/40/32/21/colorp19.png) top;
          left: 322px;
          top: 142px;
          overflow: hidden;
        }
        .colorpicker_focus {
          background-position: center;
        }
        .colorpicker_hex.colorpicker_focus {
          background-position: bottom;
        }
        .colorpicker_submit.colorpicker_focus {
          background-position: bottom;
        }
        .colorpicker_slider {
          background-position: bottom;
        }

/*dESCRIPCIONES*/
#desc {
background:  #FFC694;
  border: 0px solid  #FFC694; 
  padding: 5px 10px;
  width: 100%;
}
/*scrollendescripcion*/
#texto {
height: 100px;
overflow: auto;
}
/*Imagenaunlado*/
#desc img {
height: 100px;
  width: 250px;
float: left;
  margin-right: 10px;
}
/*Linksrapidos*/
#subforos {
width: 120px;
float: right;
height: 100px;
overflow: auto;
padding: 1px;
    background:  #FFC694;
}

#subforos a {
display: block;
background: #246C82;
padding: 2px 5px;
margin-bottom: 1px;
}
/*Linnksemueven*/
#subforos a:hover {
padding-left: 20px;
}

* {
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
}
/*Bordesdelforo*/
#wrap {
margin-top: -10px;
margin-bottom: -10px;
border-left: solid 22px  #FFC694; 
border-right: solid 22px #8AD1A1; 
}

/*Wigetssobreforo*/
#content-container div#left {
z-index: 999;
}
/*ocultarinformacióndeperfil*/
* div.postprofile dl dd{
display: none;
}
* div.postprofile dl dt{
padding-bottom: 40px;
background: url("http://i.imgur.com/1LgOEp1.png") no-repeat scroll bottom center;
}
* div.postprofile dl:hover dd{
display: block;
}
* div.postprofile dl:hover dt{
padding-bottom: 0px;
background: none;
}
/*afiliados*/
.élites {
width:190px;
padding:5px;
color: #141414;
background: #fff;
text-align: center;
font-size: 12px;
}
/*Botonesdeafiliación*/
#afiliados img {
display: inline-block;
height: 100px;
width: 20px;
border: 3px solid  #FFC694;
border-radius: 10px;
opacity: 0.7;
}

#afiliados img:hover {
opacity: 1;
}

/*Afiliados*/
 
/*quitar subrayado*/

.hierarchy a:link {
text-decoration: none;
}
/*barritaquecrece*/
.lbotp-b { 
border-left: solid 20px sienna;
/ * Incluir resto de propiedades del div * /
}

.lbotp-b:hover { border-left-width: 50px; }

rpgforum819
New Member

Posts : 4
Reputation : 1
Language : english, french, bulgarian

http://probenforumvol3.bulgarianforum.net/

Back to top Go down

In progress Re: How to remove the widget scroll?

Post by SLGray on July 10th 2014, 7:27 pm

Do you mean the recent topics widget?

Administration Panel > Modules > Portal/Widgets > Forum Widgets
Press the modify symbol on the latest topics widget.
Activate the topics scrolling:  No


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36697
Reputation : 2445
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

In progress Re: How to remove the widget scroll?

Post by rpgforum819 on July 11th 2014, 5:56 pm

On the left side, where the recent topics, the login, the top posters, etc. are, there is a second scrollbar that i want to remove.

rpgforum819
New Member

Posts : 4
Reputation : 1
Language : english, french, bulgarian

http://probenforumvol3.bulgarianforum.net/

Back to top Go down

In progress Re: How to remove the widget scroll?

Post by SLGray on July 11th 2014, 7:01 pm

The reason why it appears is because your widgets on the left side is longer then your forums.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36697
Reputation : 2445
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

In progress Re: How to remove the widget scroll?

Post by rpgforum819 on July 11th 2014, 7:05 pm

So how can I remove this problem?

rpgforum819
New Member

Posts : 4
Reputation : 1
Language : english, french, bulgarian

http://probenforumvol3.bulgarianforum.net/

Back to top Go down

In progress Re: How to remove the widget scroll?

Post by SLGray on July 11th 2014, 7:07 pm

Move some of the widgets to the right side.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36697
Reputation : 2445
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

In progress Re: How to remove the widget scroll?

Post by rpgforum819 on July 11th 2014, 7:12 pm

But with other skins (like this one http://probata12.bulgarianforum.net ) the number and the longitude of the forum widgets doesn't matter.

rpgforum819
New Member

Posts : 4
Reputation : 1
Language : english, french, bulgarian

http://probenforumvol3.bulgarianforum.net/

Back to top Go down

In progress Re: How to remove the widget scroll?

Post by SLGray on July 11th 2014, 7:19 pm

The reason why is because on that forum the widgets on the left side is not longer than the forum.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36697
Reputation : 2445
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum