custom scrollbars

[Æon Light]

Hola ~

I just made a webpage this afternoon using a lot of javascript stuffs to make it all spiffy...and alas, when I went to preview it, I realized I had forgotten to put in my custom scrollbars...

Silly me, indeed.

However, I went to put them in...and the script for them seems to clash with my other stuff...it screws all the aligning up and whatnot. This is the page here :: (heavily under construction, I'm ashamed, oh well)

click (http://www.miss-light.com/skye/perception.htm)

Could one of you clever people take a look at my source and help me with adding the custom scrollbars in without screwing up my alignment?

Much appreciated.

[Alex]

http://www.dynamicdrive.com/dynamicindex11/barcolor.htm



here ya go. hope this helps out.:P... i would add this around the bottom of the page. that shouldnt mess up the alignment. :nerd:



Also, Welcome to kirupa fourms. Enjoy your stay:)

[Æon Light]

:*(

it doesnt like me... it won't fit in there without kickin my alignments ***...hmm.. I wonder why it does that? Is there another way? Could someone paste the entire thing for me so I can see how it's done?

:trout:

[Alex]

hmm. let me expirement with it. brb:)

[Alex]

ok i got it to work.

i saved it as an attachment.:)

[lostinbeta]

Originally posted by Æon Light
:*(

it doesnt like me... it won't fit in there without kickin my alignments ***...hmm.. I wonder why it does that? Is there another way? Could someone paste the entire thing for me so I can see how it's done?

:trout:

It is just CSS, there should be no reason it kicks your alignment out as all it changes is color and nothing else. There must be something else doing that.

[Alex]

and of course i forgot to attach it. lol here it is

[Æon Light]

Alex, you saved my life!!!!

Thank you!

:bounce:

[Alex]

your welcome.:)

[Jubba]

HOLY ****!! ALEX HELPED SOMEBODY!!!!!

:P :trout: :P

[Æon Light]

:flower:

well... I'm back with another annoying query... how do i fit this :

<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<META NAME="MSSmartTagsPreventParsing" content="TRUE">
<META content="ta" name="Author">

<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
window.defaultStatus=" "
</SCRIPT>

<style>
<!--
body {font: 11px "tahoma", "arial"; }
A:link {color: #564365; text-decoration:none}
A:visited {color: #564365; text-decoration: none}
A:hover {color: #660099; text-decoration: blur}
A:active {text-decoration: none}
-->
</style>

into my page without ****ing the alignment up?

everything hates me

:cries:

[Æon Light]

oops.

i posted a whole lot of script and it didnt come up..hm..

click (http://www.miss-light.com/text.txt)

this might be better..

[lostinbeta]

Ehem :clears through: The PHP vbCode tags are used for showing HTML and the like on the forum. [<I></I>PHP][<I></I>/PHP]


<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<META NAME="MSSmartTagsPreventParsing" content="TRUE">
<META content="ta" name="Author">

<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
window.defaultStatus=" "
</SCRIPT>

<style>
<!--
body {font: 11px "tahoma", "arial"; }
A:link {color: #564365; text-decoration:none}
A:visited {color: #564365; text-decoration: none}
A:hover {color: #660099; text-decoration: blur}
A:active {text-decoration: none}
-->
</style>

And again, this is all just Meta tags, javascript, and CSS. None of this should be throwing your alignment out of whack in the HTML page itself (although in DW it does appear to be thrown out of whack if you check the file it will be fine). You just need to copy and paste it between the &lt;HEAD&gt;&lt;/HEAD&gt; tags.

[Alex]

Originally posted by Jubba
HOLY ****!! ALEX HELPED SOMEBODY!!!!!

:P :trout: :P


haha i guess i did :) =)

[Alex]

your going to need to customize the colors to fit your web site. if you need help with that just ask<:}

[eyeinfinitude]

Originally posted by Jubba
HOLY ****!! ALEX HELPED SOMEBODY!!!!!

:P :trout: :P

LMAO!!! Congrats Alex!! 1589 posts of spam and 1 helpful post!! You're my hero!! :trout:

[Alex]

lol i have helped alot of people in diffrent areas! and alot in the book help part!:nerd: :sure: =) :A+: :sleep:

[Jubba]

yeah, did you see the sticky he created for Frontpage stuff? So thats two helpful posts :P

[Alex]

hey im moving up in this world;)

[eyeinfinitude]

Originally posted by Alex
hey im moving up in this world;)

You're moving on up alright, just one post at a time Alex. =)

[Alex]

thats all that counts:nerd:

[Æon Light]

Dear Alex.

Please be my new best friend and add that script to my page for me so I can learn where it fits without killing my alignment..

Yours Sincerely

Æon Blight

[Alex]

what script? i added a txt file with the customized scroll bars on your site already(-:

[Æon Light]

this..


Originally posted by lostinbeta
Ehem :clears through: The PHP vbCode tags are used for showing HTML and the like on the forum. [<I></I>PHP][<I></I>/PHP]


<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<META NAME="MSSmartTagsPreventParsing" content="TRUE">
<META content="ta" name="Author">

<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
window.defaultStatus=" "
</SCRIPT>

<style>
<!--
body {font: 11px "tahoma", "arial"; }
A:link {color: #564365; text-decoration:none}
A:visited {color: #564365; text-decoration: none}
A:hover {color: #660099; text-decoration: blur}
A:active {text-decoration: none}
-->
</style>

And again, this is all just Meta tags, javascript, and CSS. None of this should be throwing your alignment out of whack in the HTML page itself (although in DW it does appear to be thrown out of whack if you check the file it will be fine). You just need to copy and paste it between the &lt;HEAD&gt;&lt;/HEAD&gt; tags.

[Alex]

thats the exact file that i added to the board. its on a txt file. so if you open up the file, just see where i placed it and you can see how to add it for your self. that works where i placed it and it didnt mess up anything. so try that and if you cant get it to work, i am not sure what to tell you, because it should work:sigh:


(i didnt mean this in a mean type of way):hair:

[Æon Light]

oooh..munchkins... it worked..

thank you dears

you people are so lovely

:evil:

[chris9902]

add this in the HEAD

i use this on every web site you can change link, text, hover colors and your scrollbar

<PHP>

<style>
<!--
a:link {color:#7FBFFF; font-weight:none; text-decoration:none; line-height:10pt;}
a:visited {color:#7FBFFF; font-weight:none; text-decoration:none; line-height:10pt;}
a:active {color:#7FBFFF; font-weight:none; text-decoration:none; line-height:10pt;}
a:hover {color:#FFFFFF; font-weight:none; text-decoration:none; line-height:10pt;}
body {font-family:verdana; font-size:8pt; line-height:10pt;}
BODY {scrollbar-face-color: #ffffff; scrollbar-highlight-color: #ffffff; scrollbar-3dlight-color: #d5d5d5; scrollbar-darkshadow-color: #ffffff;
scrollbar-shadow-color: #d5d5d5; scrollbar-arrow-color: #d5d5d5; scrollbar-track-color: #ffffff;}
-->
</style>

</PHP>

hope that helped

[chris9902]

<style>
<!--
a:link {color:#7FBFFF; font-weight:none; text-decoration:none; line-height:10pt;}
a:visited {color:#7FBFFF; font-weight:none; text-decoration:none; line-height:10pt;}
a:active {color:#7FBFFF; font-weight:none; text-decoration:none; line-height:10pt;}
a:hover {color:#FFFFFF; font-weight:none; text-decoration:none; line-height:10pt;}
body {font-family:verdana; font-size:8pt; line-height:10pt;}
BODY {scrollbar-face-color: #ffffff; scrollbar-highlight-color: #ffffff; scrollbar-3dlight-color: #d5d5d5; scrollbar-darkshadow-color: #ffffff;
scrollbar-shadow-color: #d5d5d5; scrollbar-arrow-color: #d5d5d5; scrollbar-track-color: #ffffff;}
-->
</style>

[Æon Light]

thank you chris...I'll do that...

:whistle:

[chris9902]

wow the first person i have helped :nerd:

[Alex]

lol(: