스크롤바

스크롤바
<style type="text/css">
BODY
{scrollbar-face-color: #FFFFFF;
scrollbar-shadow-color: #FF0000;
scrollbar-highlight-color: #0000FF;
scrollbar-3dlight-color: #FFFF00;
scrollbar-darkshadow-color: #00FFFF;
scrollbar-track-color: #FF00FF;
scrollbar-arrow-color: #000000}
</style>

scrollbar-face-color : 스크롤막대기 색
scrollbar-shadow-color : 스크롤막대기 그늘 색
scrollbar-highlight-color : 스크롤막대기 밝은쪽 색
scrollbar-3dlight-color : 스크롤막대기 밝은쪽 3차원 색
scrollbar-darkshadow-color : 스크롤막대기 뒷쪽 색
scrollbar-track-color:green : 스크롤막대기 이동레일 색
scrollbar-arrow-color : 화살표 색

스크롤
안에 들어가는 짧은 소스가 급했거든요. 친절한 답변들 감사합니다!!

<TEXTAREA style="BORDER-TOP-WIDTH: 1px; SCROLLBAR-FACE-COLOR: #ffffff; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: 9pt; BORDER-LEFT-COLOR: black; BORDER-BOTTOM-WIDTH: 1px; BORDER-BOTTOM-COLOR: black; SCROLLBAR-HIGHLIGHT-COLOR: #dddddd; SCROLLBAR-SHADOW-COLOR: #dddddd; COLOR: black; SCROLLBAR-3DLIGHT-COLOR: #ffffff; BORDER-TOP-COLOR: black; SCROLLBAR-ARROW-COLOR: #dddddd; SCROLLBAR-TRACK-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; BACKGROUND-COLOR: #ffffff; BORDER-RIGHT-WIDTH: 1px; BORDER-RIGHT-COLOR: black" name=textarea01 rows=5 cols=83><textarea name="textarea01" rows="5" cols="83" style="font-size:9pt; color:black; background-color:#ffffff; border-width:1; border-color:black; border-style:line;scrollbar-face-color: #ffffff; scrollbar-shadow-color: #dddddd; scrollbar-highlight-color: #dddddd; scrollbar-3dlight-color: #ffffff; scrollbar-darkshadow-color: #ffffff; scrollbar-track-color: #ffffff; scrollbar-arrow-color: #dddddd;"> < /textarea> </TEXTAREA>

보시는건 텍스트필드에 투명스크롤이 들어간겁니다... 표준..투명스크롤이구요..

사용된 소스입니다...

착오가 있는건 투명스크롤 자체가 투명해져서 아래 색상 등이 비춰나오는걸 말씀하시는데 투명스크롤은 기본적으로 흰색으로 구성됩니다..

다만 background-color:transparent 을 추가하시면 텍스트필드 바탕이 지정한 색상이 아니라 바깥부분의 문서의 색상과 동일한 색상이 우러나게 됩니다..

이때 스크롤은 흰색입니다.. 투명스크롤 소스를 넣은데도 말이죠...

스크롤
안에 들어가는 짧은 소스가 급했거든요. 친절한 답변들 감사합니다!!
                        </td>
                        </tr>
                        <tr><td height=10 colspan=2></td></tr>
                        </table>

                <table width=570  border=0 cellpadding=0 cellspacing=0>
                <tr><td style='table-layout:fixed; word-break:break-all; padding:10 10 30 10;' class='ln16 bk'><P><TEXTAREA style="BORDER-TOP-WIDTH: 1px; SCROLLBAR-FACE-COLOR: #ffffff; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: 9pt; BORDER-LEFT-COLOR: black; BORDER-BOTTOM-WIDTH: 1px; BORDER-BOTTOM-COLOR: black; SCROLLBAR-HIGHLIGHT-COLOR: #dddddd; SCROLLBAR-SHADOW-COLOR: #dddddd; COLOR: black; SCROLLBAR-3DLIGHT-COLOR: #ffffff; BORDER-TOP-COLOR: black; SCROLLBAR-ARROW-COLOR: #dddddd; SCROLLBAR-TRACK-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; BACKGROUND-COLOR: #ffffff; BORDER-RIGHT-WIDTH: 1px; BORDER-RIGHT-COLOR: black" name=textarea01 rows=5 cols=83><textarea name="textarea01" rows="5" cols="83" style="font-size:9pt; color:black; background-color:#ffffff; border-width:1; border-color:black; border-style:line;scrollbar-face-color: #ffffff; scrollbar-shadow-color: #dddddd; scrollbar-highlight-color: #dddddd; scrollbar-3dlight-color: #ffffff; scrollbar-darkshadow-color: #ffffff; scrollbar-track-color: #ffffff; scrollbar-arrow-color: #dddddd;">

< /textarea>

</TEXTAREA></P>
<P> </P>
<P>보시는건 텍스트필드에 투명스크롤이 들어간겁니다... 표준..투명스크롤이구요..</P>
<P>사용된 소스입니다...</P>
<P> </P>
<P>착오가 있는건 투명스크롤 자체가 투명해져서 아래 색상 등이 비춰나오는걸 말씀하시는데 투명스크롤은 기본적으로 흰색으로 구성됩니다..</P>
<P>다만 background-color:transparent 을 추가하시면 텍스트필드 바탕이 지정한 색상이 아니라 바깥부분의 문서의 색상과 동일한 색상이 우러나게 됩니다.. </P>
<P>이때 스크롤은 흰색입니다.. 투명스크롤 소스를 넣은데도 말이죠...</P>
<P> </P>
<P> </P>
<P> </P>
<P> </P></td></tr>
                </table>

'- script' 카테고리의 다른 글

제목(input) 출력 부분 마퀴태그 처럼 스크롤 시키기  (0) 2010.10.05
폼메일  (0) 2010.10.05
[zero]일반페이지의 내용을 특정 아이디&레벨만 볼 수 있도록 하기  (0) 2010.10.05
카테고리를 이미지로 나타내기  (0) 2010.10.05
주민등록번호 입력시 자동으로 넘어가게 하기  (0) 2010.10.05
요일마다 바뀌는 상태바 인사 말~  (0) 2010.10.05
우리가 사랑한지 몇일째 날짜세주는 PHP 소스  (0) 2010.10.05
input | input내용, 클릭하면 ... 사라져라!  (0) 2010.10.05
제목 박스 앞에 흰점 없애는 방법  (0) 2010.10.05
스크롤 따라다니는 메뉴 ①  (0) 2010.10.05