|
|
|
|
1) div에서 테두리를 주면 두께가 늘어난다.
암만 방법을 대봐도 두개의 잇다은 div의 높이가 차이가 난다.
분명히 스타일시트에서는 높이를 같게 지정해주었음에도 불구하고...
몇시간의 씨름끝에 발견한건 그중 한 div는 테두리를 지정해주었고 div에서는 테두리를 기존 두께에서 추가로 주므로 2px 차이가 발생한것이다. 테두리를 적용한 div의 높이를 2px 빼주니 정상 회복.
2) div에서 padding을 주면 그만큼 div의 수치에서 빼주어야 한다.
3) 1px 높이 div 를 만들려면 익스6에서 19px 로 나타난다.
원인은 익스에서 div 내부에 내용이 없으면 높이출력에 에러가 생기는것이다.
이경우 div 내부에 <span></span> 을 입력해주면 정상적으로 출력한다.
3） CSS DIV에서 문자 중복으로 출력되는 동시에 하단에 공백이 발생한다.
익스플로러 버그인데 div는 줄바꿈을 하지만 span은 줄바꿈을 하지 않는다. 따라서 잘린 문자가 div 밖으로 밀리면서 아래로 밀려내려오는 현상이 발생한다. 이 현상을 제거하려면 최상위의 부모 div 에 사이즈를 지정하면 수정이 가능하다.
4) 주석을 연속 두줄이상 쓰면 오작동이 생길수 있다.
<!-- head end -->
<!-- body start -->
이런식으로 이어서 주석을 사용하면 익스 를 포함 파이어폭스에서도 오작동이 생길수 있다.따라서
<!-- head end -/- body start -->
이런식으로 주석이 두줄이상인 경우 한줄로 이어서 사용하는것이 바람직하다.
5) float 로 레이어를 이어붙일때에는 주석을 삽입하면 에러가 생길수 있다.
float 로 div 정렬중에는 div 내에 주석을 삽입하지 말고 블럭이 끝나거나 시작전에 주석을 달아주는것이 좋다.
6) 높이가 10픽셀미만 이하의 빈 div 일 경우 익스6에서는 자동으로 높이를 19픽셀로 정해준다.
이럴때는 div 내에 <span></span> 태그를 넣어주면 안에 엘리먼트가 있는것으로 인식하여 지정해준 높이로 줄어든다.
|
dark다크묵墨
2008/11/27 21:02
2008/11/27 21:02
|
| Track this back : http://darkm.i234.me/trackback/125 |
Tracked from http 2025/11/12 09:04 x
제목 : http
Never OTL...more |
|
|
|
|
|
자주 쓰이는 색상 코드 값들입니다.
참고하세요!
색상코드값~~~
빨강 = #FF0000
노랑 = #FFFF26
주황 = #FFC44D
파랑 = #0000FF
남색 = #0077B3
청록 = #00BFE6
초록 = #00FF00
회색 = #CBCBCB
흰색 = #FFFFFF
하늘 = #66FFFF
갈색 = #A6007C
분홍 = #FF7FD5
보라 = #C44DFF
녹색 = #22CC00
|
dark다크묵墨
2007/07/05 00:18
2007/07/05 00:18
|
| Track this back : http://darkm.i234.me/trackback/58 |
|
|
|
|
|
| // 스크립트 소스
<script type="text/javascript">
<!--
var stmnLEFT = 790; // 왼쪽 여백 (메뉴가 왼쪽에서 400픽셀 떨어진 곳에 보여집니다)
var stmnGAP1 = 200; // 위쪽 여백 (메뉴가 위에서 10픽셀 떨어진 곳에 보여집니다)
var stmnGAP2 = 100; // 스크롤시 브라우저 위쪽과 떨어지는 거리
var stmnBASE = 200; // 스크롤 시작위치
var stmnActivateSpeed = 1;
var stmnScrollSpeed = 1;
var stmnTimer;
function ReadCookie(name) {
var cookies = document.cookie.split(";");
for(var i=0; i<cookies.length; i++) {
if(cookies[i].indexOf("=") == -1) {
if(name == cookies[i])
return "";
}
else {
var crumb = cookies[i].split("=");
if(name == crumb[0].trim())
return unescape(crumb[1].trim());
}
}
}
function SaveCookie(name, value, days, domain) {
var expires = "";
var _domain = '';
if(days) {
var date = new Date();
date.setTime(date.getTime() + (days * 86400000));
expires = "; expires=" + date.toGMTString();
}
if(domain) {
_domain = 'domain='+domain
}
document.cookie = name + "=" + value + expires + "; path=/;"+_domain;
}
function RefreshStaticMenu() {
var stmnStartPoint, stmnEndPoint;
stmnStartPoint = parseInt(document.getElementById('STATICMENU').style.top, 10);
stmnEndPoint = Math.max(document.documentElement.scrollTop, document.body.scrollTop) + stmnGAP2;
if (stmnEndPoint < stmnGAP1) stmnEndPoint = stmnGAP1;
if (stmnStartPoint != stmnEndPoint) {
stmnScrollAmount = Math.ceil( Math.abs( stmnEndPoint - stmnStartPoint ) / 15 );
document.getElementById('STATICMENU').style.top = parseInt(document.getElementById('STATICMENU').style.top, 10) + ( ( stmnEndPoint<stmnStartPoint ) ? -stmnScrollAmount : stmnScrollAmount ) + 'px';
stmnRefreshTimer = stmnScrollSpeed;
}
stmnTimer = setTimeout("RefreshStaticMenu();", stmnActivateSpeed);
}
function ToggleAnimate() {
if (document.getElementById('fixed-scroll').checked) {
clearTimeout(stmnTimer);
document.getElementById('STATICMENU').style.top = stmnGAP1 + 'px';
SaveCookie("fixed-scroll", "true", 300);
} else {
SaveCookie("fixed-scroll", "false", 300);
RefreshStaticMenu();
}
}
function InitializeStaticMenu() {
document.getElementById('STATICMENU').style.left = stmnLEFT + 'px';
if (ReadCookie("fixed-scroll") == "true") {
document.getElementById('fixed-scroll').checked = true;
document.getElementById('STATICMENU').style.top = document.body.scrollTop + stmnGAP1 + 'px';
} else {
document.getElementById('fixed-scroll').checked = false;
document.getElementById('STATICMENU').style.top = document.body.scrollTop + stmnBASE + 'px';
RefreshStaticMenu();
}
}
//-->
</script>
위 스크립트를 하기와 같이 <body> 태크 안에서 사용한다.
<body onload="InitializeStaticMenu();">
<a name="top"></a>
<s_t3>
<div id="STATICMENU" class="sidebarCenter">
<s_sidebar_element>
<!-- 달력 모듈 -->
<div class="calendar">
[##_calendar_##]
</div>
</s_sidebar_element>
<div class="dot" style="margin:10px 0 15px 0"></div>
<s_sidebar_element>
<!-- 카테고리 모듈 -->
<div class="category">
[##_category_##] </div>
</s_sidebar_element>
<div class="toggle" style="margin:10px 0 5px 0"><input id="fixed-scroll" type="checkbox" onclick="ToggleAnimate();" style="border:0; width:15px; height:15px;" /><label for="fixed-scroll"> 체크시 메뉴이동 끄기</label></div>
<div style="float:right"><a href="#top"><img src="./images/top.gif" width="31" height="8" border="0"></a></div>
</div>
<div> 태그 아이디가 STATICMENU 이어야한다.
참고로 sidebarCenter 에 대한 CSS 는 다음과 같다.
.sidebarCenter { padding:10px 0 0 5px; font-size:0.9em; position:absolute; left:790px; top:0px; width:190px;} |
dark다크묵墨
2007/06/29 18:54
2007/06/29 18:54
|
| Track this back : http://darkm.i234.me/trackback/47 |
|
|
|
|
|
|
출처 ::
http://tagin.net/bbs/view.php?id=server&page=1&sn1=&divpage=1&sn=off&ss=on&sc=on&select_arrange=headnum&desc=asc&no=7
소스보기 막기 모음
 스크랩 |
|
|
※ 키보드의 키코드값을 보시려면 여기를 클릭
|
| 1. 마우스 오른쪽메뉴, 드래그, 선택복사 금지하기 |
|
<body oncontextmenu=return false ondragstart=return false onselectstart=return
false>
|
|
oncontextmenu=return false : 마우스 오른쪽 메뉴 금지
ondragstart=return false : 드래그 금지
onselectstart=return false : 선택복사 금지
참고 onkeydown="return false" 키보드 완전 금지
|
| 2. 마우스 오른쪽 버튼 클릭시 경고 메세지 |
<script language=JavaScript>function click() {if ((event.button==2) || (event.button==2)) {alert('죄송합니다. 오른쪽 마우스 금지입니다.');}}document.onmousedown=click// --></script>
|
|
|
3. 프레임 소스보기 막기 |
<script language="JavaScript">
if(parent.frames.length <= 0) { top.location.href="http://tagin.net"; }
</script> |
|
프레임을 쓰는 홈페이지에서 프레임 페이지가 아닌 하위 프레임으로 직접 들어갔을 때 http://tagin.net으로 이동하는 예제입니다
head에 넣어주세요
|
| 4. 새로고침(F5), 전체창(F11) 막기 |
|
<SCRIPT LANGUAGE="JavaScript">
<!-- www.tagin.net
function processKey()
{
if( (event.ctrlKey == true && (event.keyCode == 78 || event.keyCode == 82)) ||
(event.keyCode >= 112 && event.keyCode <= 123) || event.keyCode == 8)
{
event.keyCode = 0;
event.cancelBubble = true;
event.returnValue = false;
}
}
document.onkeydown = processKey;
-->
</script>
|
|
| 5. shift, ctrl (쉬프트, 컨트롤)키 클릭하면 경고메세지 띄우기 |
|
<script language="JavaScript">
<!-- www.tagin.net
function click() {
if((event.ctrlKey) || (event.shiftKey)) {
alert('키를 사용할 수 없습니다.');
}
}
document.onmousedown=click;
document.onkeydown=click;
-->
</script> |
| |
| 6. 동영상 마우스 오른쪽 버튼 막기 |
|
<embed src="음악/동영상 주소" EnableContextMenu="false" >
<object classid='clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95' id='MediaPlayer1'
width="580" height="387">
<param name='AudioStream' value='-1'>
<param name='AutoSize' value='false'>
<param name='AutoStart' value='true'>
<param name='AnimationAtStart' value='true'>
<param name='AllowChangeDisplaySize' value='true'>
<param name='BufferingTime' value='5'>
<param name='DisplayBackColor' value='0'>
<param name='DisplayForeColor' value='16777215'>
<param name='Enabled' value='true'>
<param name='EnableContextMenu' value='false'>
<param name='EnableTracker' value='true'>
<param name='Mute' value='false'>
<param name='PlayCount' value='1'>
<param name='Rate' value='1'>
<param name='ShowCaptioning' value='1'>
<param name='ShowControls' value='true'>
<param name='ShowAudioControls' value='true'>
<param name='ShowDisplay' value='false'>
<param name='ShowGotoBar' value='false'>
<param name='ShowPositionControls' value='true'>
<param name='ShowStatusBar' value='false'>
<param name='ShowTracker' value='true'>
<param name='TransparentAtStart' value='false'>
<param name='Volume' value='-110'>
<param name="FileName" value="음악동영상주소">
<param NAME="SAMIFileName" VALUE="자막주소">
</object> |
|
동영상 태그(embed, object) 자세히 보기
|
| 7. 링크 주소 감추기 |
|
링크를 클릭해도 감춰집니다
<SCRIPT language=JavaScript>
setInterval("x()",1);
function x(){window.status=""}
</SCRIPT>
<a href=http://tagin.net>태그인넷</a>
다른소스
<SCRIPT LANGUAGE="JavaScript">
<!--
var msg = '태그인넷 http://tagin.net';
function hideURL() {
window.status = msg;
timerID= setTimeout("hideURL()", 0);
}
hideURL();
//-->
</SCRIPT>
|
| |
| 8. 익스플로러 6에서 이미지 저장도구 뜨는 것 막기 |
|
<HEAD><META http-equiv="imagetoolbar" content="no"></HEAD> |
| |
| 9. 무단링크 금지 스크립트 |
|
<script language='JavaScript'>
//link1 과 link2 지정해 넣은 홈을 통해서 들어오지 않으면 무단링크 취급 기본홈페이지로 열리는 소스
var home_url="http://www.tagin.net"; // 기본 홈페이지
var link1="http://tagin.net/";
var link2="http://www.naver.Com/";
if (document.referrer.indexOf(home_url)==-1 && document.referrer.indexOf(link1)==-1 && document.referrer.indexOf(link2)==-1) {
if (document.referrer) {
alert("무단링크 하셨습니다.!"); // 무단링크시 에러 메세지
window.location=home_url; // 기본 홈으로 이동
} else {
alert("무단링크 하셨습니다. "); // 무단링크시 에러 메세지
window.location=home_url; // 기본 홈으로 이동
}
}
</script> |
| | | | | |
dark다크묵墨
2007/06/02 01:36
2007/06/02 01:36
|
| Track this back : http://darkm.i234.me/trackback/14 |
|
|
|
|
