#DDDDDD 12개의 스레드 ✕ 해제
K
kotlin 2년 전
❗전 세계가 주목하는 기술이자 개발자들에게 필수적인 AI 역량을 업그레이드할 기회! 2024 항해커톤에서 세상의 문제를 해결하며 의미 있는 AI 프로젝트를 구현하고, AI 활용법을 마스터해보세요❗ 🚩 항해커톤, 주제는? "오픈소스 AI를 활용해 사회의 문제를 해결하는 서비스 만들기" ​ ex) 동물 복지 분야 : 비디오 분석으로 동물의 행동 패턴을 식별하고 이상 징후를 조기에 탐지하여 동물 건강 복지에 기여하는 서비스 ​ 🚩 수상팀 및 참가자 혜택 … ❗전 세계가 주목하는 기술이자 개발자들에게 필수적인 AI 역량을 업그레이드할 기회! 2024 항해커톤에서 세상의 문제를 해결하며 의미 있는 AI 프로젝트를 구현하고, AI 활용법을 마스터해보세요❗ 🚩 항해커톤, 주제는? "오픈소스 AI를 활용해 사회의 문제를 해결하는 서비스 만들기" ​ ex) 동물 복지 분야 : 비디오 분석으로 동물의 행동 패턴을 식별하고 이상 징후를 조기에 탐지하여 동물 건강 복지에 기여하는 서비스 ​ 🚩 수상팀 및 참가자 혜택 [수상팀] ✅ 대상 1팀 : 300만원 ✅ 최우수상 1팀 : 200만원 ✅ 우수상 1팀 : 100만원 ✅ 특별상 3팀 : 상장 + 항해 등록금 할인 혜택 ​ [참가팀 전원] ✅ 수료 시, AI 활용 프로젝트 구현을 증명하는 수료증 ✅ AI 개발자의 오픈소스 AI 활용법 코칭 세션 ​ 🚩 모집 요강 - 모집 단위 : 개인/팀 모두 가능 - 모집 기간 : 4/19(금) ~ 5/19(일) - 진행 일정 : 5/31(금) 20:00 ~ 6/1(토) 18:00 - 진행 방식 : 오프라인 무박 2일 (선릉역 인근) ​ 🚩 신청하기 - https://hanghae99.spartacodingclub.kr/hhackathon-ai ​ 🚩 사회 문제를 해결하고, 세상이 필요로 하는 개발자가 될 기회. 지금 바로 도전하세요!
?
geusgod 9년 전
@charset "utf-8"; /* Element Reset */ body,table,input,textarea,select,button{font-family:Tahoma,Geneva,sans-serif;font-size:12px} img{border:0} /* Button */ .btn{position:relative;display:inline-block;vertical-align:middle} .btn *{display:inline-block;padding:0 8px;font-size:12p… @charset "utf-8"; /* Element Reset */ body,table,input,textarea,select,button{font-family:Tahoma,Geneva,sans-serif;font-size:12px} img{border:0} /* Button */ .btn{position:relative;display:inline-block;vertical-align:middle} .btn *{display:inline-block;padding:0 8px;font-size:12px;height:24px;line-height:22px;margin:0;font-weight:bold !important;color:#fff;text-decoration:none !important;border:1px solid;cursor:pointer;overflow:visible;border-radius:3px;box-shadow:inset 0 0 1px #fff;background-color:#666;text-shadow:0 -1px 0 #333;zoom:1} .btn *[type=submit][disabled=disabled], .btn *[type=button][disabled=disabled]{opacity:.5;*filter:alpha(opacity=50)} .btn a, .btn button[type=button]{border-color:#ccc;color:#333 !important;background:#eee -webkit-gradient(linear,0% 0%,0% 100%,from(#fff),to(#ddd));background:#eee -moz-linear-gradient(top,#fff,#ddd);background-color:#eee;text-shadow:1px 1px 0 #fff;filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#ffffff, endColorStr=#dddddd)} .btn input, .btn button[type=submit]{border-color:#666;background:#333 -webkit-gradient(linear,0% 0%,0% 100%,from(#777),to(#777),color-stop(0.5,#333),color-stop(0.5,#000)) !important;background:#333 -moz-linear-gradient(top,#777,#000) !important;background-color:#333 !important;color:#ffc !important;filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#777777, endColorStr=#333333)} .btn a{height:22px} .btn.medium *{padding:0 12px;font-size:16px;height:30px;line-height:28px} .btn.medium a{height:28px} .btn.large *{padding:0 18px;font-size:22px;height:36px;line-height:34px} .btn.large a{height:34px} /* Button - Regucy */ span.button, a.button{position:relative;display:inline-block;vertical-align:top} span.button *, a.button *{display:inline-block;padding:0 8px;font-size:12px;height:24px;line-height:22px;margin:0;font-weight:bold !important;color:#fff;text-decoration:none !important;border:1px solid;cursor:pointer;overflow:visible;border-radius:3px;box-shadow:inset 0 0 1px #fff;background-color:#666;text-shadow:0 -1px 0 #333;zoom:1} span.button *[type=submit][disabled=disabled], span.button *[type=button][disabled=disabled]{opacity:.5;*filter:alpha(opacity=50)} a.button span, span.button button[type=button]{border-color:#ccc;color:#333 !important;background:#eee -webkit-gradient(linear,0% 0%,0% 100%,from(#fff),to(#ddd));background:#eee -moz-linear-gradient(top,#fff,#ddd);background-color:#eee;text-shadow:1px 1px 0 #fff;filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#ffffff, endColorStr=#dddddd)} span.button input, span.button button[type=submit]{border-color:#666;background:#333 -webkit-gradient(linear,0% 0%,0% 100%,from(#777),to(#777),color-stop(0.5,#333),color-stop(0.5,#000));background:#333 -moz-linear-gradient(top,#777,#000);background-color:#333;color:#ffc !important;filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#777777, endColorStr=#333333)} a.button span{height:22px} /* Button Area */ .btnArea{margin:1em 0;text-align:right;zoom:1} .btnArea:after{content:"";display:block;clear:both} .btnArea .etc{float:left} /* Text Button */ input[type=submit].text, input[type=button].text, button[type=submit].text, button[type=button].text{border:0;overflow:visible;padding:0;margin:0 4px 0 0;color:#33a !important;background:none;text-decoration:underline;cursor:pointer} /* Popup Menu Area */ #popup_menu_area{position:absolute;background:#fff;border:1px solid #e9e9e9;border-radius:5px;padding:10px;line-height:1.3;box-shadow:0 0 6px #666;font-size:12px;filter:progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135, strength=5)} #popup_menu_area ul{list-style:none;margin:0;padding:0} #popup_menu_area li{margin:0;padding:0} #popup_menu_area a{text-decoration:none;color:#333} #popup_menu_area a:hover, #popup_menu_area a:avtive, #popup_menu_area a:focus{text-decoration:underline} /* Message */ .message{border:1px solid #ddd;background:#f8f8f8;margin:1em 0;padding:0 1em;border-radius:5px;line-height:1.4;font-size:12px} body>.message{margin:1em} .message p{margin:1em 0 !important} .message em{font-style:normal;color:#e00} .message.info, .message.error, .message.update{padding-left:55px} .message.info{border-color:#E0E8EC;background:#EDF9FF url(../../common/img/msg.Info.png) no-repeat 1em .5em} .message.error{border-color:#EFDCDC;background:#FFECEC url(../../common/img/msg.error.png) no-repeat 1em .5em} .message.update{border-color:#EAE9DC;background:#FFFDEF url(../../common/img/msg.update.png) no-repeat 1em .5em} /* Waiting for server response */ .wfsr{display:none;position:absolute;position:fixed;left:0;top:0;z-index:100; border:1px solid #EAE9DC;background:#FFFDEF url(../../common/img/msg.loading.gif) no-repeat 1em .5em;margin:1em;padding:1em 1em 1em 55px;border-radius:5px;line-height:1.4;font-size:12px;font-weight:bold} /* Waiting for server response - Modal Window */ .wfsr_fog{position:absolute;top:0;left:0;width:100%;_height:100%;min-height:100%;z-index:100} .wfsr_fog .bg{position:absolute;position:fixed;background:#000;_background:none;width:100%;height:100%;opacity:.5;z-index:2;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);zoom:1} .wfsr_fog .ie6{position:absolute;left:0;top:0;width:100%;height:100%;border:0;opacity:0;filter:alpha(opacity=0);z-index:1} 아래는 몇군데 확인하고 넘어가야 부분들이다. /* Element Reset */ body,table,input,textarea,select,button{font-family:Tahoma,Geneva,sans-serif;font-size:12px} img{border:0} /* Text Button */ input[type=submit].text, input[type=button].text, button[type=submit].text, button[type=button].text{border:0;overflow:visible;padding:0;margin:0 4px 0 0;color:#33a !important;background:none;text-decoration:underline;cursor:pointer} /* Popup Menu Area */ #popup_menu_area{position:absolute;background:#fff;border:1px solid #e9e9e9;border-radius:5px;padding:10px;line-height:1.3;box-shadow:0 0 6px #666;font-size:12px;filter:progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135, strength=5)} #popup_menu_area ul{list-style:none;margin:0;padding:0} #popup_menu_area li{margin:0;padding:0} #popup_menu_area a{text-decoration:none;color:#333} #popup_menu_area a:hover, #popup_menu_area a:avtive, #popup_menu_area a:focus{text-decoration:underline} /* Message */ .message{border:1px solid #ddd;background:#f8f8f8;margin:1em 0;padding:0 1em;border-radius:5px;line-height:1.4;font-size:12px} body>.message{margin:1em} .message p{margin:1em 0 !important} .message em{font-style:normal;color:#e00} .message.info, .message.error, .message.update{padding-left:55px} .message.info{border-color:#E0E8EC;background:#EDF9FF url(../../common/img/msg.Info.png) no-repeat 1em .5em} .message.error{border-color:#EFDCDC;background:#FFECEC url(../../common/img/msg.error.png) no-repeat 1em .5em} .message.update{border-color:#EAE9DC;background:#FFFDEF url(../../common/img/msg.update.png) no-repeat 1em .5em} /* Waiting for server response */ .wfsr{display:none;position:absolute;position:fixed;left:0;top:0;z-index:100; border:1px solid #EAE9DC;background:#FFFDEF url(../../common/img/msg.loading.gif) no-repeat 1em .5em;margin:1em;padding:1em 1em 1em 55px;border-radius:5px;line-height:1.4;font-size:12px;font-weight:bold} /* Waiting for server response - Modal Window */ .wfsr_fog{position:absolute;top:0;left:0;width:100%;_height:100%;min-height:100%;z-index:100} .wfsr_fog .bg{position:absolute;position:fixed;background:#000;_background:none;width:100%;height:100%;opacity:.5;z-index:2;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);zoom:1} .wfsr_fog .ie6{position:absolute;left:0;top:0;width:100%;height:100%;border:0;opacity:0;filter:alpha(opacity=0);z-index:1}
?
클론 9년 전
@charset "utf-8"; /* Element Reset */ body,table,input,textarea,select,button{font-family:Tahoma,Geneva,sans-serif;font-size:12px} img{border:0} /* Button */ .btn{position:relative;display:inline-block;vertical-align:middle} .btn *{display:inline-block;padding:0 8px;font-size:12p… @charset "utf-8"; /* Element Reset */ body,table,input,textarea,select,button{font-family:Tahoma,Geneva,sans-serif;font-size:12px} img{border:0} /* Button */ .btn{position:relative;display:inline-block;vertical-align:middle} .btn *{display:inline-block;padding:0 8px;font-size:12px;height:24px;line-height:22px;margin:0;font-weight:bold !important;color:#fff;text-decoration:none !important;border:1px solid;cursor:pointer;overflow:visible;border-radius:3px;box-shadow:inset 0 0 1px #fff;background-color:#666;text-shadow:0 -1px 0 #333;zoom:1} .btn *[type=submit][disabled=disabled], .btn *[type=button][disabled=disabled]{opacity:.5;*filter:alpha(opacity=50)} .btn a, .btn button[type=button]{border-color:#ccc;color:#333 !important;background:#eee -webkit-gradient(linear,0% 0%,0% 100%,from(#fff),to(#ddd));background:#eee -moz-linear-gradient(top,#fff,#ddd);background-color:#eee;text-shadow:1px 1px 0 #fff;filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#ffffff, endColorStr=#dddddd)} .btn input, .btn button[type=submit]{border-color:#666;background:#333 -webkit-gradient(linear,0% 0%,0% 100%,from(#777),to(#777),color-stop(0.5,#333),color-stop(0.5,#000)) !important;background:#333 -moz-linear-gradient(top,#777,#000) !important;background-color:#333 !important;color:#ffc !important;filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#777777, endColorStr=#333333)} .btn a{height:22px} .btn.medium *{padding:0 12px;font-size:16px;height:30px;line-height:28px} .btn.medium a{height:28px} .btn.large *{padding:0 18px;font-size:22px;height:36px;line-height:34px} .btn.large a{height:34px} /* Button - Regucy */ span.button, a.button{position:relative;display:inline-block;vertical-align:top} span.button *, a.button *{display:inline-block;padding:0 8px;font-size:12px;height:24px;line-height:22px;margin:0;font-weight:bold !important;color:#fff;text-decoration:none !important;border:1px solid;cursor:pointer;overflow:visible;border-radius:3px;box-shadow:inset 0 0 1px #fff;background-color:#666;text-shadow:0 -1px 0 #333;zoom:1} span.button *[type=submit][disabled=disabled], span.button *[type=button][disabled=disabled]{opacity:.5;*filter:alpha(opacity=50)} a.button span, span.button button[type=button]{border-color:#ccc;color:#333 !important;background:#eee -webkit-gradient(linear,0% 0%,0% 100%,from(#fff),to(#ddd));background:#eee -moz-linear-gradient(top,#fff,#ddd);background-color:#eee;text-shadow:1px 1px 0 #fff;filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#ffffff, endColorStr=#dddddd)} span.button input, span.button button[type=submit]{border-color:#666;background:#333 -webkit-gradient(linear,0% 0%,0% 100%,from(#777),to(#777),color-stop(0.5,#333),color-stop(0.5,#000));background:#333 -moz-linear-gradient(top,#777,#000);background-color:#333;color:#ffc !important;filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#777777, endColorStr=#333333)} a.button span{height:22px} /* Button Area */ .btnArea{margin:1em 0;text-align:right;zoom:1} .btnArea:after{content:"";display:block;clear:both} .btnArea .etc{float:left} /* Text Button */ input[type=submit].text, input[type=button].text, button[type=submit].text, button[type=button].text{border:0;overflow:visible;padding:0;margin:0 4px 0 0;color:#33a !important;background:none;text-decoration:underline;cursor:pointer} /* Popup Menu Area */ #popup_menu_area{position:absolute;background:#fff;border:1px solid #e9e9e9;border-radius:5px;padding:10px;line-height:1.3;box-shadow:0 0 6px #666;font-size:12px;filter:progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135, strength=5)} #popup_menu_area ul{list-style:none;margin:0;padding:0} #popup_menu_area li{margin:0;padding:0} #popup_menu_area a{text-decoration:none;color:#333} #popup_menu_area a:hover, #popup_menu_area a:avtive, #popup_menu_area a:focus{text-decoration:underline} /* Message */ .message{border:1px solid #ddd;background:#f8f8f8;margin:1em 0;padding:0 1em;border-radius:5px;line-height:1.4;font-size:12px} body>.message{margin:1em} .message p{margin:1em 0 !important} .message em{font-style:normal;color:#e00} .message.info, .message.error, .message.update{padding-left:55px} .message.info{border-color:#E0E8EC;background:#EDF9FF url(../../common/img/msg.Info.png) no-repeat 1em .5em} .message.error{border-color:#EFDCDC;background:#FFECEC url(../../common/img/msg.error.png) no-repeat 1em .5em} .message.update{border-color:#EAE9DC;background:#FFFDEF url(../../common/img/msg.update.png) no-repeat 1em .5em} /* Waiting for server response */ .wfsr{display:none;position:absolute;position:fixed;left:0;top:0;z-index:100; border:1px solid #EAE9DC;background:#FFFDEF url(../../common/img/msg.loading.gif) no-repeat 1em .5em;margin:1em;padding:1em 1em 1em 55px;border-radius:5px;line-height:1.4;font-size:12px;font-weight:bold} /* Waiting for server response - Modal Window */ .wfsr_fog{position:absolute;top:0;left:0;width:100%;_height:100%;min-height:100%;z-index:100} .wfsr_fog .bg{position:absolute;position:fixed;background:#000;_background:none;width:100%;height:100%;opacity:.5;z-index:2;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);zoom:1} .wfsr_fog .ie6{position:absolute;left:0;top:0;width:100%;height:100%;border:0;opacity:0;filter:alpha(opacity=0);z-index:1} 아래는 몇군데 확인하고 넘어가야 부분들이다. /* Element Reset */ body,table,input,textarea,select,button{font-family:Tahoma,Geneva,sans-serif;font-size:12px} img{border:0} /* Text Button */ input[type=submit].text, input[type=button].text, button[type=submit].text, button[type=button].text{border:0;overflow:visible;padding:0;margin:0 4px 0 0;color:#33a !important;background:none;text-decoration:underline;cursor:pointer} /* Popup Menu Area */ #popup_menu_area{position:absolute;background:#fff;border:1px solid #e9e9e9;border-radius:5px;padding:10px;line-height:1.3;box-shadow:0 0 6px #666;font-size:12px;filter:progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135, strength=5)} #popup_menu_area ul{list-style:none;margin:0;padding:0} #popup_menu_area li{margin:0;padding:0} #popup_menu_area a{text-decoration:none;color:#333} #popup_menu_area a:hover, #popup_menu_area a:avtive, #popup_menu_area a:focus{text-decoration:underline} /* Message */ .message{border:1px solid #ddd;background:#f8f8f8;margin:1em 0;padding:0 1em;border-radius:5px;line-height:1.4;font-size:12px} body>.message{margin:1em} .message p{margin:1em 0 !important} .message em{font-style:normal;color:#e00} .message.info, .message.error, .message.update{padding-left:55px} .message.info{border-color:#E0E8EC;background:#EDF9FF url(../../common/img/msg.Info.png) no-repeat 1em .5em} .message.error{border-color:#EFDCDC;background:#FFECEC url(../../common/img/msg.error.png) no-repeat 1em .5em} .message.update{border-color:#EAE9DC;background:#FFFDEF url(../../common/img/msg.update.png) no-repeat 1em .5em} /* Waiting for server response */ .wfsr{display:none;position:absolute;position:fixed;left:0;top:0;z-index:100; border:1px solid #EAE9DC;background:#FFFDEF url(../../common/img/msg.loading.gif) no-repeat 1em .5em;margin:1em;padding:1em 1em 1em 55px;border-radius:5px;line-height:1.4;font-size:12px;font-weight:bold} /* Waiting for server response - Modal Window */ .wfsr_fog{position:absolute;top:0;left:0;width:100%;_height:100%;min-height:100%;z-index:100} .wfsr_fog .bg{position:absolute;position:fixed;background:#000;_background:none;width:100%;height:100%;opacity:.5;z-index:2;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);zoom:1} .wfsr_fog .ie6{position:absolute;left:0;top:0;width:100%;height:100%;border:0;opacity:0;filter:alpha(opacity=0);z-index:1}
이온디
이온디 9년 전
Posted at 2009/02/12 11:32 [ by Lovelet ] 1. 관련링크1를 참조하여 스마트에디터를 다운로드 합니다. 2. 압축을 해제한 후 홈페이지 계정/bbs/SmartEditor로 업로드 합니다. 3. 적용하고자 하시는 스킨의 write.php파일을 에디터로 여세요. 4. 가장 윗부분에 아래의 소스를 붙여 넣으세요. <script type="text/javascrip… Posted at 2009/02/12 11:32 [ by Lovelet ] 1. 관련링크1를 참조하여 스마트에디터를 다운로드 합니다. 2. 압축을 해제한 후 홈페이지 계정/bbs/SmartEditor로 업로드 합니다. 3. 적용하고자 하시는 스킨의 write.php파일을 에디터로 여세요. 4. 가장 윗부분에 아래의 소스를 붙여 넣으세요. <script type="text/javascript" src="SmartEditor/js/HuskyEZCreator.js"></script> 5. 아래의 소스를 찾으셔서 value값을 수정하세요. <?=$hide_html_start?><input type=checkbox name=use_html checked <?=$use_html?> value=2>HTML 사용<?=$hide_html_end?> 6. 기본 스킨 기준으로 아래의 소스를 수정하세요. <textarea name=memo <?=size2(90)?> rows=18 class=textarea style=width:99%><?=$memo?></textarea> <textarea name=memo id="ir1" <?=size2(90)?> rows=18 class=textarea style='width:99%;'><?=$memo?></textarea> 7. 작성완료 부분을 아래처럼 이벤트를 추가해주세요. <input type=image src=<?=$dir?>/submit.gif accesskey="s" onfocus='this.blur()' alt=확인 onClick="_onSubmit(this);"> 8. 제일 하단에 아래의 소스를 추가합니다. (진한 부분의 소스는 클립보드에 복사하는 소스로 필요없으시면 삭제하시면 됩니다.) <script> var oEditors = []; nhn.husky.EZCreator.createInIFrame(oEditors, "ir1", "SmartEditor/SEditorSkin.html", "createSEditorInIFrame"); // var oEditors = []; // 마지막 옵션은 체감 속도 증진을 위해서 페이지 로딩 완료시 까지 화면 표시를 하지 않는 옵션 입니다. // 개발 작업시에는 이 값을 false로 설정 하세요. // nhn.husky.EZCreator.createInIFrame(oEditors, "ir1", "SmartEditor/SEditorSkin.html", "createSEditorInIFrame", null, true); // 복수개의 에디터를 생성하고자 할 경우, 아래와 같은 방식으로 호출하고 oEditors.getById["ir2"]이나 oEditors[1]을 이용해 접근하면 됩니다. // nhn.husky.EZCreator.createInIFrame(oEditors, "ir2", "SEditorSkin.html", "createSEditorInIFrame", null, true); function pasteHTMLDemo(){ sHTML = "<span style='color:#FF0000'>이미지 등도 이렇게 삽입하면 됩니다.</span>"; oEditors.getById["memo"].exec("PASTE_HTML", [sHTML]); } function showHTML(){ alert(oEditors.getById["memo"].getIR()); } function _onSubmit(elClicked){ // 에디터의 내용을 에디터 생성시에 사용했던 textarea에 넣어 줍니다. oEditors.getById["ir1"].exec("UPDATE_IR_FIELD", []); <? if(!$member[no]) { ?> if(!document.getElementById("name").value) {return false;} if(!document.getElementById("password").value) {return false;} <? } ?> <? if($setup[use_category]) { ?> var myindex=document.write.category[1].selectedIndex; if (myindex<1) { alert('카테고리를 선택해 주세요.'); return false; } <? } ?> if(!document.getElementById("subject").value) {return false;} if(!document.getElementById("ir1").value) {alert('내용을 입력해 주세요.');return false;} var buf = document.getElementById("ir1"); var Range = buf.createTextRange (); Range.execCommand ("Copy"); alert("작성하신 글이 클립보드에 복사되었습니다."); // 에디터의 내용에 대한 값 검증은 이곳에서 document.getElementById("ir1").value를 이용해서 처리하면 됩니다. try{ elClicked.form.submit(); }catch(e){} } </script> 9. 스마트에디터를 잘 적용하기위해서 스타일을 적용시켜주어야 합니다. 스킨의 setup.php를 열고 아래와 같이 수정합니다. (또는 style.css파일에 해당 항목만 추가를 하셔도 됩니다. 아래의 팁은 해당 style.css파일만 수정하는 방법입니다.) .smartOutput{ font-size:12px; line-height:1.6; font-family:굴림, AppleGothic, Sans-serif;} /* 스마트 에디터의 풍부한 표현이 정상적으로 출력되도록 하려면 콘텐츠가 출력되는 곳에 이 클래스를 적용하여야 한다. 예를 들면 게시물 읽기 페이지의 본문이 이에 해당된다. */ .smartOutput p{ margin-top:7px; margin-bottom:7px;} .smartOutput blockquote.q1, .smartOutput blockquote.q2, .smartOutput blockquote.q3, .smartOutput blockquote.q4, .smartOutput blockquote.q5, .smartOutput blockquote.q6, .smartOutput blockquote.q7{ padding:10px; margin-left:15px; margin-right:15px;} .smartOutput blockquote.q1{ padding:0 10px; border-left:2px solid #ccc;} .smartOutput blockquote.q2{ padding:0 10px; background:url(../img/bg_qmark.gif) no-repeat;} .smartOutput blockquote.q3{ border:1px solid #d9d9d9;} .smartOutput blockquote.q4{ border:1px solid #d9d9d9; background:#fbfbfb;} .smartOutput blockquote.q5{ border:2px solid #707070;} .smartOutput blockquote.q6{ border:1px dashed #707070;} .smartOutput blockquote.q7{ border:1px dashed #707070; background:#fbfbfb;} .smartOutput sup{ font:10px Tahoma;} .smartOutput sub{ font:10px Tahoma;} .smartOutput table td{ padding:4px;} 이 소스를 style.css파일에 붙여넣습니다. 또는 setup.php파일(또는 view.php파일)에서 <link rel="stylesheet" type="text/css" href="../../SmartEditor/css/style.css" /> 이런 식으로 해주시면 되겠죠. 10. 그리고나서 스킨의 view.php파일을 열고, <?=$memo?>를 찾아줍니다. 아마 이 변수는 테이블에 둘러쌓여 있는데, 여기에 클래스를 지정해주시면 됩니다. <td><?=$memo?></td>인 경우 <td class="smartOutput"><?=$memo?></td> 11. 잘 적용이 되었는지 테스트해보시기 바랍니다. 기타 문의사항은 Web Q&A에 올려주시기 바랍니다. 진도 프레임웍은 이 곳에서 다운로드 : http://dev.naver.com/projects/jindo/download 태그가 적용이 안되신다면, 게시판 설정에서 html 사용권한의 레벨을 확인해보세요~ http://dev.naver.com/projects/smarteditor/download 인쇄하기 덧글(2) Commented by epikfan.co at 2009-07-29 08:50:32 감사합니다^6 다른님들 거 보면 계속 내용입력하라그러는데 작성완료가 문제였군요^^ 아무튼 감사합니다^6 IP 115.161.76.XXX Commented by fuzzionkai at 2009-10-30 12:44:50 안녕하세요. 올려주신 방법 보고 잘 올렸는데요. 이미지박스는 삽입이 안되요. --; 하하. 좀더 공부해야겠어요
이온디
이온디 13년 전
XE 구문법과 신문법에 대한 팁을 올리려고 보니깐 올해 초 2013년 2월에 'cond 사용법'이란 제목으로 질문을 올린 적이 있군요. 두 달이 지난 이제는 어느 정도 사용이 익숙해질 정도로 아주 쉬운 문법입니다. XE 구문법과 신문법에 대해 예제를 보여드리고 간략히 설명해드리겠습니다. 구문법 <!--s: 저작권--> <address class="copyright"> <!--@if($conf->copyright)-->{$conf->copyright}<!--@els… XE 구문법과 신문법에 대한 팁을 올리려고 보니깐 올해 초 2013년 2월에 'cond 사용법'이란 제목으로 질문을 올린 적이 있군요. 두 달이 지난 이제는 어느 정도 사용이 익숙해질 정도로 아주 쉬운 문법입니다. XE 구문법과 신문법에 대해 예제를 보여드리고 간략히 설명해드리겠습니다. 구문법 <!--s: 저작권--> <address class="copyright"> <!--@if($conf->copyright)-->{$conf->copyright}<!--@else-->Copyright © 2013 eond.com All rights reserved.<span style="border-left:1px solid #DDDDDD;padding-left:10px;margin-left:10px;">Powered by XpressEngine</span><!--@end--> </address><!--//e: 저작권--> <div><!--@if($conf->copyright_description)-->{$conf->copyright_description}<!--@else-->본 스태블리쉬 스킨은 이온디에서 제작되었습니다. 사용을 원하시는 분은 <a href="http://eond.com">이온디 홈페이지</a>에서 문의해주시기 바랍니다.<!--@end--></div> 신문법 <address class="copyright" cond="!$conf->copyright">Copyright © 2013 eond.com All rights reserved.<span style="border-left:1px solid #DDDDDD;padding-left:10px;margin-left:10px;">Powered by XpressEngine</span></address><!--//e: 저작권--> <address class="copyright" cond="$conf->copyright">{$conf->copyright}</address><!--//e: 저작권--> <div cond="!$conf->copyright_description">본 스태블리쉬 스킨은 이온디에서 제작되었습니다. 사용을 원하시는 분은 <a href="http://eond.com">이온디 홈페이지</a>에서 문의해주시기 바랍니다.</div> <div cond="$conf->copyright_description">{$conf->copyright_description}</div> 위 두 개의 사용 예제는 동일한 구조를 나타냅니다. 구 문법은 php에서와 같이 if else 구문이고, 신문법은 cond를 사용한 조건문입니다. cond는 condition의 약자일테고요. 두 방법은 동일한 표현을 나타냅니다만 cond는 좀 더 구조적인 큰 틀일 경우 알맞겠고, 위 경우에서는 간단하게 if else 문법으로 텍스트를 나타내는 것이 알맞을 것입니다. 또 다시 div 위에 cond 문법을 사용하여 보여지고 감추고 하는 것을 표현할 때도 그게 알맞고요. 이 밖에 좀 더 자세한 사용이나 다양한 활용에 대해서 알고 싶으신 분은 아래 글을 읽어보시는 것도 아주 큰 도움이 됩니다. http://www.layoutskin.com/advanced/21081 http://blog.naver.com/sunghwa777?Redirect=Log&logNo=100123737304 http://www.xpressengine.com/tip/21368316 http://blog.naver.com/posguide?Redirect=Log&logNo=120156815803 cond 잘 사용하면 편하게 만들수 있을 것 같은데 너무 어렵네요. cond를 이용하여 메뉴를 구성하고 싶은데 어디서 배울 데 없을까요? cond 등 XE 레이아웃을 제작하려면 간단한 문법 정도는 숙지해야 합니다. XE 사용자 메뉴얼 http://www.study4you.kr/xe/homepage http://jobdahan.net/index.php?_filter=search&mid=zbxe_tip_tech&search_keyword=%EB%AA%A8%EB%93%88&search_target=title&document_srl=1330440 http://www.postview.co.kr/634 http://www.egday.net/xetip http://blog.naver.com/sunghwa777?Redirect=Log&logNo=100123753433 # 작성일 2013.2.11 # 수정일 2013.4.7
이온디 16년 전
I`ll Be A Virgin, I`ll Be A Mountain (드라마 `커피프린스 1호점` 삽입곡)-Maximilian Hecker 2 파란의 세월 [주몽 OST (Memory Of Love)]-V.A. 3 Dark-테일즈위버 4 白日夢 (백일몽) [주몽 OST (Memory Of Love)]-V.A. 5 운명의 칼 [주몽 OST]-V.A. 6 얼음연못-두번째 달 7 돌이킬 수 없는 걸음 (No Path Back)-장화홍련 쓰리 김민종, 손지창 - 그대와 함께 (… I`ll Be A Virgin, I`ll Be A Mountain (드라마 `커피프린스 1호점` 삽입곡)-Maximilian Hecker 2 파란의 세월 [주몽 OST (Memory Of Love)]-V.A. 3 Dark-테일즈위버 4 白日夢 (백일몽) [주몽 OST (Memory Of Love)]-V.A. 5 운명의 칼 [주몽 OST]-V.A. 6 얼음연못-두번째 달 7 돌이킬 수 없는 걸음 (No Path Back)-장화홍련 쓰리 김민종, 손지창 - 그대와 함께 (느낌 주제가) 김민종 - 친구를 위해 김민종 - 친구를 위해 [가사보기] 김민종 - 친구를 위해 [가사닫기] 1. 하늘위로 날아가는 새들은 자유로운 날개짓을 하며 말이 없는 내 마음을 아는지 작은 내 모습 위로 날아가네 다가가면 멀어지는 사람들 사랑하는 그대마저 떠난 밤이 오는 노을아래 서 있는 나는 홀로 이렇게 울고 있네 다른 세상으로 떠나가고 싶지만 나의 곁에 다가와준 내 친구는 힘이 들어도 꿈을 찾고 있었지 어떤 날은 버려진 나를 위해서 2. 지난 나의 마지막 무대 위에 섰을 때 내 이름을 부르던 사람들은 떠나고 그런 나의 모습에 그댄 사라져 갔어 초라해진 사랑에 많이 아파했지만 *이젠 나의 꿈들을 찾아 떠나야겠어 그 누구나 새로운 많은 날이 있잖아 나의 꿈을 찾아서 다시 노래할꺼야 언제까지 변하지 않는 나의 친구와 노래가 끝나가는 지금 내 곁엔 나를 보는 친구가 있네...... Sweet Love (Full Ver.) - 최한별, 이인우 우리 비 그치면 산책할까 - 스웨터 만약에 우리 (Original Bossa Nova Ver.) [연애시대 OST]-진호 A Waltz For A Night-Julie Delpy Who Needs You-Delia Caprice
이온디 18년 전
바쁜 사람들도 굳센 사람들도 바람과 같던 사람들도 집에 돌아오면 아버지가 된다. 어린 것들을 위하여 난로에 불을 피우고 그네에 작은 못을 박는 아버지가 된다. 저녁 바람에 문을 닫고 낙엽을 줍는 아버지가 된다. 세상이 시끄러우면 줄에 앉은 참새의 마음으로 아버지는 어린 것들의 앞날을 생각한다. 어린 것들은 아버지의 나라다 아버지의 동포(同胞)다. 아버지의 눈에는 눈물이 보이지 않으나 아버지가 마시는 술에는 항상 보이지 않는 눈물이 절반이다. 아버지는 가장 … 바쁜 사람들도 굳센 사람들도 바람과 같던 사람들도 집에 돌아오면 아버지가 된다. 어린 것들을 위하여 난로에 불을 피우고 그네에 작은 못을 박는 아버지가 된다. 저녁 바람에 문을 닫고 낙엽을 줍는 아버지가 된다. 세상이 시끄러우면 줄에 앉은 참새의 마음으로 아버지는 어린 것들의 앞날을 생각한다. 어린 것들은 아버지의 나라다 아버지의 동포(同胞)다. 아버지의 눈에는 눈물이 보이지 않으나 아버지가 마시는 술에는 항상 보이지 않는 눈물이 절반이다. 아버지는 가장 외로운 사람이다. 아버지는 비록 영웅(英雄)이 될 수도 있지만……. 폭탄을 만드는 사람도 감옥을 지키던 사람도 술가게의 문을 닫는 사람도 집에 돌아오면 아버지가 된다. 아버지의 때는 항상 씻김을 받는다. 어린 것들이 간직한 그 깨끗한 피로……. 가족에 대한 아버지의 사랑과 고독을 노래한 김현승(金顯承)의 시. 발표 1970년 김현승의 제4시집 《절대 고독》(1970)에 수록되어 있다. 기독교적 세계관을 바탕으로 가족간의 사랑과 희생이라는 평범한 삶의 진실을 일상적 시어로 담담하게 그려낸 작품이다. 가족에 대한 아버지의 사랑을 주된 모티프로 하고 있지만 그 이면에는 끊임없는 자기성찰을 통해서 인간본연의 순수함을 잃지 말아야 한다는 작가의 인생관이 자리하고 있음을 알 수 있다. 전7연으로 이루어진 자유시로 내재율을 지니고 있다. 시의 제재는 아버지이며, 주제는 아버지의 가족에 대한 사랑의 마음과 인생에 대한 고독감이라고 할 수 있다. 고백적·서정적 성격의 서정시로서, 비유적·상징적 심상이 주조를 이룬다. 표현상의 특징으로는 평이한 시어를 통해 친근감을 느끼게 한 점과 반복법과 열거법을 사용해 아버지의 사랑과 외로움을 구체적으로 표현한 점을 들 수 있다. 제1연에서는 집과도 같은 존재인 아버지에 대해 이야기한다. 제2연과 3연에서는 가족을 배려하는 자상한 아버지의 모습을 언급한다. 제4연에서는 가족의 앞날을 염려하는 아버지의 모습을 그려낸다. 제5연에서는 고독한 아버지의 모습이 반추된다. 제6연과 7연에서는 가족에게서 위안받는 아버지의 모습이 그려진다. 특히 제7연은 이 시의 핵심연으로 아버지의 노고와 깊은 고독은 오직 자식들의 순수하고 올곧은 성장으로 보상받을 수 있음을 이야기한다. 이 시는 존재의 고독과 구원을 주로 노래한 김현승의 후기작품으로, '아버지의 고독'이라는 시제를 붙여도 어색하지 않을 작품이다. 아버지라는 존재를 대상으로 삼아 절망적인 고독이 아닌, 인생을 재발견하기 위한 삶의 가치로서의 고독을 탐구함으로써, 시적 사유의 깊이를 잘 보여주는 지성적·철학적인 시로 평가된다. 주제와 제재면에서 이 시와 매우 유사한 작품으로 박목월(朴木月)의 시 《가정》을 들 수 있다.
이온디 18년 전
포토샵에서는 열린 그래픽 이미지에서 사용된 칼라들을 저장되고 보이는 테이블 칼라를 사용합니다. 만약 모니터가 256 색상들만을 지원한다면 아도브 포토샵에서는 지금 사용되지 않은 칼라들을 비슷하게 하는 유용한 칼라들의 픽셀들로 섞는 디더링이라고 불리 우는 기술을 사용합니다. 기본적으로 아도브 포토샵에서는 이미지에서 더 밝고 혹은 더 어두운 영역들의 차이를 나타내는 패턴으로 나타나는 패턴 디더링을 사용합니다. 대비하여 디퓨젼 디더링은 픽셀 칼라를 섞어 주위의 픽셀들을 사용함으로써 구별하여… 포토샵에서는 열린 그래픽 이미지에서 사용된 칼라들을 저장되고 보이는 테이블 칼라를 사용합니다. 만약 모니터가 256 색상들만을 지원한다면 아도브 포토샵에서는 지금 사용되지 않은 칼라들을 비슷하게 하는 유용한 칼라들의 픽셀들로 섞는 디더링이라고 불리 우는 기술을 사용합니다. 기본적으로 아도브 포토샵에서는 이미지에서 더 밝고 혹은 더 어두운 영역들의 차이를 나타내는 패턴으로 나타나는 패턴 디더링을 사용합니다. 대비하여 디퓨젼 디더링은 픽셀 칼라를 섞어 주위의 픽셀들을 사용함으로써 구별하여 패턴을 제거합니다. 그러나 만약 보여 지는 이미지의 부분을 스크롤하거나 편집한다면 디퓨젼 디더링은 모니터에서 보여 지는 칼라 정보가 부정확하게 되는 요인이 됩니다. 디더링 효과는 프린터가 아니고 오직 스크린에서만 보여준다는 것을 기억하셔야 합니다. 모니터가 256 칼라들만 보여 주거나 디퓨젼 디더링을 사용한다면 다음과 같은 단계를 실행합니다. 1. Edit 메뉴의 Preferences를 선택하고 Display & Cursors 옵션을 선택합니다. Display & Cursors 대화상자가 열립니다. 2. Use Diffusion Dither 옵션에 위치시키고 활성화 상자를 클릭합니다. 박스에서 체크 박스를 볼 수 있습니다. 3. OK 버튼을 클릭합니다. 그러면 Display & Cursors 대화상자가 닫치게 될 것입니다. 만약 모니터가 24 비트 칼라 즉 수백만 칼라를 지원하다면, Use Diffusion Dither 옵션을 사용할 필요가 없습니다. 이 정보는 kimash0님의 블로그에서 가져온 글임을 밝힙니다. http://blog.naver.com/kimash0/11919487
이온디 18년 전
2. 파일설명이어서 갑니다. 2-3. login_form.xml 작업 중에 보니깐 너무 이상해서.. login_form.xml 파일을 수정 간단하게 하고 가겠습니다. login_info.xml 파일은 이후에 더 자세히 하죠. 지금 만드는 로그인 위젯 스킨은 오픈아이디는 사용하지 않을 것이므로 홈페이지에서 관리 > 회원 > 기본설정에서 오픈아이디 사용안함에 체크하고 작업 시작하겠습니다. 물론 스킨 상에서 로그인 위젯을 보이지 않게 해도 됩니다. default.css 파일에서 open_id 부분… 2. 파일설명이어서 갑니다. 2-3. login_form.xml 작업 중에 보니깐 너무 이상해서.. login_form.xml 파일을 수정 간단하게 하고 가겠습니다. login_info.xml 파일은 이후에 더 자세히 하죠. 지금 만드는 로그인 위젯 스킨은 오픈아이디는 사용하지 않을 것이므로 홈페이지에서 관리 > 회원 > 기본설정에서 오픈아이디 사용안함에 체크하고 작업 시작하겠습니다. 물론 스킨 상에서 로그인 위젯을 보이지 않게 해도 됩니다. default.css 파일에서 open_id 부분에서 display:none; 이라고 추가해주시면 됩니다. 참고로 저도 로그인위젯스킨을 만들면서 설명드리는 것이니깐 읽으시는 분들이 길 헤매지 말고 잘 따라오세요. 1단계 들어갑니다. default.css 파일 수정합니다. ※ 참고, 볼드체는 수정한 부분입니다. 폼은 24 line.. .box_login .input { width:120px; background-color: #ffffff; border:1px solid #CECECE; padding:2px 2px 2px 5px; height:14px; margin:0px; cursor:text; color:#666666;font:10px verdana bold;} width값 등을 적당히 수정합니다. border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; 를 빼주고 #CECECE 를 입력했습니다. (보더색상값: 상 우 하 좌 이렇게 시계순입니다.) 버튼은 23 line.. .box_logininput.submit { width:45px; height:45px;background:url(../images/default/login_btn_submit.gif) no-repeat;border:none; margin:9px 0 0 -5px; _margin:5px 0 0 0; cursor:pointer; } 버튼의 위치를 왼쪽으로 살짝 더 붙여줬습니다. 버튼 그림을 변경하고자하면 url 부분의 이미지를 새로 만들어서 같은 이름으로 올리면 되겠습니다. 하는 김에 테두리도 할까 말까.... 이미지로 처리해야할지, 아니면 CSS로 처리해야할지 고민인데..(__);; 우선 이미지부터 다 해보죠. 1. 이미지로 처리하기 재료는 싸이월드 홈2 로그인에 사용된 이미지를 사용하기로 합니다. 테두리에 사용된 이미지는 상단,하단,가운데 부분으로 총 3개의 이미지가 사용되었습니다. 상단이미지하단이미지가운데 이미지 가운데 이미지는 높이가 1픽셀이라 잘 안보여서 배경을 어둡게 처리했습니다. 위와 같은 재료를 사용하기 위해서는 DIV도 마찬가지 3개가 필요합니다. <DIV></DIV> 상단 <DIV></DIV> 가운데 <DIV></DIV> 하단 이런 식으로 말이죠. 네이밍은 아래와 같이 붙입니다. bg_personal_t bg_personal_m bg_personal_b 네이밍의 뜻은 아래와 같습니다. bg = BackGround personal = 개인정보 영역이므로.. t = Top m = Middle b = Bottom .bgPersonl_t {width:200px;height:10px;background: url(이미지주소);} .bgPersonl_m {{width:200px;height:100px;background: url(이미지주소);}} .bgPersonl_b {width:200px;height:10px;background: url(이미지주소);}} 와 같은 스타일시트 클래스명을 생성합니다. 그리고 각 div에 삽입합니다. ※ #bgPersonl_m 의 height 값은 알아서 주세요 <div class="bgPersonal_t"></div> 상단 <div class="bgPersonal_m"></div> 기존 로그인 부분이 이 안에 들어갑니다. <div class="bgPersonal_b"></div> 하단 자, 여기서 login_form.xml 파일의 소스를 살펴봅시다. <!-- colorset의 값에 따라 css 파일을 import 한다 --> <!--@if($colorset=="default"||!$colorset)--> <!--%import("css/default.css")--> <!--@end--> <!--%import("./filter/login.xml")--> <!--%import("./filter/openid_login.xml")--> <!--%import("./js/login.js")--> <div class="bgPersonal_t"></div> <div class="box_login fc_01 bgPersonal_m" id="box_login"> <form action="./" method="get" onsubmit="return procFilter(this, widget_login)" id="fo_login_widget"> <div class="form_field"> <div> <input name="user_id" type="text" class="input" id="login_form_user_id" /> </div> <div> <input name="password" type="password" class="input" /> </div> </div> <div><input type="submit" value=" " class="submit" /></div> <ul class="option"> <li><input type="checkbox" name="remember_user_id"id="chk_remember_user_id" value="Y" class="checkbox" /></li> <li><label for="chk_remember_user_id">{$lang->remember_user_id}</label></li> <li><a href="{getUrl('act','dispMemberSignUpForm')}"class="fc_02 btn">{$lang->cmd_signup}</a></li> </ul> </form> <div class="clear"></div> <script type="text/javascript"> xAddEventListener(window, "load", function(){ doFocusUserId("fo_login_widget"); }); </script> </div> <div class="bgPersonal_b"></div> <!-- OpenID --> <!--@if($member_config->enable_openid=='Y')--> <div class="openid_login fc_01" id="box_login"> <form action="./" method="post" onsubmit="return procFilter(this, openid_login)" > <div class="wButtonWrite"> <ul> <li><input type="text" name="user_id" class="openid_user_id" /></li> <li><span class="wButtonTypeA"><imgsrc="/images/blank.gif" alt="" class="leftCap" /><inputtype="submit" value="{$lang->cmd_login}" accesskey="s" /><imgsrc="/images/blank.gif" alt="" class="rightCap"/></span></li> </ul> </div> </form> </div> <!--@end--> 파란색, 초록색 굵은 글자 부분을 주목해서 봐주세요. bgPersonal_t, bgPersonal_b,bgPersonal_m 는 추가해준 부분입니다. box_login 이 두번째 기존로그인 부분인 것은 눈치채실 겁니다. 나머지는 상,하단이고요.. ※ 좀 더 설명해봅시다. id로 해도 되는데 스타일시트보니깐 class 로 다 되어있고 또 id로 해봤는데 뭘 빼먹었는지 왠지 잘 안되더군요. 해보다가 2번째 로그인박스에서 잘 안되서 class로 수정 작업했습니다. id는 #로 나타내고, class는 . 으로 표현합니다. .bgPersonal_t {width:200px;height:10px;background: url(../images/cyhome2/bg_personal_t.gif) no-repeat top;clear:both;} .bgPersonal_b {width:200px;height:10px;background: url(../images/cyhome2/bg_personal_b.gif) no-repeat top;clear:both;} .box_login .bgPersonal_m {width:200px;background: url(../images/cyhome2/bg_personal_m.gif) repeat top;clear:both;} ※ 주의할 점은 url 주소를 정확하게 입력해주세요. 그리고 bgPersonal_m의 위치는 box_login 안이므로 위와 같이 적어주셔야합니다. 이제 login_form.xml 파일은 이렇게 수정합니다. <div class="bgPersonal_t"></div> <div class="box_login fc_01 bgPersonal_m" id="box_login"> ... </div> <div class="bgPersonal_b"></div> 이렇게 login_info.xml 파일도 위와 같이 수정해주시면 됩니다. id와 class의 차이점은 class는 여러 지역에 여러번 써도 된다는 것이고, id는 한 곳에 한 번만 적어줘야합니다. ※ 위에서, 두번째 부분인 bgPersonal_m 클래스를 안만들고 css파일에서 .box_login 을 수정해줘도 됩니다. 이 부분은 위에서 이미 했으니 box_login은 수정 안하셔도 됩니다. 저는 두번째 bgPersonal_m 클래스 대신 box_login으로 대체했기에 수정합니다. default.css 9 line.. .box_login { border:solid 3px #D5D8DB; background:#FFFFFE; margin-bottom:10px;} 이제 우리는 네모 틀 테두리는 필요없으므로 저 굵은글씨 부분은 지워주셔도 됩니다. .box_login { border:solid 0px #D5D8DB; background:#FFFFFE; margin-bottom:10px;} 그냥 단순히 0px 으로 화면에 보이지 않도록 해주어도 됩니다. 저는 아래와 같이 해주었습니다. .box_login { background:url(../images/cyhome2/bg_personal_m.gif) #FFFFFE; } border는 지우고 background를 추가시켜줬습니다. 그리고 bgPersonal_b와 죽 이어져야 하니깐 margin-bottom:10px; 는 지워줬습니다. box_login에서 이 부분은 수정해주셔야합니다. margin-bottom은 말이죠. 안 그러면 마진값이 붙어서 아래 div와 떨어져보이거든요. 여기는 수정하고 지나가세요. 자, 이제 이렇게 완성이 되었습니다. 그런데 가만...... 확대해보겠습니다. 각 모서리에 의문의 #DDDDDD 선이 보입니다. 약간의 삽질을 했는데 원인은 모르겠고.. (아! 원인은 레이아웃 파일의 배경설정 때문이었네요. 여기서는 배경은 놔두지 않고 아래처럼 수정하는 방법으로 해결해보도록 합니다.) .bgPersonal_t{width:200px;height:10px;background:url(../images/cyhome2/bg_personal_t.gif)repeat-y #FFFFFF;border:0px;overflow:hidden;} .bgPersonal_b{width:200px;height:10px;background:url(../images/cyhome2/bg_personal_b.gif)no-repeat #FFFFFF;border:0px;overflow:hidden;} 최종적으로 위와 같이 해주었습니다. background:#FFFFFF 를 추가시켜줬더니 해결이 되더군요. :D box_login 도 보시자면 아래와 같습니다. .box_login { background:url(../images/cyhome2/bg_personal_m.gif) repeat-y #FFFFFE;} 자. 이렇게 해서 login_form.xml 파일은 완성~~~~~~~~~ 이제 login_info.xml 로그인 후의 화면이 남아있는데 바빠서 다음 내용은 다음 글을 확인해주세요.
이온디
이온디 22년 전
수정 파일 : write.php 글쓰기 칸은 이처럼 가로 크기가 고정되어 있습니다. <textarea name=memo <?=size2(90)?> rows=20 padding:3px class=sb_contents><?=$memo?></textarea> 이 소스에서 <?=size2(90)?> 를 지워주시고 class를 이용하여 stylesheet에서 조정할 수 있습니다. <textarea name=memo rows=24 class=textarea2><?=$memo?></textarea> … 수정 파일 : write.php 글쓰기 칸은 이처럼 가로 크기가 고정되어 있습니다. <textarea name=memo <?=size2(90)?> rows=20 padding:3px class=sb_contents><?=$memo?></textarea> 이 소스에서 <?=size2(90)?> 를 지워주시고 class를 이용하여 stylesheet에서 조정할 수 있습니다. <textarea name=memo rows=24 class=textarea2><?=$memo?></textarea> 스타일시트에는 아래 소스를 추가해줍니다. .textarea2{border:solid 1;border-color:#dddddd;font-family:굴림;font-size:12px;color:#555555;background-color:#ffffff;width:100%;height:300px} (각 부분에 대한 설명은 하지 않겠습니다. 개인에 맞게 고쳐쓰실 수 있습니다.) * 정낙훈님에 의해서 게시물 이동되었습니다 (2004-05-22 08:50)
이온디
이온디 22년 전
텔넷이나 Putty 를 이용하여 DB에 접속하는 방법 실행 창에 다음과 같이 입력합니다. mysql -u ID -p DB_Name PASSWORD 사용법 예제 : ID가 xynex 이고, DB네임은 보통 아이디와 동일합니다만 여기서는 xynexdb 라고 정의하겠습니다. 그리고 패스워드는 putty 로 접속하면 *** 마저도 안 보이게 처리가 되는데 그냥 다음 줄로 엔터 후에 입력하면 됩니다. 비밀번호는 xynexpassword 로 하겠습니다. 아래를 긁어서 확인해보세요. mysql … 텔넷이나 Putty 를 이용하여 DB에 접속하는 방법 실행 창에 다음과 같이 입력합니다. mysql -u ID -p DB_Name PASSWORD 사용법 예제 : ID가 xynex 이고, DB네임은 보통 아이디와 동일합니다만 여기서는 xynexdb 라고 정의하겠습니다. 그리고 패스워드는 putty 로 접속하면 *** 마저도 안 보이게 처리가 되는데 그냥 다음 줄로 엔터 후에 입력하면 됩니다. 비밀번호는 xynexpassword 로 하겠습니다. 아래를 긁어서 확인해보세요. mysql -u xynex -p password xynexpassword 위와 같이 입력하면 이제 접속이 되었습니다. 그러면 다음 프로토콜로 실행이 됩니다. show tables;
이온디
이온디 22년 전
포털사이트 홈페이지 (팝업광고창) 블로그미니홈피 카페 지식인전자우편기타 부가 서비스 네이버O (O)O 북마크 다음 XO 야후 한미르 드림위즈 O (O)북마크 네띠앙 O (O) 포털사이트 홈페이지 (팝업광고창) 블로그미니홈피 카페 지식인전자우편기타 부가 서비스 네이버O (O)O 북마크 다음 XO 야후 한미르 드림위즈 O (O)북마크 네띠앙 O (O)