혹시...이런스크립트있으신분...(박스관련) 정보
그누보드 혹시...이런스크립트있으신분...(박스관련)
본문
이런스크립트가필요합니다...
스타일시트에 추가할려고하는데요..
글자에 마우스가 갔을때 테두리가 박스로나타나는 스크립트를 찾고있습니다..
검색엔진에서 찾다가..영...못찾고...글을올립니다..
흔한스크립트라고생각했는데..흔하지않은가봅니다..
아시는분..소스좀갈쳐주세요..
스크립트형태가아니고...php형태라도 좋습니다..
스타일시트에 추가할려고하는데요..
글자에 마우스가 갔을때 테두리가 박스로나타나는 스크립트를 찾고있습니다..
검색엔진에서 찾다가..영...못찾고...글을올립니다..
흔한스크립트라고생각했는데..흔하지않은가봅니다..
아시는분..소스좀갈쳐주세요..
스크립트형태가아니고...php형태라도 좋습니다..
댓글 전체
예진맘님의소스를 힌트삼아서 이렇게하니..원하던 스타일로 나오긴하네요..
<style type="text/css">
<!--
font{ font-family:"굴림"; font-size: 9pt; line-height:17px; }
td{ font-family:"굴림"; font-size: 9pt; line-height:17px; }
a:visited {color:#000000; text-decoration: none }
a:link { color:#000000; text-decoration: none; }
a:active { color:#ff00cc; text-decoration: none; }
a:hover {color:#ff00cc; text-decoration: none;border-style:solid; border-width:1; border-color:#000000 #000000 #000000 #000000; color:white;width=auto;}
--></style>
위에서 auto 부분은 박스의넓이를 조정하면...
<style type="text/css">
<!--
font{ font-family:"굴림"; font-size: 9pt; line-height:17px; }
td{ font-family:"굴림"; font-size: 9pt; line-height:17px; }
a:visited {color:#000000; text-decoration: none }
a:link { color:#000000; text-decoration: none; }
a:active { color:#ff00cc; text-decoration: none; }
a:hover {color:#ff00cc; text-decoration: none;border-style:solid; border-width:1; border-color:#000000 #000000 #000000 #000000; color:white;width=auto;}
--></style>
위에서 auto 부분은 박스의넓이를 조정하면...
예진맘님 고맙습니다..
근데..스타일 시트에 그냥 바로적용해서 전체 페이지에 쓸수있는 스크립트 형태는 없을까요??..
이스크립트의경우 테이블에 적용하는 방식인데..음~~@없으면^.^
올려주신스크립트를 참고삼아서..좀..변형해서 적용해봐야겠어요...찾아주셔서 감사드입니다...
근데..스타일 시트에 그냥 바로적용해서 전체 페이지에 쓸수있는 스크립트 형태는 없을까요??..
이스크립트의경우 테이블에 적용하는 방식인데..음~~@없으면^.^
올려주신스크립트를 참고삼아서..좀..변형해서 적용해봐야겠어요...찾아주셔서 감사드입니다...
<style type="text/css">
<!--
a:visited {text-decoration:none; color:white;}
a:link {text-decoration:none; color:white;}
a:hover {text-decoration:none; color:white;}
.base {border:1 solid #8FA8D0; color:white; text-align:center}
.on {border-style:solid; border-width:1; border-color:#B2C3DE #577BB7 #577BB7 #B2C3DE; color:white; text-align:center}
.down {border-width:1; border-style:solid; border-color:#577BB7 #B2C3DE #B2C3DE #577BB7; color:white; text-align:center; padding:2 0 0 2}
-->
</style>
<table width="70" height="20" cellpadding="0" cellspacing="0">
<tr>
<td class="base"
onMouseOver="this.className='on'"
onMouseOut="this.className='base'"
onMouseDown="this.className='down'"
onMouseUp="this.className='on'"><a href="경로" onFocus='this.blur()'>예진맘</a>
</td>
</tr>
</table>
<!--
a:visited {text-decoration:none; color:white;}
a:link {text-decoration:none; color:white;}
a:hover {text-decoration:none; color:white;}
.base {border:1 solid #8FA8D0; color:white; text-align:center}
.on {border-style:solid; border-width:1; border-color:#B2C3DE #577BB7 #577BB7 #B2C3DE; color:white; text-align:center}
.down {border-width:1; border-style:solid; border-color:#577BB7 #B2C3DE #B2C3DE #577BB7; color:white; text-align:center; padding:2 0 0 2}
-->
</style>
<table width="70" height="20" cellpadding="0" cellspacing="0">
<tr>
<td class="base"
onMouseOver="this.className='on'"
onMouseOut="this.className='base'"
onMouseDown="this.className='down'"
onMouseUp="this.className='on'"><a href="경로" onFocus='this.blur()'>예진맘</a>
</td>
</tr>
</table>
