Scrollbars in kubrick style ??

Matthijs · Post by **Matthijs** » Thu Dec 22, 2005 12:05 am

I have used the kubrick style, and i have modified the index.tpl.
But i want to use colored scrollbars. But when i use the css file, i dont know where to put the scrollbar code.

Does somebody know, how to get the scrollbars colored ?

My index.tpl looks like this :

falk · Post by **falk** » Thu Dec 22, 2005 8:17 am

Input the code at the end of the css file.

Guest · Post by **Guest** » Thu Dec 22, 2005 11:00 am

falk wrote:Input the code at the end of the css file.

Latest part of the css file :

Code: Select all


blockquote {
    margin: 15px 30px 0 10px;
    padding-left: 20px;
    border-left: 5px solid #ddd;
    }

blockquote cite {
    margin: 5px 0 0;
    display: block;
    }

.center {
    text-align: center;
    }

hr {
    display: none;
    }

a img {
    border: none;
    }

.navigation {
    display: block;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 60px;
    }

{
scrollbar-face-color: #FFFFFF; 
scrollbar-shadow-color: #cccccc; 
scrollbar-highlight-color: #cccccc; 
scrollbar-3dlight-color: #cccccc; 
scrollbar-darkshadow-color: #cccccc; 
scrollbar-track-color: #FFFFFF; 
scrollbar-arrow-color: #cccccc;
}


/* End Various Tags & Classes*/



/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
    It won't be a stylish marriage, I can't afford a carriage.
    But you'll look sweet upon the seat of a bicycle built for two." */

But it dont work ! Or do i use the wrong place in the css ????

falk · Post by **falk** » Thu Dec 22, 2005 11:38 am

html, body, textarea {
scrollbar-face-color: #FFFFFF;
scrollbar-shadow-color: #cccccc;
scrollbar-highlight-color: #cccccc;
scrollbar-3dlight-color: #cccccc;
scrollbar-darkshadow-color: #cccccc;
scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color: #cccccc;
}

Matthijs · Post by **Matthijs** » Thu Dec 22, 2005 12:36 pm

falk wrote:html, body, textarea {
scrollbar-face-color: #FFFFFF;
scrollbar-shadow-color: #cccccc;
scrollbar-highlight-color: #cccccc;
scrollbar-3dlight-color: #cccccc;
scrollbar-darkshadow-color: #cccccc;
scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color: #cccccc;
}

WORKS !!!! GREAT !!!

Matthijs · Post by **Matthijs** » Thu Dec 22, 2005 12:38 pm

Me and my questions...............

But i wonder if somebody know how to get the background fixed ?

See my css file above !!

falk · Post by **falk** » Thu Dec 22, 2005 1:28 pm

body {
font-size: 62.5%; /* Resets 1em to 10px */
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
background-color: #d5d6d7;
color: #333;
text-align: center;
background: url("{TEMPLATE_PATH}images/kubrickbgcolor.jpg");
background-attachment:fixed;
}

Guest · Post by **Guest** » Thu Dec 22, 2005 2:01 pm

falk wrote:body {
font-size: 62.5%; /* Resets 1em to 10px */
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
background-color: #d5d6d7;
color: #333;
text-align: center;
background: url("{TEMPLATE_PATH}images/kubrickbgcolor.jpg");
background-attachment:fixed;
}

I have edit the picture in the "#Page" part.
and when i add the background-attachment command to it, it dont work !

Code: Select all

#page {
    background-color: white;
    text-align: left;
    background: url("{TEMPLATE_PATH}images/test.jpg") ;
    background-attachment:fixed; 
    }

Post by **garvinhicking** » Thu Dec 22, 2005 2:22 pm

Guest, CSS selectors are case sensitive. If you called your elemtn "#Page", you must also use CSS "Page" and not "page".

Best is to give us the URL to your blog.

Regards,
Garvin

Matthijs · Post by **Matthijs** » Thu Dec 22, 2005 2:31 pm

garvinhicking wrote:Guest, CSS selectors are case sensitive. If you called your elemtn "#Page", you must also use CSS "Page" and not "page".

Best is to give us the URL to your blog.

Regards,
Garvin

URL : http://mmf.eppenga.com

My CSS :

Post by **garvinhicking** » Thu Dec 22, 2005 2:53 pm

You must put your page{} element at the end of the page. If you look in your CSS, you redefine "background" for #page in the middle of your CSS, so your first assignment will be overwritten.

Please also do not paste your whole CSS here again. A URL is sufficient.

I also recommend to think again if you really need a frameset. It complicates stuff and especially templating a bit.

Best regards,
Garvin

Guest · Post by **Guest** » Thu Dec 22, 2005 3:08 pm

garvinhicking wrote:You must put your page{} element at the end of the page. If you look in your CSS, you redefine "background" for #page in the middle of your CSS, so your first assignment will be overwritten.

Please also do not paste your whole CSS here again. A URL is sufficient.

I also recommend to think again if you really need a frameset. It complicates stuff and especially templating a bit.

Best regards,
Garvin

I dont understand your answer.
Can you show me it with my css ??

My css : http://mmf.eppenga.com/serendipity/temp ... /style.css

Post by **garvinhicking** » Thu Dec 22, 2005 3:39 pm

Hi!

I dont understand your answer.

Read again the whole thread, then

Do as falk already said; put

Code: Select all

#page {
    background-color: white;
    text-align: left;
    background: url("{TEMPLATE_PATH}images/test.jpg") ;
    background-attachment:fixed;
    }

inside your style.css file AT THE END OF THE FILE.

Best regards,
Garvin

Matthijs · Post by **Matthijs** » Thu Dec 22, 2005 4:05 pm

it dont work !

for a update of my css see :
http://mmf.eppenga.com/serendipity/temp ... /style.css

for some reason, i can edit the jpg file, but when i make changes like fixed commands, he wil not react.

i have put the #page{} on the end of the file

Post by **garvinhicking** » Thu Dec 22, 2005 4:41 pm

Your HTML contains errors:

http://validator.w3.org/check?verbose=1 ... /index.php

The <div id="page"> is not closed, thus no CSS can apply properly to it.

Regards,
Garvin

Scrollbars in kubrick style ??

Scrollbars in kubrick style ??

Background fixed ?