XE 1.0 이후 버전에서 이용하시길 바랍니다.
압축을 푸시면 webmini_login 폴더안에 색상별로 3개의 폴더가 있습니다. (레드,블루,블랙)
3개의 폴더를 widgets > login_info > skins 에 업로드 후 적용하시면 됩니다.
본스킨은 IE6, IE7, Firefox, Opera, Safari 에서 테스트 했습니다.
만약에 벌어짐 증상이 생길시 css파일에 * {margin:0; padding:0;) 을 추가해주세요.
2008년 9월 21일 일요일
[제로보드XE]아쿠어 버전 로그인스킨
제로보드XE 아쿠어 버전로그인 입니다.
XE 1.0 이후 버전에서 이용하시길 바랍니다.
압축을 푸시면 webmini_login 폴더안에 색상별로 3개의 폴더가 있습니다. (레드,블루,블랙)
3개의 폴더를 widgets > login_info > skins 에 업로드 후 적용하시면 됩니다.
본스킨은 IE6, IE7, Firefox, Opera, Safari 에서 테스트 했습니다.
만약에 벌어짐 증상이 생길시 css파일에 * {margin:0; padding:0;) 을 추가해주세요.
XE 1.0 이후 버전에서 이용하시길 바랍니다.
압축을 푸시면 webmini_login 폴더안에 색상별로 3개의 폴더가 있습니다. (레드,블루,블랙)
3개의 폴더를 widgets > login_info > skins 에 업로드 후 적용하시면 됩니다.
본스킨은 IE6, IE7, Firefox, Opera, Safari 에서 테스트 했습니다.
만약에 벌어짐 증상이 생길시 css파일에 * {margin:0; padding:0;) 을 추가해주세요.
webmini_login.zip
[제로보드4]한페이지 로그인스킨
압축을 푸시고 webmini 폴더채로 제로보드 폴더 outlogin_skin 안에 넣으세요.
그리고 로그인이 들어갈 페이지 로그인이 삽입될 곳에
<? print_outlogin("webmini","1","10"); ?>
넣으시면 되겠습니다.
[웹표준]웹표준 저작 프로그램
웹표준과 저작 프로그램
제프리 젤드만의 웹표준 가이드에서는 이렇게 쓰여져 있습니다.
브 라우저 전쟁의 절정이었던 시점에서 개발된 어도비(이전의 매크로미디어)사의 드림위버너 Golive처럼 시장을 장악한 전문가용 비주얼 에디터들은 3.0과 4.0 브라우저에 최적화된 마크업과 코드를 생성하여 브라우저의 비호환 문제를 처리했습니다.
브 라우저가 비표준이고 유효하지 않은 HTML 태그로 실행될 때 드림위버와 GoLive는 브라우저가 원하는 대로 태그를 만들어 주었습니다. 각 브라우저가 자신들만의 호환성 없는 DOM이 있거나 독자적인 스크립트 언어로 작동된다면, 드림위버나 GoLive는 그것에 따라서 코드를 만들었습니다.
이런 방식을 사용한 드림위버와 GoLive가 마크업과 코드를 직접 사용하는 개발자들보다 더 잘못했다는 것은 아닙니다. 2장에서 설명한 바와 같이 표준이 개발되는 중이었고, 브라우저들이 지원을 제대로 하지 않을 때라서 사이트 제작자도 어쩔 수 없었습니다. '원하는 대로 주라'는 말은 그때는 말이 됐지만 이제는 적절한 전략이 아닙니다. 브라우저가 표준을 지원하자 드림위버나 GoLive 같은 프로그램들도 같이 변하게 되었습니다. 이제는 프로그램들도 표준을 지원합니다.
전문 비주얼 웹편집의 선두 주자인 드림위버로 만든 사이트의 표준화 지원과 접근성을 향상시키는 노력의 일환으로 매크로 미디어의 기술자들과 같이 일하기 위해 2001년 WaSP의 Dreamweaver Task Force 가 생겨났습니다.
이 그룹의 주요목표는 아래와 같습니다.
* 드림위버는 '격이 다른'유효한 마크업을 만들어야 한다(유효한 마크업은 반드시 표준 태그와 요소만 사용해야 하고 에러가 없어야 한다.)
* 드림위버는 유효한 DTD를 추가하여 XHTML과 HTML 버전을 선택할 수 있게 해줘야 한다 (DTD-Document Type Definition은 브라우저에게 어떤 종류의 마크업으로 웹 페이지를 만들었는가를 알려준다.)
* 드림위버는 문서의 DTD를 엄격히 따르고, 이에 따라서 마크업과 코드를 만들어야 한다.
* 드림위버는 모두에게 접근성 있는 웹 문서를 사용자가 쉽게 만들 수 있게 해야한다.
* 드림위버는 CSS2를 정확하게 표현하여 CSS로 만들어진 페이지가 드림위버의 비주얼 환경에서 작동이 되어야 한다.
* 드림위버는 사용자의 허락 없이 inline 스타일을 추가하여 유효한 CSS 레이아웃을 방해아지 않아야 한다.
* 사용자가 드림위버로 만든 페이지가 유효하고 높은 수준의 접근성을 이룰 수 있다는 믿음을 가질 수 있어야 한다.
이 목표들에 더해서 추가적인 목표들이 2002년 5월 드림위버 MX가 출시되면서 생겨나게 되었습니다.
드림위버 MX를 만드는 데 도움을 주었던 Dreamweaver Task Force는 제품을 평가 하면서 아래 사실들을 발견하게 되었습니다.
* 훌류한 유효한 마크업을 생산해 냈다.
* 사용자가 접근성 있는 사이트를 만들 수 있게 도와주었다.
* (CSS배치에 다소 문제점이 있긴 하지만) 적합한 수준의 정확도로 CSS2를 표현했다.
* CSS 레이아웃을 해치지 않았다.
* 유효한 XHTML 과 CSS(자동으로 표준지원 검사를 하여)사용을 권장했다.
* 웹표준을 중요하게 생각하고 장려했다.
개인 적으로도 드림위버를 웹표준 저작 툴로 추천하는 바입니다.
참고로 외국에서 실시된 설문조사에서 가장 많이 사용하는 웹저작 툴로도 드림위버를 꼽고 있습니다.
http://webdesign.about.com/gi/pages/poll.htm?linkback=http://webdesign.about.com/b/a/253457.htm&poll_id=2822610066
물론 우리나라에서는 에디터플러스도 많이 사용되긴 하지만, 위에 설문조사에서 보듯이 웹퍼블리셔들이 선호하는 저작 프로그램임은 사실인거 같습니다.
제프리 젤드만의 웹표준 가이드에서는 이렇게 쓰여져 있습니다.
브 라우저 전쟁의 절정이었던 시점에서 개발된 어도비(이전의 매크로미디어)사의 드림위버너 Golive처럼 시장을 장악한 전문가용 비주얼 에디터들은 3.0과 4.0 브라우저에 최적화된 마크업과 코드를 생성하여 브라우저의 비호환 문제를 처리했습니다.
브 라우저가 비표준이고 유효하지 않은 HTML 태그로 실행될 때 드림위버와 GoLive는 브라우저가 원하는 대로 태그를 만들어 주었습니다. 각 브라우저가 자신들만의 호환성 없는 DOM이 있거나 독자적인 스크립트 언어로 작동된다면, 드림위버나 GoLive는 그것에 따라서 코드를 만들었습니다.
이런 방식을 사용한 드림위버와 GoLive가 마크업과 코드를 직접 사용하는 개발자들보다 더 잘못했다는 것은 아닙니다. 2장에서 설명한 바와 같이 표준이 개발되는 중이었고, 브라우저들이 지원을 제대로 하지 않을 때라서 사이트 제작자도 어쩔 수 없었습니다. '원하는 대로 주라'는 말은 그때는 말이 됐지만 이제는 적절한 전략이 아닙니다. 브라우저가 표준을 지원하자 드림위버나 GoLive 같은 프로그램들도 같이 변하게 되었습니다. 이제는 프로그램들도 표준을 지원합니다.
전문 비주얼 웹편집의 선두 주자인 드림위버로 만든 사이트의 표준화 지원과 접근성을 향상시키는 노력의 일환으로 매크로 미디어의 기술자들과 같이 일하기 위해 2001년 WaSP의 Dreamweaver Task Force 가 생겨났습니다.
이 그룹의 주요목표는 아래와 같습니다.
* 드림위버는 '격이 다른'유효한 마크업을 만들어야 한다(유효한 마크업은 반드시 표준 태그와 요소만 사용해야 하고 에러가 없어야 한다.)
* 드림위버는 유효한 DTD를 추가하여 XHTML과 HTML 버전을 선택할 수 있게 해줘야 한다 (DTD-Document Type Definition은 브라우저에게 어떤 종류의 마크업으로 웹 페이지를 만들었는가를 알려준다.)
* 드림위버는 문서의 DTD를 엄격히 따르고, 이에 따라서 마크업과 코드를 만들어야 한다.
* 드림위버는 모두에게 접근성 있는 웹 문서를 사용자가 쉽게 만들 수 있게 해야한다.
* 드림위버는 CSS2를 정확하게 표현하여 CSS로 만들어진 페이지가 드림위버의 비주얼 환경에서 작동이 되어야 한다.
* 드림위버는 사용자의 허락 없이 inline 스타일을 추가하여 유효한 CSS 레이아웃을 방해아지 않아야 한다.
* 사용자가 드림위버로 만든 페이지가 유효하고 높은 수준의 접근성을 이룰 수 있다는 믿음을 가질 수 있어야 한다.
이 목표들에 더해서 추가적인 목표들이 2002년 5월 드림위버 MX가 출시되면서 생겨나게 되었습니다.
드림위버 MX를 만드는 데 도움을 주었던 Dreamweaver Task Force는 제품을 평가 하면서 아래 사실들을 발견하게 되었습니다.
* 훌류한 유효한 마크업을 생산해 냈다.
* 사용자가 접근성 있는 사이트를 만들 수 있게 도와주었다.
* (CSS배치에 다소 문제점이 있긴 하지만) 적합한 수준의 정확도로 CSS2를 표현했다.
* CSS 레이아웃을 해치지 않았다.
* 유효한 XHTML 과 CSS(자동으로 표준지원 검사를 하여)사용을 권장했다.
* 웹표준을 중요하게 생각하고 장려했다.
개인 적으로도 드림위버를 웹표준 저작 툴로 추천하는 바입니다.
참고로 외국에서 실시된 설문조사에서 가장 많이 사용하는 웹저작 툴로도 드림위버를 꼽고 있습니다.
http://webdesign.about.com/gi/pages/poll.htm?linkback=http://webdesign.about.com/b/a/253457.htm&poll_id=2822610066
물론 우리나라에서는 에디터플러스도 많이 사용되긴 하지만, 위에 설문조사에서 보듯이 웹퍼블리셔들이 선호하는 저작 프로그램임은 사실인거 같습니다.
[Javascript](파폭,익스,오페라) 즐겨찾기추가하기
즐겨찾기(북마크) 추가하는 스크립트 입니다. (파폭,익스,오페라에서 가능)
<script type="text/javascript">
function bookmarksite(title,url) {
if (window.sidebar) // firefox
window.sidebar.addPanel(title, url, "");
else if(window.opera && window.print)
{ // opera
var elem = document.createElement('a');
elem.setAttribute('href',url);
elem.setAttribute('title',title);
elem.setAttribute('rel','sidebar');
elem.click();
}
window.external.AddFavorite(url, title);
}
</script>
<a href="javascript:bookmarksite('웹미니 - 웹속에 작은 공간', 'http://www.webmini.net')">즐겨찾기 추가<a>
[제로보드]상단로그인을 꾸며보자
제로보드XE 팁입니다.
로그인전
로그인후
물론 위젯으로 만들어 사용해도 되나, 저같은 경우는 레이아웃에 직접소스를 넣었습니다.
위와 같이 구현하는 방법은 다음과 같습니다.
1. 사용하시는 레이아웃의 layout.html 파일을 열고 header 부분 원하는 위치에 아래의 소스를 넣습니다.
위에 고객센터와 전체보기,이미지주소는 자신의 사이트에 맞는 주소를 넣으시면 됩니다.
다음은 해당 레이아웃 css 파일을 여시고 아래의 소스를 삽입합니다.
스타일시트 같은경우도 자신의 사이트에 맞게 조금씩 수정을 하셔야 할듯합니다.
응용해서 사용해 보시길...
로그인전
로그인후
물론 위젯으로 만들어 사용해도 되나, 저같은 경우는 레이아웃에 직접소스를 넣었습니다.
위와 같이 구현하는 방법은 다음과 같습니다.
1. 사용하시는 레이아웃의 layout.html 파일을 열고 header 부분 원하는 위치에 아래의 소스를 넣습니다.
<div id="mini_gnb">
<ul>
<!--@if($logged_info)-->
<li><strong>{$logged_info->nick_name}</strong>님 반갑습니다.</li>
<li><a href="{getUrl('act','dispMemberLogout')}"><img src="./images/{$layout_info->colorset}/btn_mini_logout.gif" alt="로그아웃" class="bul" /></a></li>
<li><a href="{getUrl('act','dispMemberInfo')}">마이페이지</a></li>
<!--@else-->
<li><a href="{getUrl('act','dispMemberLoginForm')}"><img src="./images/{$layout_info->colorset}/btn_mini_login.gif" alt="로그인" class="bul" /></a></li>
<!--@end-->
<!--@if(!$logged_info)-->
<li><a href="{getUrl('act','dispMemberSignUpForm')}">회원가입</a></li>
<!--@end-->
<li><a href="/customer">고객센터</a></li>
<li><a href="/sitemap">전체보기</a></li>
</ul>
</div>
<ul>
<!--@if($logged_info)-->
<li><strong>{$logged_info->nick_name}</strong>님 반갑습니다.</li>
<li><a href="{getUrl('act','dispMemberLogout')}"><img src="./images/{$layout_info->colorset}/btn_mini_logout.gif" alt="로그아웃" class="bul" /></a></li>
<li><a href="{getUrl('act','dispMemberInfo')}">마이페이지</a></li>
<!--@else-->
<li><a href="{getUrl('act','dispMemberLoginForm')}"><img src="./images/{$layout_info->colorset}/btn_mini_login.gif" alt="로그인" class="bul" /></a></li>
<!--@end-->
<!--@if(!$logged_info)-->
<li><a href="{getUrl('act','dispMemberSignUpForm')}">회원가입</a></li>
<!--@end-->
<li><a href="/customer">고객센터</a></li>
<li><a href="/sitemap">전체보기</a></li>
</ul>
</div>
위에 고객센터와 전체보기,이미지주소는 자신의 사이트에 맞는 주소를 넣으시면 됩니다.
다음은 해당 레이아웃 css 파일을 여시고 아래의 소스를 삽입합니다.
#mini_gnb {margin:0; text-align:right;}
#mini_gnb ul {padding:4px 15px 0 0;}
#mini_gnb li {display:inline; list-style:none; padding:0 1px 0 4px; font-size:11px; white-space:nowrap;}
#mini_gnb li strong {color:#555;}
#mini_gnb li a {letter-spacing:-1px;}
#mini_gnb li a:hover {text-decoration:underline;}
#mini_gnb ul {padding:4px 15px 0 0;}
#mini_gnb li {display:inline; list-style:none; padding:0 1px 0 4px; font-size:11px; white-space:nowrap;}
#mini_gnb li strong {color:#555;}
#mini_gnb li a {letter-spacing:-1px;}
#mini_gnb li a:hover {text-decoration:underline;}
스타일시트 같은경우도 자신의 사이트에 맞게 조금씩 수정을 하셔야 할듯합니다.
응용해서 사용해 보시길...
[제로보드]관리자 로그인시 원하는걸 보여주자
제로보드XE의 팁입니다.
관리자로 로그인했을때 원하는걸 보여주고자 할때 사용하시면 될듯합니다.
예를 들어 관리자로그인시 메뉴를 보여줄수도 있고,(물론 관리자페이지에서 설정이 가능합니다만) 위젯을 보여줄수도 있을것입니다. 응용하시면 됩니다.
아래의 소스를 사용중인 레이아웃스킨 layout.html 원하는 위치에 삽입하세요.
<!--@if($logged_info->is_admin=="Y")-->
관리자로그인시 보여지는것(?)들
<!--@end-->
관리자로그인시 보여지는것(?)들
<!--@end-->
참고로 저같은 경우는 메인에 관리자 로그인시 카운터가 보여지게 되어있습니다.
[윈도우]여러버전의 IE브라우저
익스7과 같이 사용할수 있습니다. 저도 반년정도 사용해왔는데 크로스브라우징 테스트 하기에는 괜찮은거 같습니다.
http://tredosoft.com/Multiple_IE
이곳에 가시면 다운받으실수 있습니다.
http://tredosoft.com/Multiple_IE
이곳에 가시면 다운받으실수 있습니다.
피드 구독하기:
글 (Atom)