Forum has moved to another host, some things may be broken or shaky for a little while
Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme »

Colourful scroll bars


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old Feb 7, 2009, 06:14 PM
Tigger
 
35 posts · Feb 2009
Hi Flynn,

actually I already gave up this idea, but I am sure it could be interessting for others. I know, that for IE5 and higher you can make special coloured scroll bars. Here is a website, where you can generate the code:

http://www.homepage-buttons.de/tools...generator.html

I generated the code and pasted it into a text file. Then named this file scroll.css and dropped it on my server in the main directory. Also later into the main of the theme ... and furter places.

Then I went to the theme options and placed this link into HTML/CSS inserts. Placed it into HTML Header inserts: <link rel="stylesheet" type="text/css" href="scroll.css">

It did not work out. Then I dumped the css directly into CSS inserts ... did not work either. Then I placed it into different locations all over some scripts. The only result was, that the scroll bars in my contact forms (text form) exactly matched the scroll bar colours I wanted. But I could not apply it to the right side scroll bar of the browser. Where do I have to place the css ? Or where do I have to place the css file and place the link to get it running ?
  #2  
Old Feb 8, 2009, 01:30 PM
Flynn's Avatar
Flynn
 
3,761 posts · Oct 2008
Munich, Germany
If you've put the file into the domains root folder (yourdomain.com/style.css) , reference it via "HTML Inserts: Header" as

HTML Code:
<link rel="stylesheet" type="text/css" href="/scroll.css" />
Note the slash in front of scroll.css

Or, after putting it into the theme folder (wp-content/themes/atahualpa/):

HTML Code:
<link rel="stylesheet" type="text/css" href="/wp-content/themes/atahualpa/scroll.css" />
  #3  
Old Feb 10, 2009, 08:10 AM
Tigger
 
35 posts · Feb 2009
Hi Flynn,

this solution still does not change the main scroll bar of the browser on the right side. It only affects scroll bars in the page content such as answer forms (text fields with scroll bars). Even when pasting the whole css into the theme head field such as

<style type="text/css">
body {
scrollbar-arrow-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
scrollbar-face-color: #0000FF;
}
</style>

same result as with seperate css file in main folder of the website. Do you have any idea ? I will send you a link via pm

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Blank side bars Verity Sidebars & Widgets 4 Dec 12, 2010 04:30 AM
Scroll Centre Column gcaleval Sidebars & Widgets 2 Jul 13, 2009 08:02 PM
what and where are they, these gray bars in the sidebars? cosmiclove Sidebars & Widgets 3 Jul 8, 2009 12:22 PM
Unwanted horizontal scroll bar mwiwchar Atahualpa 3 Wordpress theme 2 Mar 4, 2009 04:11 PM
Both side bars on the right LisaNewton Sidebars & Widgets 2 Feb 12, 2009 02:40 PM


All times are GMT -6. The time now is 10:55 PM.


Powered by vBulletin® Copyright ©2000 - 2014, Jelsoft Enterprises Ltd.