PDA

View Full Version : Transparent scrollie/no right click

balYyamme
01-05-2006, 11:56 PM
Could anyone add a transparent scrollbar for the the sliced table in the middle?

And if possible, a no-right-click zone with a pop-up message?

Thank you!!

<HTML>
<HEAD>
<TITLE>adiouslace allure designs</TITLE>

</HEAD>
<BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
<!-- ImageReady Slices (Vs2adious.gif) -->
<TABLE WIDTH=900 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD COLSPAN=3>
<IMG SRC="http://img454.imageshack.us/img454/5401/vs2adious013yy.jpg" WIDTH=900 HEIGHT=408 ALT=""></TD>
</TR>
<TR>
<TD ROWSPAN=2>
<IMG SRC="http://img454.imageshack.us/img454/5905/vs2adious024xh.jpg" WIDTH=64 HEIGHT=548 ALT=""></TD>
<TD width="242" height="428" valign="top" background="http://img230.imageshack.us/img230/8789/vs2adious033bu.jpg"><span style="width= 242; height= 428; overflow: auto"> you can write here and type type type type type type you can write here and type type type type type type you can write here and type type type type type type you can write here and type type type type type type you can write here and type type type type type type you can write here and type type type type type type you can write here and type type type type type type you can write here and type type type type type type you can write here and type type type type type type you can write here and type type type type type type you can write here and type type type type type type you can write here and type type type type type type you can write here and type type type type type type you can write here and type type type type type type you can write here and type type type type type type you can write here and type type type type type type you can write here and type type type type type type you can write here and type type type type type type also- <b>lastic is so much cooler than you and you should be VERY jealous! sooo yeah... you better be afraid so go home to your mama! -slaps-
-evilgrin- ;D</b> </td>
<TD ROWSPAN=2>
<IMG SRC="http://img230.imageshack.us/img230/7290/vs2adious041sh.jpg" WIDTH=594 HEIGHT=548 ALT=""></TD>
</TR>
<TR>
<TD>
<IMG SRC="http://img454.imageshack.us/img454/2623/vs2adious059wx.jpg" WIDTH=242 HEIGHT=120 ALT=""></TD>
</TR>
</TABLE>
<!-- End ImageReady Slices -->
</BODY>
</HTML>
<STYLE TYPE="text/css" > body {background-color=#555555} </STYLE>

<style>
BODY
{background-color:#555555;
scrollbar-face-color:#555555;
scrollbar-shadow-color:#555555;
scrollbar-highlight-color:#555555;
scrollbar-3dlight-color:#555555;
scrollbar-darkshadow-color:#555555;
scrollbar-track-color:#555555;
scrollbar-arrow-color:#000000}

A:link{font-family: georgia; font-size: 8pt;color: #7e8f96; text-decoration:none}
A:visited{font-family: georgia; font-size: 8pt;color: #7e8f96; text-decoration:none}
A:active{font-family: georgia;font-size: 8pt;color: #FFFFFF; text-decoration:none}
A:hover{ font-family: georgia;font-size: 8pt;color: #FFFFFF; text-decoration:none}

</style>
<style type="text/css">
<!--
body,tr,td {font-size:8pt; font-family: georgia; text-align: left;
color:#000000; line-height:13px; letter-spacing:0pt}
-->
</style>

<style>
b{color: #7e8f96; font-family:"arial";font-size:8pt; letter-spacing:2pt; word-spacing:1pt; font-weight:bold;}

i {color: #7e8f96; font-family:"arial";font-size:8pt; letter-spacing:2pt; word-spacing:1pt;}

u{color: #c0d1d5; font-family:"arial";font-size:9pt; letter-spacing:1pt; word-spacing:1pt;border-bottom: 2px #ffffff dotted;line-height:18px;}
--></style>

<style> body {background-color="#555555"} </style>
kittycat
01-06-2006, 12:37 AM
You should fix up your CSS so it looks like this, and more it between the <head> tags:
<STYLE TYPE="text/css" >
BODY
{background-color:#555555;
scrollbar-face-color:#555555;
scrollbar-shadow-color:#555555;
scrollbar-highlight-color:#555555;
scrollbar-3dlight-color:#555555;
scrollbar-darkshadow-color:#555555;
scrollbar-track-color:#555555;
scrollbar-arrow-color:#000000}

A:link{font-family: georgia; font-size: 8pt;color: #7e8f96; text-decoration:none}
A:visited{font-family: georgia; font-size: 8pt;color: #7e8f96; text-decoration:none}
A:active{font-family: georgia;font-size: 8pt;color: #FFFFFF; text-decoration:none}
A:hover{ font-family: georgia;font-size: 8pt;color: #FFFFFF; text-decoration:none}

body,tr,td {font-size:8pt; font-family: georgia; text-align: left;
color:#000000; line-height:13px; letter-spacing:0pt}

b{color: #7e8f96; font-family:"arial";font-size:8pt; letter-spacing:2pt; word-spacing:1pt; font-weight:bold;}

i {color: #7e8f96; font-family:"arial";font-size:8pt; letter-spacing:2pt; word-spacing:1pt;}

u{color: #c0d1d5; font-family:"arial";font-size:9pt; letter-spacing:1pt; word-spacing:1pt;border-bottom: 2px #ffffff dotted;line-height:18px;}
</style>

You can try adding those two things yourself with help from these links:
http://www.lissaexplains.com/javascript6.shtml
http://www.lissaexplains.com/frames.shtml#inline
balYyamme
01-06-2006, 01:11 AM
Hm. Its not working for me. -.- Thanks for fixing my HTML though! :hamster:
echoskybound
01-07-2006, 12:52 AM
To make a transparent scrollbar, you have to make a div inside the table. the div would look something like this:

<div style="position:top; width:500px; height:500px; overflow:auto;
scrollbar-face-color: #000000; scrollbar-highlight-color: #000000; scrollbar-3dlight-color: #000000; scrollbar-shadow-color: #000000; scrollbar-darkshadow-color: #000000; scrollbar-track-color: #000000; scrollbar-arrow-color: #ffffff; filter: chroma(color=#000000); allowtransparency="true"> Div contents here </div>

The color you designate as the chroma filter (in this case 000000, which is probably a bad idea because black is commonly used in scrollbars, lol) is the color that will be transparent in the scrollbar. Of course for the dimensions of the div you's have to make it a lil smaller than the table or TD you're fitting it in. Give it a shot and tell me if it works