문하웃 (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부분을 건드리지 않았나 생각이듭니다.