- ARCHIVES
- » 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
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
- 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)
 |
- vetra9
- » FTalkGeek
- 1468
- 0
- 1969-12-31
Re: 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 Can apply in Js?
Is This Script can apply in Js How Can I make? 
|
- mhedge
- » FTalkGeek
- 1027
- 0
- 1969-12-31
Re: 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
[quote=vetra9]This Can apply in Js?
Is This Script can apply in Js How Can I make? [/quote]
just use addbox .
then paste the css in ur media box
[/quote]
just use addbox .
then paste the css in ur media box
|
- ammar1408
- » FTalkFreak
- 1522
- 0
- 1969-12-31
Re: 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
Yoshhh.. Nice CSS code.. 
I will try it later..
Thankz for sharing it
I will try it later..
Thankz for sharing it
|
- DopeThatAlissa
- » n00b
- 8
- 0
- 1969-12-31
Re: 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
thanks for sharing..
|
- darrylcedro
- » n00b
- 1
- 0
- 1969-12-31
Re: 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
[b][/b] i tried it n po .. tnx 4 sharing it! 
|
- felicitytine13
- » FTalker
- 227
- 0
- 1969-12-31
Re: 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
[img]http://dl8.glitter-graphics.net/pub/607/607988onarxhg9e6.gif[/img]
cooL
but i want a normal size thanx for sharing anyway
|
- sweetdea_harry18
- » FTalker
- 244
- 0
- 1969-12-31
Re: 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
cool tnx for sharing!
we can use it the way we want it!
i really love this add on...
you know maybe this should be post on the tricks and tutorials??
i think,not really sure,,,,,,,,,,,
just a comment......
|
- princeezza
- » n00b
- 2
- 0
- 1969-12-31
Re: 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
tenchu pOh! 
|
- jamiediaz04
- » n00b
- 7
- 0
- 1969-12-31
Re: 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
pnu po ilagay ?
bkt ayaw ?
huhu ;[
paturo po .
pnu po edit ung style ?
huhu ;[
|
- lady_nhica03
- » n00b
- 67
- 0
- 1969-12-31
Re: 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
tnx for sharing!
|
- lady_nhica03
- » n00b
- 67
- 0
- 1969-12-31
Re: 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
[quote=jamiediaz04]pnu po ilagay ?
bkt ayaw ?
huhu ;[
paturo po .
pnu po edit ung style ?
huhu ;[[/quote]
sis! try to speak english..
thats in the rule!
|
- glenna rose
- » n00b
- 47
- 0
- 1969-12-31
Re: 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
thanks for sharing bro!
|
- chrysta may
- » FTalker
- 187
- 0
- 1969-12-31
Re: 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
.cAn wE pUt iMaGes hEre?!
.hOw?!
|
- melan.cholia
- » n00b
- 27
- 0
- 1969-12-31
Re: 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
its already in html. all i have to do is edit the bold text. this is really easy to do.
|
- leonard021
- » n00b
- 95
- 0
- 1969-12-31
Re: 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
[align=center][b]Thnzz For Sharing[/b][/align]
[align=center][img]http://addons.friendstertalk.com/userbar130831-4.gif[/img][/align]
[align=center][img]http://i82.photobucket.com/albums/j256/galaxy_01/dnote_sig.gif[/img][/align]
|
- japzy
- » FTalkManiac
- 639
- 0
- 1969-12-31
Re: 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
[quote=chrysta may]cAn wE pUt iMaGes hEre?!
.hOw?![/quote]
[quote=mhedge]<div id='scrollbox' align='center'>
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>
</div>[/quote]
See the[quote]Insert any thing you wan't here... just like image,flash,etc..[/quote]
Replace it with this:
[quote]<img src="IMG_URL"/>[/quote]
Then follow the said instructions.
|