iframe scrollbars, help....arg! Options

[anonymous_killer]

I was wondering if there was a way to define the scrollbar colors on an iframe!
I tries defining them in the css using like:

body {
scrollbar-highlight-color: #000;
}

and etc... and i even tried

iframe {
scrollbar-highlight-color: #000;
}


I tried looking everywhere for how to do this but i cant find it anywhere!!!
Someone help!

[sweetxsimplicity]

Try putting

CODE

<!-- begin code provided by createblog.com -->
<style type="text/css">
.iframe
{
scrollbar-face-color:#FEEECC;
scrollbar-arrow-color:black;
scrollbar-track-color:#FEEECC;
scrollbar-shadow-color:#FEEECC;
scrollbar-highlight-color:#FEEECC;
scrollbar-3dlight-color:#FEEECC;
scrollbar-darkshadow-Color:#FEEECC;
background: transparent;
overflow: hidden;
border:none;
margin:0;
}
</style>
<!-- end code provided by createblog.com -->

Then in your iframe tag put
<iframe class="iframe"></iframe>

I think that's how you do it, but I'm not really sure. =/

[anonymous_killer]

ill give it a whirl. Thanks!

[queen]

overflow: auto. with overflow hidden the scrollbar won't show.

[razbus]

overflow: auto. with overflow hidden the scrollbar won't show.

Um.... yeah. I kinda want the scrollbar to show. That's why im asking how to do it. And sorry simplicity, that didnt work.

[*[2]Nekked*]

give your iframe an id.

<iframe id="name" src="djfsi" etc>



then in your css


.name{stylehere}

maybe.. i dunno..

[razbus]

nope. didn't work. Thanks anyways trish.

[*[2]Nekked*]

same thing but try iframe.idnamehere

or u can just make a style sheet for each page inside your iframe and set the scrollbars that way.

[queen]

<iframe src="http://www.blah.com/blah.html" width="#" height="#"></iframe>

the scrollbars by default WILL SHOW... then for the css in "http://www.blah.com/blah.html" you can just adjust the style for the scrollbars on that page. you can even hide the horizontal if you want, or have them both showing...whatever, up to you ;x

[*[2]Nekked*]

<iframe src="http://www.blah.com/blah.html" width="#" height="#"></iframe>

the scrollbars by default WILL SHOW... then for the css in "http://www.blah.com/blah.html" you can just adjust the style for the scrollbars on that page.  you can even hide the horizontal if you want, or have them both showing...whatever, up to you ;x

i think he wants to find a way to define all scrollbars colors in all iframes using something like .iframe {style here}

[DesperateXMeasur...]

Gah. I did this once. I can't remember how.

Once I remember I will edit this.

/EDIT
I think you just define the colors in your CSS and it should work.

[razbus]

Well, i just defined the scrollbars in all of the pages that will be displayed in an iframe. Kinda a pain in my arse... so if anyone knows an easier way... hello at cherr boi. lol.



me = geek

[queen]

Nekked,Oct 13 2004, 6:59 AM] i think he wants to find a way to define all scrollbars colors in all iframes using something like .iframe {style here}

oh, in that case... use the code i put above, but add name="blah"... so the whole thing would be:

<iframe name="blah"></iframe>

then in your css

<style type="text/css">
blah {
width: #px;
height: #px;
overflow-x: hidden;
overflow-y: auto;
}
</style>

...but your scrollbars would already be defined under your body tag, so no use in repeating them (with the exception of the horizontal scroll being disabled, or unless you want them different from the body scrollbars):

body {
background-color: #color;
scrollbar-arrow-color: #color;
scrollbar-track-color: #color;
scrollbar-shadow-color: #color;
scrollbar-face-color: #color;
scrollbar-highlight-color: #color;
scrollbar-darkshadow-color: #color;
scrollbar-3dlight-color: #color;
overflow-x:hidden;
}

[razbus]

oh, in that case... use the code i put above, but add name="blah"... so the whole thing would be:

<iframe name="blah"></iframe>

then in your css

<style type="text/css">
blah {
width: #px;
height: #px;
overflow-x: hidden;
overflow-y: auto;
}
</style>

...but your scrollbars would already be defined under your body tag, so no use in repeating them (with the exception of the horizontal scroll being disabled, or unless you want them different from the body scrollbars):

body {
background-color: #color;
scrollbar-arrow-color: #color;
scrollbar-track-color: #color;
scrollbar-shadow-color: #color;
scrollbar-face-color: #color;
scrollbar-highlight-color: #color;
scrollbar-darkshadow-color: #color;
scrollbar-3dlight-color: #color;
overflow-x:hidden;
}

Did you even read the other posts?

I allready tried all that you bavarian chocklate covered testicle!!!
Thanks anyways.

[queen]

um the "other posts" had "iframe.idnamehere" or "id" "class" not "name" which is what i had... so excuse me for trying to add another idea in there 'cause omg that's like illegal ;x

[razbus]

= ::me ignoring you::

[hlall]

err are you using chatterbox? and trying to change the scroll bar color of that because theres an easy way to do that that would require a host

just upload a .css file with body{scroll bar junk} in it... no <style></style> okay... then go to chatterbox manger and in the iframe settings just put in the url to the .css file.. otherwise i dont know... you could go to the iframe page and put the style there... it should work or <iframe style="scroll bar stuff minus the body{}">

err yeah thats all i got

edit:/ oh woops i should read more carefully... you said you already put it into all of your iframes and you want an easier way... do the thing for chatterbox that i said... create a .css file and stuff minus the <style></style> then just put

CODE

<!-- begin code provided by createblog.com -->
<link rel="STYLESHEET" type="text/css" href="http://url.here/cssfile.css">
<!-- end code provided by createblog.com -->

into all your pages

[razbus]

edit:/ oh woops i should read more carefully... you said you already put it into all of your iframes and you want an easier way... do the thing for chatterbox that i said... create a .css file and stuff minus the <style></style> then just put

CODE

<!-- begin code provided by createblog.com -->
<link rel="STYLESHEET" type="text/css" href="http://url.here/cssfile.css">
<!-- end code provided by createblog.com -->

into all your pages

yeah, thats what i meant what i said i put the css into all the pages. I dont have time to write out css on every page. My site has like 1623143153146 pages because they are generated automatically and doing that would take like 1623143153146 days. lol.

me = geek

[hlall]

ive got a question.. are you using php?

are you using fwrite or fputs or something, if so.. make sure that <link rel=..> is the first part of it, when the file is created, but right now... i think copy and paste is probably your best chance

[whomps]

yeah, thats what i meant what i said i put the css into all the pages. I dont have time to write out css on every page. My site has like 1623143153146 pages because they are generated automatically and doing that would take like 1623143153146 days. lol.

me = geek

For peak's sake she's just trying to help you.


Instead of putting your css on all your pages why don't you just have one .css page and then upload it and use the linkref crap?

[hlall]

woops.. me=boy and geek

yeah thats exactly what i just said, but hes lazy...

maybe i wasn't clear enough?

you put it in a seperate.css file, not the link rel thing and css on each page

just the link rel thing

just tell me how your generating them, im still pretty new to php but i could probably help

[razbus]

are you people dense or something? That is exactly what i said! I DO use ONE css sheet. And yes i use php. And cgi.

[hlall]

are you people dense or something? That is exactly what i said! I DO use ONE css sheet. And yes i use php. And cgi.

thanks for calling us dense for trying to help...

since your using php, screw iframes
use php's include feature,

insteada an iframe, make it so the links to go places like www.razbus.com/index.php?page=x
or something

put this code where you need to put it

if(isset($_GET['action'])){
$action = $_GET['action'];
}
else{
$action == 'main';
include "main.php";
}

if($action == 'photos'){
include "photos.php";
}
elseif($action == 'bio'){
include "bio.php";
}

and at the top of the page put this

<?php require"css.txt"; ?>

in css.txt put your css styles
with the style tags
so put <style type="text/css"> stuff{ } stuff { } </style>


i assume you know enough php to understand how to work this

and what you said earlier, you didn't say you use 1 css sheet, you just said your copying and pasting all your styles onto every page

don't call me dense, your lucky im still helping

and they are in quote boxes because i dont like the begin code provided by createblog.com when i provide it

[*[2]Nekked*]

why dont you just define the body scrollbar colors? that would define all scrollbars, including all pages in your iframe.

-_-"

and dont yell at others because we're just trying to help. you could be a little appreciative. i thought you were the 1337 coder eh? you're the one bragging about how well you can code, well you cant solve a simple problem like this? further more if you were so good at it, you'd realize the difference between what was said and what synkro said.


you could also put the iframe inside a div and define the colors in your divs class.



just remember that YOU posted here for HELP. we dont HAVE to help you. we COULD just leave you hanging, so drop the f*cking attitude.

[razbus]

Nekked,Nov 3 2004, 5:05 PM] why dont you just define the body scrollbar colors? that would define all scrollbars, including all pages in your iframe.

-_-"

and dont yell at others because we're just trying to help. you could be a little appreciative. i thought you were the 1337 coder eh? you're the one bragging about how well you can code, well you cant solve a simple problem like this? further more if you were so good at it, you'd realize the difference between what was said and what synkro said.


you could also put the iframe inside a div and define the colors in your divs class.



just remember that YOU posted here for HELP. we dont HAVE to help you. we COULD just leave you hanging, so drop the f*cking attitude.

I never said that i couldn't solve this on my own. I was simply looking for a more efficient and space saving way. And i wasn't yelling at anyone, er... or at least i wasnt trying to.

As for what hlall said, I thought of that allready but i am using an imagemap and not links. I don't know of a way to do that with a mapped image.

Anyways, im sorry if i offended anyone. I get cranky when i havent taken my medicaion.

[*[2]Nekked*]

slice the images.

[xquizit]

Hmmm... I don't believe there is a way to do that. There are alternative ways to edit the iframe scrollbars, as previous posters have pointed out.

I assume your pages are using includes since your site is written in php and I assume that each of your pages are using a common header .php file. And that within this header file, you've either linked a stylesheet or have your stylesheet code in there. Well either way, just edit the stylesheet to change the the scrollbar colors within the "body" attribute. Because all your pages are linked to the same stylesheet through their common header file, the changes will be made across all pages and there you go, problem solved. And you only had to edit one file.

One question tho, since you've coded your site in PHP, why WOULD you want to use iframes if you could just dynamically include the content? That would be more efficient than using iframes, which from what I've seen, you've already done. The World Wide Web Consortium (W3C) discourages the use of iframes anyway as because of issues with browser compatability, accessibility and other things that would just be inconvenient for certain internet users. I'm sure you could care less, but it's just a tip.


-edit-

I was just browsing your site and now I see what you're doing with the iframes. I would suggest you dynamically include the different content but place it within a div, setting the scrollbar to auto and applying a width and a height as you did with the iframe. Then all you would have to do is edit the scrollbar colors of that div. It would look exactly like what you have now, but would be more efficient and load quicker than if you used iframes.

I guess that would just mean additional work, since you've already acheived the look that you wanted. This is just for future reference.

[*[2]Nekked*]

Hmmm... I don't believe there is a way to do that. There are alternative ways to edit the iframe scrollbars, as previous posters have pointed out.

I assume your pages are using includes since your site is written in php and I assume that each of your pages are using a common header .php file. And that within this header file, you've either linked a stylesheet or have your stylesheet code in there. Well either way, just edit the stylesheet to change the the scrollbar colors within the "body" attribute. Because all your pages are linked to the same stylesheet through their common header file, the changes will be made across all pages and there you go, problem solved. And you only had to edit one file.

One question tho, since you've coded your site in PHP, why WOULD you want to use iframes if you could just dynamically include the content?

didnt i say that?

like 4 times?



*sigh*


edit:// yeah thats why my new blog doesnt have any iframes hahahahah *smart*

[razbus]

yeah, i guess ill do the image slicing thing. Thanks everybody. You guys (or... girls in this case) are what make createblog rock!

[liquidplasma6]

hey, thats cool, thanks hlall for that php thing, its gonna help me make my site...

733t CODER, dont show off dude, you think you are a super coder, but you need to ask a silly question like this? hehe

[hlall]

uh.. your welcome...

Thanks everybody. You guys (or... girls in this case) are what make createblog rock!

i guess someone can close this now