문하웃 (3.3 버전) 레이 아웃을 제 홈피 제작에 감사히 사용하고 있습니다.
모든게 windows 에서는 잘 작동하는데요.
불여우에서 열어 보니 상단에 집어 넣은 로고 그림이
상단 배경 밑으로 깔려서 겉 테두리만 약간 보입니다.
혹시 수정할 수 있는 방법이 있나 해서요.
그리고 그린 색을 사용하는데 3.0 버젼의
top.png 그림이 더 좋아서 그 그림을 사용하고 있습니다.
그리고 같이 따라 나온 로그인 위젯도 사용하는데요.
혹시 투명 버젼으로 바꿀 수 있는 방법을 가르쳐 주심 고맙겠습니다.
배경을 그레이로 했더니 하얀 네모 박스안에
로그인 폼이 둥글게 떠서 테두리가 깨끗하지 않아서요.
다시 한번 멋지고 예쁜 레이아웃에 감사 드립니다.
댓글 3
-
대단히 감사합니다.
css 다시 확인해 보겠습니다.
투명 바꾸는 것 성공하면 다시 인사 드리겠습니다. ^^ 꾸~벅
-
css 확인 해 보고, Top 이미지와 Top 로고의 순서를 바꾸니 불여우에서도 로고가 밑에 깔리지를 않습니다.
Windows 에서는 문제가 없었는데, 참 신기하군요.
css 파일에서 이미지와 로고 순서를 바꿔서 수정하시면 저 같은 경우가 없겠습니다.
로그인 위젯은 아무래도 그린이 더 어울려서 그냥 두기로 했습니다.
그린 색 배경으로 테두리만 투명으로 할 수 있는 방법이 있으시면
나중에라도 알려 주시면 고맙겠습니다.
감사합니다.
Edwin님 반갑습니다.
먼저 로그인폼과 서브메뉴트리를 투명으로 바꾸는 방법입니다.
1. 로그인폼은 레이아웃관리에 보시면 "서브 기본로그인 사용 여부"를 표시안함으로 하시고
바로 아래에 있는 "서브 로그인위젯삽입"란에 아래의 소스를 붙여 넣기 하시면 됩니다.
<img class="zbxe_widget_output" widget="login_info" skin="paper_login_mh" colorset="white" />
2. 서브메뉴트리를 바꾸는 방법입니다.
transparent.css안의 좌측2차메뉴 부분을 복사해서 green.css안의 좌측2차메뉴 부분과 바꾸어 주시면 됩니다.
/* 좌측2차메뉴 */
#lnb_t { margin-top:10px; padding:10px 0 0 0; width:200px; height:22px; background:url(../images/transparent/zt.gif) no-repeat; }
#lnb_t h1 { font-size:20px; color:#999999; padding-left:20px; }
#lnb { width:200px; background:url(../images/transparent/zm.gif) repeat-y; }
#lnb li { list-style:none; }
#lnb li a:hover,
#lnb li a:focus { padding:10px 0px 0px 25px; width:175px; height:16px; display:block; color:#f60; position:relative; z-index:97; text-decoration:none; }
#lnb li a { padding:10px 0px 0px 23px; width:177px; height:16px; display:block; color:#999999; position:relative; z-index:96; text-decoration:none; }
#lnb li.on a { padding:10px 0px 0px 25px; width:175px; height:16px; display:block; color:#f60; font-weight:bold; position:relative; z-index:95; text-decoration:none; }
#lnb li ul { position:relative; display:block; overflow:hidden; width:200px; }
#lnb li.on ul { display:block;}
#lnb li ul li { position:relative; padding-left:10px; top:-1px; }
#lnb li ul li a { color:#c0c0c0 !important; border:none; background:none !important; border:none !important;}
#lnb li ul li a:hover,
#lnb li ul li a:focus { font-weight:normal !important; color:#de4332 !important;}
#lnb li.on ul li.on a { color:#808080 !important; font-weight:bold !important; !important;}
#lnb_b { width:200px; height:25px; background:url(../images/transparent/zb.gif) no-repeat;}
다른 방법도 있을 수 있겠지만 위의 방법이 가장 간단할 것 같군요.
다음으로 불여우에서 로고이미지과 top이미지 아래로 숨는 것은 저도 지금 사항만으로는 답변 드리기가 어렵네요.
혹시나 해서 https://moonhouse.co.kr/zbxe/zbxe 페이지를 녹색스킨으로 바꾸어 테스트 해 봤습니다.
제사이트에서는 정상적으로 로그가 출력되는 것을 확인했습니다.
그것으로 미루어 보아서 님이 이미지를 바꾸거나 하면서 css부분을 건드리지 않았나 생각이듭니다.