묻고답하기

위젯 임의로 다는법 없을까요 ?

2011.02.28 10:10

저부분에다가 위젯을 달고싶은데

레이아웃설정에 따로 그런부분이 있는게 아니라서요 ...

애드온같은거로 가능할까요 ?

혹시몰라서

css하고 html 올려드려요 부탁드립니다.

css:

@charset "utf-8";body{font:12px Gulim,Arial}button{cursor:pointer}p{margin:0;padding:0;line-height:150%}

fieldset,img{border:0}caption,th{text-align:left}hr{display:none}.blank{display:block;overflow:hidden;clear:both;width:0;height:0;margin:0;padding:0;border:0;background:none;font-size:0;line-height:0}

.none{display:block;visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;z-index:-1;width:0;height:0;margin:0;padding:0;font-size:0;line-height:0}

.skipTo{display:block;height:0;overflow:hidden;text-align:center}.skipTo:active,.skipTo:hover,.skipTo:focus{height:auto;padding:5px}

.mpReset,.mpReset *{margin:0;padding:0;list-style:none;border:0;background:none;font-style:normal;font-family:Gulim,Arial,Tahoma}

#wrap,#header,#container,#content,#column .extension .section,#footer{position:relative;height:100%}

#wrap:after,#header:after,#container:after,#content:after,#column .extension .section:after,#footer:after{display:block;clear:both;content:""}

@charset "utf-8";body{background:#e3e3e3}#wrap{width:1000px;margin:0 auto 50px;background:url(../img/wrap.png) repeat-y left top}

#header{height:220px;background:url(../img/header.png) no-repeat left -200px;z-index:30}

#header h1{position:absolute;left:60px;top:95px}#header .layer{position:absolute;top:95px;right:70px}

#header .layer a{color:#50988f;text-decoration:none}#header .layer a:hover,#header .layer a:focus{color:#0075c0}

#header .search{display:inline;float:left;width:155px;height:39px;margin:3px 20px 0;background:url(../img/header.png) no-repeat -500px top}

#header .search .inputText{display:inline;float:right;margin:13px 7px 0 5px;width:105px;font:12px Arial,Gulim;color:#444}

#header .search .submit{float:left;width:37px;height:39px;font-size:0;line-height:0;text-indent:-200px;overflow:hidden;cursor:pointer}

#header .rss{display:inline;float:left;margin:0 10px}#header .rss a{display:block;width:auto!important;width:0;height:44px;background:url(../img/header.png) no-repeat}

#header .rss a:hover{background-position:left -44px}#header .rss a span{display:block;padding:14px 0 0 50px;font:11px Arial}

#header .login a{background-position:-150px top}#header .login a:hover{background-position:-150px -44px}

#header .profile a{background-position:-300px top}#header .profile a:hover{background-position:-300px -44px}

#gnb{position:absolute;left:28px;bottom:0;z-index:90;width:944px;height:52px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;font-size:0;line-height:0}

#gnb a{color:#50988f;text-decoration:none}#gnb a span{font:12px Arial,Gulim,Tahoma}

#gnb .ul1{padding:0 20px}#gnb .li1{float:left;position:relative;padding:0 10px}

#gnb .a1{display:block;overflow:hidden;padding:0 0 3px}#gnb .a1:hover,#gnb .a1:focus,#gnb .on1 .a1{padding:0;border-bottom:3px solid #95c0d5}

#gnb .a1 span{display:block;padding:20px 20px 16px}#gnb .ul2{display:none;position:absolute;left:0;top:52px!important;top:53px;border-bottom:1px solid #ccc}

#gnb .ul2 li{position:relative;border:1px solid #ccc;border-bottom:0}#gnb .ul2 a{display:block;width:210px;height:34px;overflow:hidden;background-color:#fff;opacity:.9;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90)}

#gnb .ul2 a:hover,#gnb .ul2 a:focus{background-color:#f2f2f2}#gnb .ul2 a span{display:block;padding:12px 0 0 15px}

#gnb .sub2 .a2,#gnb .sub3 .a3{background:#fff url(../img/sub.gif) no-repeat 200px center}

#gnb .on2 .a2,#gnb .on3 .a3,#gnb .on4 .a4{border-bottom:2px solid #95c0d5}

#gnb .ul2 ul{display:none;position:absolute;left:210px;top:-1px!important;top:0;border-bottom:1px solid #ccc}

#container{padding:28px;background:url(../img/container.gif) repeat-y 680px top}

#column{float:right;width:250px;padding:0 12px}#column a{color:#50988f;text-decoration:none}

#column a:hover,#column a:focus{color:#0075c0;text-decoration:underline}

#column .extension h3.title{margin:0;padding:0;color:#555;font:12px Arial;text-transform:uppercase}

#column .extension h3.title a{color:#555}#column .extension div.section{margin:10px 0 40px;font:11px Arial;color:#555}

#content{float:left;width:600px;padding:0 25px}#container.ec{background-position:320px top}

#container.ec #column{float:left}#container.c{background:none}#container.c #content{display:block;float:none;width:auto}

#container.c #column{display:none}#footer{height:90px;background:url(../img/header.png) left -110px}

#footer .footer{padding:20px 50px}#footer *{font:11px Arial}#footer a{color:#50988f;text-decoration:none}

#footer a:hover,#footer a:focus{color:#0075c0;text-decoration:underline}

#footer .sta{display:inline;vertical-align:middle}#footer .sta li{display:inline;background:url(../img/sta.gif) no-repeat left center;padding:0 10px}

#footer .sta li:first-child{background:none}#footer .copyright{display:inline;margin:0 20px 0 0;color:#0075c0}

#footer .copyright .c{display:inline-block;width:21px;height:21px;margin:0 5px;overflow:hidden;background:url(../img/header.png) no-repeat right top;text-indent:-300px;vertical-align:middle}

#footer .copyright .powered{position:absolute;bottom:-20px;right:20px;font-size:10px}

#footer .copyright .powered *{font-size:10px}.loginWindow{display:none;position:fixed;left:0;top:0;_position:absolute;width:100%;height:100%;z-index:100}

.loginWindow.open{display:block}.loginWindow .modalWindow{display:block;position:fixed;border:0;left:0;top:0;_position:absolute;width:100%;height:100%;background:#000;opacity:.3;filter:alpha(opacity:30)}

.loginWindow .loginLayer{position:absolute;width:289px;top:120px;left:50%;padding:30px;border:2px solid #737373;margin:0 0 0 -175px;background:#fff}

.loginWindow .loginLayer form{display:none;*zoom:1;margin:0 0 29px}.loginWindow .loginLayer form:after{content:"";display:block;clear:both}

.loginWindow .loginLayer form legend{position:absolute;width:0;height:0;overflow:hidden;font-size:0;line-height:0;visibility:hidden}

.loginWindow .loginLayer fieldset{border:0;margin:0;padding:0}.loginWindow .loginLayer.loginTypeA form.typeA,.loginWindow .loginLayer.loginTypeB form.typeB{display:block}

.loginWindow .loginLayer dl{margin:0;padding:0 0 1px}.loginWindow .loginLayer dt{font-size:12px;font-weight:700;color:#868d95;margin:0 0 2px}

.loginWindow .loginLayer dd{margin:0 0 21px}.loginWindow .loginLayer .inputText{width:269px;height:31px;padding:6px 9px 0;border:1px solid #ddd;font:20px Tahoma;color:#333}

.loginWindow .loginLayer .inputText:focus{background-color:#fbfbfb}.loginWindow .loginLayer .inputCheck{margin:0 3px 0 0;width:13px;height:13px;vertical-align:middle}

.loginWindow .loginLayer.loginTypeA .inputText{background-image:url(../img/bgLoginText.png);background-repeat:no-repeat;background-position:right top}

.loginWindow .loginLayer.loginTypeB .inputText{background-image:url(../img/bgOpenidText.png);background-repeat:no-repeat;background-position:right top;padding:6px 9px 0 35px;width:243px}

.loginWindow .loginLayer .keep{margin:0;float:left;font-size:11px;line-height:normal;white-space:nowrap}

.loginWindow .loginLayer .keep label{color:#555}.loginWindow .loginLayer .loginButton,.loginWindow .loginLayer .loginButton input{position:relative;border:0;color:#fff;font-size:12px;font-weight:700;display:inline-block;height:36px;line-height:36px;background-color:transparent;background-image:url(../img/buttonLoginAction.png);background-repeat:no-repeat;overflow:visible}

.loginWindow .loginLayer .loginButton{float:right;background-position:0 0;right:11px}

.loginWindow .loginLayer .loginButton input{left:11px;background-position:right 0;padding:0 30px 0 45px;cursor:pointer}

.loginWindow .loginLayer .help{margin:0 -30px -30px -30px;padding:14px 0;list-style:none;text-align:center;background:#fafafa;border-top:1px solid #f2f2f2}

.loginWindow .loginLayer .help li{display:inline;font-size:11px;line-height:11px;padding:0 0 0 5px}

.loginWindow .loginLayer .help li.join{font-weight:700}.loginWindow .loginLayer .help li.find{border-left:1px solid #b3b3b3}

.loginWindow .loginLayer .help li.typeA,.loginWindow .loginLayer .help li.typeB{display:none;border-left:1px solid #b3b3b3}

.loginWindow .loginLayer.loginTypeA .help li.typeA,.loginWindow .loginLayer.loginTypeB .help li.typeB{display:inline}

.loginWindow .loginLayer .help li a{text-decoration:none;color:#555}.loginWindow .loginLayer .help li a:hover,.loginWindow .loginLayer .help li a:active,.loginWindow .loginLayer .help li a:focus{text-decoration:underline}

.loginWindow .loginLayer .close{position:absolute;cursor:pointer;border:0;padding:0;top:0;right:0;width:27px;height:27px;background:transparent url(../img/buttonCloseX.gif) no-repeat center center}

.loginWindow .loginLayer .close span{position:absolute;font-size:0;line-height:0;width:0;height:.;overflow:hidden;visibility:hidden}

layout.html:

$layout_info->name = ($layout_info->name)? $layout_info->name : $layout_info->layout_title;

$layout_info->url = ($layout_info->url)? $layout_info->url : "./";

/**

* 위젯태그가 모두 없거나 칼럼 너비가 없으면 칼럼을 보이지 않는다.

**/

$layout_info->column = ( $layout_info->width == 0 || $layout_info->widget_1 || $layout_info->widget_2 || $layout_info->widget_3)? $layout_info->column : "c";

}

<!--

#column { width:{$layout_info->width}px; }

#content { width:{$layout_info->width *-1 + 250 + 600}px; }

#container { background-position:{$layout_info->width *-1 + 250 + 680}px top; }

#container.ec { background-position:{$layout_info->width - 250 + 620}px top; }

-->

</style>

<div id="wrap" class="Wrapper {$layout_info->colorset}">

<a href="#content" class="skipTo">Skip to content</a>

<h1>

<img src="{$layout_info->logo}" alt="{$layout_info->name}" class="iePngFix" />

<img src="img/logo.png" alt="{$layout_info->name}" class="iePngFix" />

</a>

</h1>

<li class="li1{@$selected=$val} on1">

<a href="{$val['href']}" class="a1" onclick="window.open(this.href); return false;"><span>{$val["text"]}</span>{$val["link"]}</a>

<a href="{$v['href']}" class="a2" onclick="window.open(this.href); return false;"><span>{$v["text"]}</span>{$v["link"]}</a>

<a href="{$va['href']}" class="a3" onclick="window.open(this.href); return false;"><span>{$va["text"]}</span>{$va["link"]}</a>

<a href="{$vl['href']}" class="a4" onclick="window.open(this.href); return false;"><span>{$vl["text"]}</span>{$vl["link"]}</a>

</li>

</ul>

</li>

</ul>

</li>

</ul>

</li>

</ul>

</div>

<p class="rss login"><a href="{getUrl('act','dispMemberLogout')}" title="{$lang->cmd_logout}"><span>로그아웃</span></a></p>

<p class="rss profile"><a href="{getUrl('act','dispMemberInfo')}" title="{$lang->cmd_view_member_info}"><span>정보</span></a></p>

<legend class="none">{$lang->cmd_search}</legend>

</fieldset>

</form>

</div>

{@ $member_config = MemberModel::getMemberConfig(); }

<button type="button" class="close" onclick="document.getElementById('loginWindow').style.display='none'" accesskey="X"><span>Close Login Layer</span></button>

<legend>XE Login</legend>

<dl>

<dt><label for="upw">{$lang->password}</label></dt>

</dl>

<p class="keep"><input name="keep_signed" type="checkbox" id="keepA" value="Y" class="inputCheck" onclick="if(this.checked) return confirm('{$lang->about_keep_signed}');"/><label for="keepA">{$lang->keep_signed}</label></p>

<span class="loginButton"><input name="" type="submit" value="{$lang->cmd_login}" /></span>

</fieldset>

</form>

<legend>OpenID Login</legend>

<dl>

</dl>

<span class="loginButton"><input name="" type="submit" value="{$lang->cmd_login}" /></span>

</fieldset>

</form>

<li class="join"><a href="{getUrl('act','dispMemberSignUpForm')}">{$lang->cmd_signup}</a></li>

<li class="find"><a href="{getUrl('act','dispMemberFindAccount')}">{$lang->cmd_find_member_account}</a></li>

<li class="find"><a href="{getUrl('act','dispMemberResendAuthMail')}">{$lang->cmd_resend_auth_mail}</a></li>

<li class="typeA"><a href="#openidLogin" onclick="document.getElementById('loginLayer').className='loginLayer loginTypeB'">OpenID</a></li>

<li class="typeB"><a href="#commonLogin" onclick="document.getElementById('loginLayer').className='loginLayer loginTypeA'">OpenID</a></li>

</ul>

<button type="button" class="close" onclick="document.getElementById('loginWindow').style.display='none'" accesskey="X"><span>Close Login Layer</span></button>

</div>

{$layout_info->headerLayer}

</div>

<div id="container" class="{$layout_info->column}">

<h3 class="title">{$layout_info->widget_1_title}</h3>

<div class="section">{$layout_info->widget_1}</div>

</div>

<h3 class="title">{$layout_info->widget_2_title}</h3>

<div class="section">{$layout_info->widget_2}</div>

</div>

<h3 class="title">{$layout_info->widget_3_title}</h3>

<div class="section">{$layout_info->widget_3}</div>

</div>

</div>

{$content}

</div>

{$layout_info->copyright}

/ Designed by <a href="http://mono-lab.net/" onclick="window.open(this.href); return false;">mono-lab</a>

/ UI Developed by <a href="http://elkha.kr" onclick="window.open(this.href);return false;">Elkha</a>

/ Modified by <a href="http://starforum.kr" onclick="window.open(this.href); return false;">fsfsdas</a>

</span>

</address>

<li><a href="{$val['href']}" onclick="window.open(this.href); return false;">{$val["link"]}</a></li>

</ul>

</div>

이 게시물을

글쓴이	제목	최종 글
XE	공지 글 쓰기,삭제 운영방식 변경 공지 [16]	2019.03.05 _by 남기남
nexusz99	xe설치시 mysql이 선택이 안됩니다. [1]	2011.03.06 _by lol :)
시냅스	Err : "./modules/pxeboard/skins/xe_board/list.html" template file is not exists 에러가 나네요.ㅠㅠ [1]	2011.03.06 _by kbq159
grey''s	임의로 검색할때 검색 주소 질문입니다. [1]	2011.03.06 _by kbq159
내가그린	xe를 가지고 페이스북 같은 형식의 홈피를 만들수 있는지요?
빠른물	회원 그룹마다 다른 페이지를 보여 주는 방법이 궁금합니다. [1]	2011.03.06 _by 아아악내눈
아아악내눈	본문내 이미지를 섬네일로 표시하는 팁?같은거 있나요?
빠른물	페이지 코드 수정하는 방법이 궁금합니다.
다아찌	1.4.4.4 버젼의 회원관리 에러에 대해
GMART	첨부파일이 올려지지가 않습니다.
신현국921	로그인 폼에서 어떻게 해야지?
코아 코스튬	브라우저 별로 다르게 나타내려고 하는데... [2]	2011.03.05 _by 현원
빠른물	서버 회원정보 이전 관련 해서 질문이 있습니다. (mysql, xml) [1]	2011.03.05 _by 빠른물
이한슬595	foreach as 의 의미가 궁금합니다. [1]	2011.03.05 _by SMaker
idw1.myid.net	schema xml에서 auto_increment 어떻게 지정하나요?
아이디입력을하시요	위젯사이즈 줄이는법좀요;;
sskk	게시판을 축소해서 만들려고합니다. [1]	2011.03.05
nasdf@naver.com	레이아웃 과 css 편집에대해 묻고싶습니다.
三乭	메인화면에서 좌측메뉴에다 자유게시판과 공지사항을 넣고 싶은데..
\"vusdo\"	모바일 보기에 대해서 질문 드립니다.
hellosamyoo	소셜XE 좀더 쉬게 인터페이스 불가능할까요? [1]	2011.03.05
죽암	갑자기 최고 관리자가 로그인 않되요. [1]	2011.03.05 _by 오월동주
으렁청청	쉬운 설치 버튼을 누르면 웹 사이트에서 페이지를 표시할 수 없습니다. [2]	2011.03.05 _by 오월동주
alljoy	한가지 질문을 드립니다.
proengin	외부페이지로 모바일 불러들이면 화면의 반밖에 안 나옵니다. [1]	2011.03.05 _by 수피아소년
모글리만세	초초보의 레이아웃 편집 시, 위젯삽입 후 문제;; 질문입니다. [1]	2011.03.05 _by 아아악내눈
신현국921	어휴 답답 outlogin_skin 폴더는? [2]	2011.03.05 _by 아아악내눈
나그러면	오래 묵혔던 홈.피 비번을 잊었을때...? [1]	2011.03.05 _by 공듀
miso777	지식인XE 분류설정 카테고리 글자짤림 [2]	2011.03.05 _by 박자경704
백용권	1.4.4.4 에서는 설문조사가 안되는건가요?
코아 코스튬	에디터 Auto Resize 기능 [1]	2011.03.05 _by ForHanbi

태그 쓰기

묻고답하기

위젯 임의로 다는법 없을까요 ?

댓글 0

About

Get involved

Blog

Download

Support

Showcase