Pages: 12
this is a mini scrollable box.. it's just an box with scrollbars =) here preview: [url=http://h1.ripway.com/mhedge/html/scrollbox.htm]=D click =D[/url] heres the code for CSS: just edit the style th
You are viewing a post by mhedge. View all 22 posts in this is a mini scrollable box.. it's just an box with scrollbars =) here preview: [url=http://h1.ripway.com/mhedge/html/scrollbox.htm]=D click =D[/url] heres the code for CSS: just edit the style th.
2008-07-16 07:00:14
- mhedge
- » FTalkGeek
1027
0
1969-12-31
this is a mini scrollable box.. it's just an box with scrollbars =) here preview: [url=http://h1.ripway.com/mhedge/html/scrollbox.htm]=D click =D[/url] heres the code for CSS: just edit the style th
this is a mini scrollable box..
it's just an box with scrollbars 
here preview: [url=http://h1.ripway.com/mhedge/html/scrollbox.htm]
click [/url]
heres the code for CSS:
just edit the style then put it in ur css extension.
[quote]/*
||********************************************************
||*Style For mini scrollable box
||*Author: mhedge catalan
||*Profile : http://profiles.friendster.com/mhedge
||*
**********************************************************
*/
#scrollbox{
/*background*/
background-color:#000000;
background-image : url(URL_OF_BG_IMAGE);
background-attachment: fixed;
background-position: center center;
background-repeat: no-repeat;
/*scrollbars*/
scrollbar-3dlight-color:#000000;
scrollbar-arrow-color:#ffffff;
scrollbar-track-color:#222222;
scrollbar-darkshadow-color:#000000;
scrollbar-face-color:#111111;
scrollbar-highlight-color:#000000;
scrollbar-shadow-color:#000000;
/*font properties*/
color:#ffffff;
font-family: Microsoft Sans Serif;
font-size: 12px;
text-align:center;
/*size properties*/
width:300;
height:200;
overflow:auto;
}[/quote]
then the box:
just edit the contents:
[quote]<div id='scrollbox' align='center'>
[b]Insert any thing you wan't here... just like image,flash,etc..<br>
Insert any thing you wan't here... just like image,flash,etc..<br>
Insert any thing you wan't here... just like image,flash,etc..<br>
Insert any thing you wan't here... just like image,flash,etc..<br>
Insert any thing you wan't here... just like image,flash,etc..<br>
Insert any thing you wan't here... just like image,flash,etc..<br>
Insert any thing you wan't here... just like image,flash,etc..<br>
Insert any thing you wan't here... just like image,flash,etc..<br>
Insert any thing you wan't here... just like image,flash,etc..<br>
Insert any thing you wan't here... just like image,flash,etc..<br>
Insert any thing you wan't here... just like image,flash,etc..<br>
Insert any thing you wan't here... just like image,flash,etc..<br>
Insert any thing you wan't here... just like image,flash,etc..<br>[/b]
</div>[/quote]
here preview: [url=http://h1.ripway.com/mhedge/html/scrollbox.htm] click [/url]
heres the code for CSS:
just edit the style then put it in ur css extension.
[quote]/*
||********************************************************
||*Style For mini scrollable box
||*Author: mhedge catalan
||*Profile : http://profiles.friendster.com/mhedge
||*
**********************************************************
*/
#scrollbox{
/*background*/
background-color:#000000;
background-image : url(URL_OF_BG_IMAGE);
background-attachment: fixed;
background-position: center center;
background-repeat: no-repeat;
/*scrollbars*/
scrollbar-3dlight-color:#000000;
scrollbar-arrow-color:#ffffff;
scrollbar-track-color:#222222;
scrollbar-darkshadow-color:#000000;
scrollbar-face-color:#111111;
scrollbar-highlight-color:#000000;
scrollbar-shadow-color:#000000;
/*font properties*/
color:#ffffff;
font-family: Microsoft Sans Serif;
font-size: 12px;
text-align:center;
/*size properties*/
width:300;
height:200;
overflow:auto;
}[/quote]
then the box:
just edit the contents:
[quote]<div id='scrollbox' align='center'>
[b]Insert any thing you wan't here... just like image,flash,etc..<br>
Insert any thing you wan't here... just like image,flash,etc..<br>
Insert any thing you wan't here... just like image,flash,etc..<br>
Insert any thing you wan't here... just like image,flash,etc..<br>
Insert any thing you wan't here... just like image,flash,etc..<br>
Insert any thing you wan't here... just like image,flash,etc..<br>
Insert any thing you wan't here... just like image,flash,etc..<br>
Insert any thing you wan't here... just like image,flash,etc..<br>
Insert any thing you wan't here... just like image,flash,etc..<br>
Insert any thing you wan't here... just like image,flash,etc..<br>
Insert any thing you wan't here... just like image,flash,etc..<br>
Insert any thing you wan't here... just like image,flash,etc..<br>
Insert any thing you wan't here... just like image,flash,etc..<br>[/b]
</div>[/quote]
Last edited by mhedge (2008-08-23 05:21:27)
 |