Current date/time is March 19th 2024, 6:54 am
Search found 143 matches for scroll
Announcement Scroll
I coded this part to add to the announcements that Forumotion offers inside the overall_header template but it won't stick to ever page, for example: https://sirchivas.forumotion.com/latest also in when you see a profile, it doesn't register either.
- on February 28th 2024, 6:36 pm
- Search in: Scripts Problems Archives
- Topic: Announcement Scroll
- Replies: 3
- Views: 66
Add scroll top and bottom in toolbar
How can I add scroll to top and bottom inside toolbar next to search field? Not close like 0px distance but close enough- on August 15th 2023, 8:08 pm
- Search in: Garbage
- Topic: Add scroll top and bottom in toolbar
- Replies: 1
- Views: 530
Is it possible to have multiple layered/tiled forum background images that auto-scroll horizontally/vertically?
Technical Details
Forum version : #PunBB
Position : Founder
Concerned browser(s) : Mozilla Firefox
Who the problem concerns : All members
Forum link : http://www.newagemugen.forumotion.net
Description of problem
My forum currently has a static tiling BG image as the forum background as per the CSS below:
|
My question is,
Is it possible to have multiple Background images layered directly on top of each other, that can be coded to auto scroll automatically at varying speeds?
The purpose behind wanting to do this is, to create a "fake" animation scene by having one solid BG image, and several semi transparent image layers with particle effects (stars, fire embers etc) that appear to be moving in real time via a horizontal/vertical velocity/scroll code.
I assume "if" this is even possible, it would require some modification to either the CSS or the Template itself.
Any insight/help would be appreciated.
- on February 10th 2023, 2:41 pm
- Search in: Scripts Problems Archives
- Topic: Is it possible to have multiple layered/tiled forum background images that auto-scroll horizontally/vertically?
- Replies: 22
- Views: 1316
- on June 18th 2021, 7:45 pm
- Search in: Scripts Problems Archives
- Topic: scroll width
- Replies: 7
- Views: 1017
Problem with The bottom of my wrap is moving with the scroll up and down.
Hey, guys...I'm not sure how to describe this, but I will try.
I am making a forum wrap to be separate by 3 pieces - it's actually parchment image where I separate it.
Please, check my CSS for #wrap:
- Code:
#wrap { padding: 0px; background: url(https://i.ibb.co/rkpf55S/vtoricenter.png) top center repeat-y ;
width: 1150px; margin-top: 309px;}
#page-body { padding: 25px; width: 1100px; margin: 0px;}
#search-box, .search-box, fieldset.vf_jumpbox, fieldset.jumpbox {display: none;}
#page-footer, div.navbar, div.navbar ul.linklist {padding-left: 10px; font-size: 10px !important; }
body {
background: url(https://i.ibb.co/QjXT4FJ/top.png) no-repeat, url(https://i.ibb.co/PxY0xzx/bottom.png) no-repeat , url(https://i.pinimg.com/originals/12/91/95/129195b9774e32056d90153286ad4e18.jpg) repeat ;
background-position: center top, center bottom, center top;
background-attachment: scroll, fixed, scroll;
background-color: #f2e5ae;}
Please, check my forum as well: https://torenti.bulgarianforum.net/
When you go in the forum, in the back side you can barely see the "bottom" piece of the parchment moving around, when you scroll up or down.
My question is - How to make it static in the bottom and where is the Who is online statistics, to be there?
Thank you for your help!
- on June 22nd 2020, 7:11 pm
- Search in: Scripts Problems Archives
- Topic: Problem with The bottom of my wrap is moving with the scroll up and down.
- Replies: 20
- Views: 755
When onclick button of "Post Reply" scroll down to the quick reply
i would like to have a script where you click the reply button and it scrolls you down to reply in the quick reply. Is there any scripts?Thank you
- on December 19th 2018, 10:08 pm
- Search in: Scripts Problems Archives
- Topic: When onclick button of "Post Reply" scroll down to the quick reply
- Replies: 9
- Views: 1682
Can I somehow pull an RSS feed from front page LATEST TOPICS scroll?
I would love to pull this over to other sites to show the most recent activity from front page of my site. Any ideas how to do that? I tried http://compassguide.forumotion.com/rss but it didn't work. Any help is greatly appreciated. My site is at: http://compassguide.forumotion.com/ .Thanks,
Daniel
- on July 22nd 2018, 3:45 am
- Search in: Garbage
- Topic: Can I somehow pull an RSS feed from front page LATEST TOPICS scroll?
- Replies: 2
- Views: 558
Logo Banner disappears when you scroll.
Whenever you scroll on my forum the banner disappears. Is it possible to have it not disappear when scrolling and the navbar not move until it gets to the top? Similar to this forum.My forum:
http://www.duelacademy.net/forum
ModernBB
also, how do I change the color of widgets?
- on June 5th 2018, 7:35 am
- Search in: Garbage
- Topic: Logo Banner disappears when you scroll.
- Replies: 10
- Views: 987
chat box won't scroll to bottom
The inserted chatbox (top of page) will only scroll to the center of the div, not the bottom. This means that users have to manually scroll to the bottom of the chat while chatting. This topic has been mentioned in the help forum before. The suggestion to reinstall the chatbox given there has not helped me. The full page version of chat works correctly.Thankyou
- on February 22nd 2017, 8:00 am
- Search in: Garbage
- Topic: chat box won't scroll to bottom
- Replies: 0
- Views: 702
User Cannot Scroll Page + Sudden Page Format Change
Technical Details
Forum version : #phpBB2
Position : Founder
Concerned browser(s) : Other
Who the problem concerns : A few members
When the problem appeared : May 3rd 2016
Forum link : http://popovydollsociety.forumotion.com [nsfw]
Description of problem
Hello,Apparently some people have suddenly been experiencing issues with my forum. I haven't changed anything on the forum (in fact, haven't logged on in months), but these are the issues people have had.
"The board appears to be in a completely different format than before. It is just seen as a long list and photographs can't be viewed unless via clicking on a link"
"I can't scroll up or down in the posts"
Thank you for your help.
- on June 12th 2016, 8:40 am
- Search in: Garbage
- Topic: User Cannot Scroll Page + Sudden Page Format Change
- Replies: 3
- Views: 932
scroll recent topics
Please how can i put a scroll bar on recent topics widget at the portal. Like you have here.- on March 16th 2016, 9:15 pm
- Search in: Garbage
- Topic: scroll recent topics
- Replies: 4
- Views: 861
Navbar Present after scroll down
At the top after a user scrolls out of navbar view, a new navbar appears with a white bgcolor and blue links, how is this created? tty- on January 1st 2016, 7:17 pm
- Search in: Garbage
- Topic: Navbar Present after scroll down
- Replies: 1
- Views: 587
Widgets scroll with page?
PHPBB2xwa-universe.com
(Obligatory I don't know how to javascript so please dumb it down for me)
OK, so when there is a long topic, the widgets we have run out and there is a big blank space when you're scrolling and it looks bad. Would it be possible to have the final widget, the one on the bottom, stay with the bottom of the page when you scroll that far? To clarify... What I want is for when the main forum page is longer than the widgets, the widgets scroll down with it. However, I don't want them fixed as I have more widgets than what can be displayed properly.
Hopefully I explained that well enough.
- on October 23rd 2015, 1:33 am
- Search in: Garbage
- Topic: Widgets scroll with page?
- Replies: 1
- Views: 749
Smooth Scroll (js)
I am trying to add this smoothscroll jscript to my forum: https://gist.github.com/galambalazs/6477177I tried to add it as javascript in ACP (applied in all the pages), tried to call raw .js link in my <head> tags by <script url...> or even tried to add whole code to header in <script type...> tags. Failed.
What should I do?
- on July 8th 2015, 2:36 am
- Search in: Scripts Problems Archives
- Topic: Smooth Scroll (js)
- Replies: 3
- Views: 1385
Problems with editor and scroll
We have a few issues on our forum (phpBB2).1. The portal scrolling module has frozen.
2. Out post editors do not display smileys or icon buttons, and we can't switch to WYSIWYG.
3. In the admin panel, we can't remove the "Never provide your password to anyone," section.
Thanks.
- on July 5th 2015, 3:44 am
- Search in: Garbage
- Topic: Problems with editor and scroll
- Replies: 12
- Views: 883
Changing the direction of 'recent topics' scroll
We changed our scroll to move from top to bottom. Unfortunately this caused the scroll to start with the oldest thread. We prefer it to start with the newest, as is the case when moving from bottom to top.Is there a solution to this? We use phpBB2.
Thanks.
- on March 20th 2015, 7:50 am
- Search in: Garbage
- Topic: Changing the direction of 'recent topics' scroll
- Replies: 3
- Views: 673
Forum recent topics scroll is flickering
Yesterday our 'recent topics' animated scroll suddenly speed up enormously, of it's own accord. (The admin panel speed figure showed 15.) I corrected the speed to 32000, but a problem remains; the scroll is causing flickering on our Portal page ever since. I even reinstalled the scroll feature, but it didn't help. Some members are most affected when using their mouse wheel on the same Portal page.Are you doing anything behind the scenes on phpBB2?
How can we fix the flickering?
Thanks.
- on March 10th 2015, 3:30 am
- Search in: Garbage
- Topic: Forum recent topics scroll is flickering
- Replies: 4
- Views: 618
How do I get something to scroll and stop on mouseover ?
I have the following that I recieved from this support forum . So far I have been unsuccessful in getting scrolling text to stop on mouse over . Now I have forgotten how to even get the text to scroll . I don't know if there are two codes below , where to place the text , and what kind of widget will scroll .hello @azwiz,
It depends, which widget would you like to scroll ? While we're on the topic, you can also create custom widgets that scroll content using the <marquee> element. Add this to a widget if you like :
Code: Select Content
<marquee direction="up" scrollamount="2">
<div onmouseover="this.parentNode.setAttribute('scrollamount','0')" onmouseout="this.parentNode.setAttribute('scrollamount','2')">Mouse over to stop me !</div>
</marquee>
You can replace the following in the code above with whatever you like.
Code: Select Content
<div onmouseover="this.parentNode.setAttribute('scrollamount','0')" onmouseout="this.parentNode.setAttribute('scrollamount','2')">Mouse over to stop me !</div>
- on March 1st 2015, 12:52 am
- Search in: Garbage
- Topic: How do I get something to scroll and stop on mouseover ?
- Replies: 3
- Views: 900
- on December 13th 2014, 7:07 am
- Search in: Garbage
- Topic: make Smilie Scroll Bar Go Away.
- Replies: 5
- Views: 651
Scroll down item fall script?
I have seen a cool script on a site and would like to ask if someone could make something similar?Here is the site: http://www.origo.hu/index.html
If you scroll down on the left side a christmas tree fades in and as you scroll down and down ornaments fall on it and gifts appear around it. =o
Any help is appreciated!
- on December 12th 2014, 7:55 pm
- Search in: Scripts Problems Archives
- Topic: Scroll down item fall script?
- Replies: 6
- Views: 605
Scroll Bar
Hello,Whenever I want to increase the font size in my scroll bar or change the text color, it does not work. The only thing that works is "bolding" the text. If anyone knows what to do that would be great. Thanks!
Forum: phpBB
http://www.njstrongweatherforum.com/
- on November 23rd 2014, 10:32 pm
- Search in: Problems Archives
- Topic: Scroll Bar
- Replies: 15
- Views: 1067
How to remove the widget scroll?
Hello everyone!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; }
- on July 10th 2014, 11:19 am
- Search in: Garbage
- Topic: How to remove the widget scroll?
- Replies: 7
- Views: 964
add horizental scroll bars to widget
I use a widget with 180 pixel width, and my content is displayed as iframe from another site on this widget. howwver content is larger and its cut.What can I do ? (except increase widget width and then I have no room for my forum ...)
any way to resize the iframe to fit ?
any option to add horizental scroll bars to widget ? adding scroll ="yes" to iframe doesn help.
<iframe name="inlineframe" src="http://www.cnn.com" frameborder="0" scrolling="yes" marginwidth="5" marginheight="5" style="width: 900px; height: 500px;"></iframe>
- on April 22nd 2014, 11:21 pm
- Search in: Garbage
- Topic: add horizental scroll bars to widget
- Replies: 15
- Views: 925
Menu stuck on top when scroll down
Hello. I want the menu bar, when you scroll down, as soon as you pass the menu bar, to stuck up on the top.This is the menu bar
As soon as you pass it when you scroll down to stuck on the top. Can this happen?
- on April 17th 2014, 1:47 pm
- Search in: Scripts Problems Archives
- Topic: Menu stuck on top when scroll down
- Replies: 5
- Views: 851
Scroll Bar Glitch?
I was on a forum of someone elses and I've seen there scroll bar.....its showsTinypics™
Is it a glitch or a broken CSS or a design flaw? Because ill like to know before it happens to me
- on June 29th 2013, 7:45 am
- Search in: Garbage
- Topic: Scroll Bar Glitch?
- Replies: 4
- Views: 648
Help: Scroll to Bottom of Page code
i'm using this code for my back to top button:code in my site description -->
- Code:
<div id=backtotop><img src=http://i78.servimg.com/u/f78/14/05/87/26/back-t10.png /></div>
CSS -->
- Code:
#backtotop {
bottom: 50px;
color: #FFFFFF;
cursor: pointer;
display: none;
font-size: 14px;
opacity: 0.4;
position: fixed;
text-align: center;
z-index: 999;
right: 30px;
border-radius : 8px;
-webkit-border-radius : 8px;
-moz-border-radius : 8px;
}
#backtotop:hover {
opacity : 0.8;
}
and javascript -->
- Code:
$(function() {
$(window).scroll(function() {
if($(this).scrollTop() != 0) {
$('#backtotop').fadeIn();
} else {
$('#backtotop').fadeOut();
}
});
$('#backtotop').click(function() {
$('body,html').animate({scrollTop:0},800);
});
});
now, my members who are using their celfones to access the forum are requesting for the opposite - a scroll to the bottom of the page button...
is it possible to create a code for that similar to the above-posted codes? thanks in advance to those who'll help...
- on June 25th 2013, 5:30 pm
- Search in: Garbage
- Topic: Help: Scroll to Bottom of Page code
- Replies: 5
- Views: 847
portal scroll problem
Our portal scroll is static and is far too long, extending way below where it should end. Also, it's font size has become larger. We use phpBB2.Could anyone please assist? Thanks.
- on June 16th 2013, 2:56 am
- Search in: Other Problems Archives
- Topic: portal scroll problem
- Replies: 3
- Views: 837
How to place scroll text and make a frame for that scroll text?
how to place scroll text and make a frame for that scroll text..- on May 11th 2013, 1:23 pm
- Search in: Garbage
- Topic: How to place scroll text and make a frame for that scroll text?
- Replies: 2
- Views: 689
How to make an scroll text with time?
I want to make scroll text with timelike this but with time
How to make it? HELP!!
- on May 11th 2013, 12:30 pm
- Search in: Garbage
- Topic: How to make an scroll text with time?
- Replies: 1
- Views: 547
Page 1 of 5 • 1, 2, 3, 4, 5