스킨에디터 - 전문가용 편집 초급 도움말

html과 CSS를 편집할 수 있다면 전문가용 편집을 이용하실 수 있습니다. 배경화면 변경 및 스킨의 구석구석까지 html/css 편집으로 꾸며보시기 바랍니다.

1. 배경이미지 변경

  1. 자주 변경하는 배경을 클릭 몇 번으로 쉽게 변경할 수 있습니다. 배경화면을 얻을 수 있는 유용한 사이트 및 샘플을 보시려면 스킨제작 정보 카테고리를 참고하시기 바랍니다.
    • 전체 배경 : 블로그 전체 화면의 뒷 배경을 말합니다.
    • 헤더 배경 : 내이글루 제목이 적혀있는 헤더 영역의 배경을 말합니다.
    • 덧글입력창 배경: 덧글 입력 <textarea> 의 배경을 말합니다.
  2. 내컴퓨터의 파일 중 하나를 골라 업로드를 합니다. 단, 한 번 업로드 후 다시 이미지 파일을 업로드할 경우 마지막에 업로드한 이미지로 적용이 됩니다. 이점 유의하시기 바랍니다. 한 아미지당 용량 제한은 400kb 입니다.
  3. 이미지 대신 배경 컬러만 넣으실 경우에는 이 메뉴를 이용하시기 바랍니다. 단, 배경이미지가 이미 영역을 모두 덮고 있을 경우 배경 컬러를 변경해도 변경되지 않은 것처럼 보일 수 있습니다.
  4. 배경 이미지의 위치 및 반복 옵션을 선택합니다.


2. html/css 편집

  1. html 또는 CSS 탭을 선택하여 원하는 부분을 수정할 수 있습니다.
  2. 편집창 분리를 하면 보다 넓은 화면에서 소스를 편집하실 수 있습니다. 멀티모니터를 이용하시는 분들께 더욱 좋습니다.
  3. 수정한 내용을 위지윅(WYSIWYG) 미리보기를 통해 보시려면 반드시 '미리보기' 버튼을 클릭하셔야 합니다.


3. 이미지 업로드

  1. 스킨에 사용할 이미지 목록입니다. 업로드한 이미지는 스킨별로 저장되지 않고 모두 한 곳에 저장되기 때문에 지금 편집 중인 스킨에 사용하지 않는 이미지라고 해서 지웠다가 다른 스킨의 이미지가 깨질 수 있습니다. 이 점 유의하시기 바랍니다.
  2. '이미지추가' 버튼을 클릭하여 업로드할 이미지를 선택합니다. 여러 장 선택이 가능하며, 한 이미지당 이미지 용량 제한은 400kb 입니다.
  3. html/css 편집에 사용할 이미지를 선택한 후 URL을 복사하여 html/css 편집 창에 붙여 넣어 사용할 수 있습니다.

핑백

  • 스킨 2.0 완전정복 : 스킨에디터 - 개요 (작성 중) 2009-08-31 15:37:18 #

    ... 닌 본인이 직접 스킨의 디자인을 꾸밀 수 있는 곳입니다. 간단하게 body, header의 배경이미지를 변경하거나 직접 html/css를 편집할 수 있습니다. 전문가용 편집 탭 상세도움말 보기 3. 위지윅(WYSIWYG) 미리보기스킨에디터에서 변경하면서 실제 내이글루에 적용될 모습을 바로 확인할 수 있는 영역입니다. 스킨의 디자인 변경, 위젯 ... more

덧글

  • 2010/10/24 21:46 # 비공개

    비공개 덧글입니다.
  • lark 2010/10/27 12:31 #

    덧글과 답글은 동일한 html 구조로 되어있고, css의 class도 동일하게 사용됩니다. 다른 점은 답글의 경우 덧글 목록 li의 class만 li.comment_item과 li.comment_reply로 구분되어 있습니다. 이 내용을 염두하시면 css를 이용하여 덧글과 답글의 스타일을 다르게 변경하실 수 있습니다.

    포스트덧글 템플릿별 CSS 소스는 아래 링크를 참고하시기 바랍니다.
    http://skin2help.egloos.com/3317049

    감사합니다.
  • 2010/11/17 14:44 # 비공개

    비공개 덧글입니다.
  • lark 2010/11/23 14:56 #

    알려주신 이글루를 확인해보니 "카테고리" 타이틀을 배경색과 동일한 흰색으로 설정하여 이용하고 계시네요.
    카테고리 메뉴의 타이틀을 배경색과 동일하게 변경하시거나 안보이게 하시면 가능합니다.

    - 배경색과 동일하게 하는 경우 : .menu_category h3 {color:#ffffff;}
    - 안보이게 하는 방법 : .menu_category h3 {display:none;}
  • 2010/11/24 16:19 # 비공개

    비공개 덧글입니다.
  • lark 2010/11/30 11:54 #

    링크메뉴가 어떤 것을 의미하는지 좀 더 자세히 설명해 주세요.
    혹시 외부 링크를 사이드바에 넣고 싶다는 말씀이시라면 "이글루관리>디자인>내저장위젯" 으로 이동하신 후 오른쪽 상단의 위젯만들기 버튼을 클릭하신 후 외부링크를 html 형식에 맞게 삽입하시기 바랍니다. 만드신 위젯은 원하는 위치에 붙여 넣을 수 있습니다.
    감사합니다.
  • 2010/12/14 11:43 # 비공개

    비공개 덧글입니다.
  • 아잉 2010/12/14 11:47 #

    와와와와 추가하는거였군요 됐어요!!! 꺅 재밌다 재밌다
  • 2010/12/14 13:40 # 비공개

    비공개 덧글입니다.
  • lark 2010/12/16 16:43 #

    안녕하세요. 말씀하신 부분은 스킨편집으로는 수정하기 어렵습니다.
    감사합니다.
  • 2010/12/19 03:09 # 비공개

    비공개 덧글입니다.
  • lark 2011/01/04 11:28 #

    답변이 늦어진 점 사과드립니다. 말씀하신 부분 확인하느라 시간이 좀 걸렸습니다.
    1.0 스킨에서 메모장 편집은 "이글루관리-디자인-1.0스킨" 에서 메뉴설정 클릭해서 들어갈 수 있고, 알고 계시는 해당 URL 로도 이동이 가능합니다.
    만약 말씀하신 것처럼 URL이 동작하지 않는다면 고객센터로 문의 부탁드립니다. http://www.egloos.com/support.php
    감사합니다.
  • 2010/12/21 21:57 # 비공개

    비공개 덧글입니다.
  • lark 2011/01/04 11:29 #

    안타깝게도 브라우저 스크롤바 색상 변경은 현재 이글루스에서는 불가능 합니다. 양해 부탁드립니다.
  • 2010/12/24 07:04 # 비공개

    비공개 덧글입니다.
  • lark 2011/01/04 11:59 #

    말씀하신 영역은 이글루스에서 기본으로 제공하는 영역으로 숨기는 옵션은 제공하고 있지 않습니다.
    단, CSS로 해당 영역을 가릴 수는 있습니다. 스킨에디터의 CSS 입력창에 아래와 같이 내용을 추가하시기 바랍니다.

    .post_meta_area {display:none;}

    현재 회원님은 1.0 스킨을 적용하고 계신데, 위의 소스는 2.0 스킨에서만 적용됩니다.
    감사합니다.
  • 손가락 2011/01/03 09:54 #

    html로 스킨 편집하는데 계속 html이 짝이 맞지 않는다고 떠요.
  • 바람의자유 2011/01/04 12:00 #

    스킨 2.0에서는 단독으로 쓰이는 태그도 / 로 닫아줘야 되요.

    <br/>, <img src="주소" />

    이렇게요.
  • lark 2011/01/04 12:21 #

    바람의자유님 답변 감사드립니다.
    바람의자유님 말씀처럼 수정해도 잘 되지 않는 경우 새로운 스킨으로 적용해 보시기 바랍니다.
    감사합니다.
  • 2011/01/04 11:54 # 비공개

    비공개 덧글입니다.
  • lark 2011/01/11 12:24 #

    동문서답을 드려 죄송합니다. 질문하신 내용 다시 꼼꼼히 읽어보고 답변드립니다.
    이전 답변 드린 것처럼 1.0 스킨의 메모장 수정 페이지로 접근하는 경로는 2가지 이며, 그 외에는 없습니다. 기존에 사용하셨던 링크는 더이상 사용되지 않는 페이지 입니다.

    감사합니다.
  • cocobonbon 2011/01/05 21:33 #

    카테고리글씨를좀 화이트로하고싶은데
    전문가용인가 들어가서 한참찾아도 대체
    어찌하는지모르겠네요 ㅠㅠ
  • lark 2011/01/11 12:18 #

    CSS에 아래와 같이 추가해 주시기 바랍니다.

    .widget.menu_category h3 {color:#fff;border-bottom:1px solid #fff;}

    모든 메뉴들의 타이틀을 모두 흰색으로 바꾸고 싶으시면 아래와 같이 입력하시면 됩니다.

    .widget h3 {color:#fff;border-bottom:1px solid #fff;}
  • 2011/01/13 23:40 # 비공개

    비공개 덧글입니다.
  • lark 2011/01/14 18:25 #

    회원님의 이글루에 방문해 보았으나 사이드바가 정상적으로 보입니다.
    혹시 스킨을 변경하셨다면 제가 확인을 할 수 없어 도움을 드리기 어렵습니다.
    문제가 있는 스킨을 유지해 주시거나 CSS 파일 전체를 보내주시면 신속하게 해결 방법을 알려드리겠습니다.
    CSS 파일 전체는 고객센터를 이용해 보내주시기 바랍니다. 감사합니다.
    http://www.egloos.com/support.php
  • 2011/01/19 00:06 # 비공개

    비공개 덧글입니다.
  • lark 2011/01/21 11:58 #

    현재 이글루 메인화면에서는 덧글/트랙백이 보이지 않다가 열고 닫을 수 있게 되어있고, 퍼머링크에서는 모두 열린 상태로 보입니다. 말씀하신 부분은 퍼머링크에서도 덧글/트랙백을 열고 닫을 수 있게 할 수 있냐는 말씀이신 것 같은데, 아쉽게도 말씀하신 기능은 지원하지 않습니다.
  • purification 2011/01/23 14:59 #

    구글 웹마스터 도구를 사용하고 싶습니다.
    본인이 관리하는 사이트인지를 확인하는 총 4가지의 방법 중에서 가능해 보이는 것은 메타태그를 추가하는 것 같은데,
    이 메타태그를 html 페이지의 header 태그 내에 추가해주어야 합니다.

    -> 1. 아래의 메타태그를 복사하여 사이트 홈페이지의 첫 번째 <body> 섹션 전에 나오는 <head> 섹션에 붙여넣습니다.
    <meta name="google-site-verification" content=...>

    다른 분이 제작하신 스킨 2.0을 가져다 사용하고 있는데 전문가용 편집 메뉴에서도 html의 헤더(상단에 블로그 주소가 표시되는 body의 헤더가 아닌)를 조작할 수 있는 방법이 보이지 않네요.

    html의 header 태그 내에 내용을 입력하려면 어떻게 해야 하는지 알고 싶습니다.
  • lark 2011/01/25 10:48 #

    이글루스에서는 <head> 영역을 수정할 수 있는 기능을 제공하지 않습니다. 따라서 아쉽게도 현재는 구글 웹마스터 도구를 이용하실 수 없습니다. 양해 부탁드립니다.
    내부적으로 가능한 방법을 고민해 보겠습니다. 감사합니다.
  • 2011/01/24 08:02 # 비공개

    비공개 덧글입니다.
  • lark 2011/01/25 10:51 #

    회원님의 스킨을 확인해보니 이미지 자체에 흰색 라인이 포함되어 있습니다. 이미지를 수정한 후 다시 업로드 하시면 흰색 라인은 보이지 않을 것입니다. 감사합니다.
  • 2011/01/24 16:50 # 비공개

    비공개 덧글입니다.
  • lark 2011/01/25 11:00 #

    각 위젯의 CSS 구조는 "위젯 CSS 소스" 카테고리에서 확인이 가능합니다.
    - 프로필 위젯 CSS 소스 : http://skin2help.egloos.com/3317426

    사이드메뉴의 CSS 구조는 아래와 같으며,
    .column {}
    .column .widget {}
    .column .widget .widget_content {}

    숫자의 색상은 위젯마다 다를 수 있으나 대부분은 아래의 소스를 수정하셔야 합니다.
    .column .widget .widget_content span.count {}

    또 궁금한 점이 있으시면 덧글 남겨주시기 바랍니다. 감사합니다.
  • hello_ossu 2011/01/30 15:40 #

    제가 현재 스킨을 2단(카테고리가 오른쪽에 배치되는 형태)로 사용하고 있는데요, 1단 (카테고리에서부터 모든 내용을 세로로 세우는 형태)를 만들고 싶은 경우 카테고리 목록은 블로그 정 중앙으로 정렬시키고 싶은데요, css에서 어떤 부분을 수정하면될까요..?
  • lark 2011/02/01 09:56 #

    레이아웃을 편집하는 일은 고급 기술로 css를 잘 다룰 줄 아셔야 가능합니다. 당연히 css를 직접 수정하셔야 하고요.

    먼저 레이아웃의 스타일을 수정해 주셔야 합니다. 현재 content와 sidebar 가 float 으로 양쪽에 배치되어 있는데 이를 지워서 content 위쪽으로 sidebar를 입력해 주시고, 그 다음에 sidebar 의 스타일을 수정해 주세요. sidebar의 가로 사이즈는 좁은데 감싸고 있는 div의 사이즈가 넓게 되어 있기 때문에 중앙으로 오도록 margin이나 padding으로 조절을 해주셔야 합니다.

    감사합니다.
  • 2011/02/04 08:49 # 비공개

    비공개 덧글입니다.
  • lark 2011/02/08 10:21 #

    스킨에서의 문제가 아니라 개인이글루 검색에서의 문제로 보입니다. 검색 결과에 나오지 않는 포스트와 키워드를 고객센터로 보내주시면 바로 확인하여 답변 드리겠습니다. 감사합니다.
    http://www.egloos.com/support.php
  • 2011/02/08 16:18 # 비공개

    비공개 덧글입니다.
  • lark 2011/02/15 10:13 #

    말씀하신 부분은 직접 소스를 수정하셔야 변경이 가능한 영역입니다. 스킨에디터의 css 입력창에서 아래의 영역을 찾아서 수정해 주세요.

    .column .widget {margin:1px auto;padding:15px 0;text-align:left;}
    위의 부분을 찾아서 아래와 같이 padding 값을 수정해 주세요.
    .column .widget {margin:1px auto;padding:0;text-align:left;}

    더 줄이고 싶다면 아래의 내용도 따라서 해주세요.

    css입력창 맨 끝에 아래의 소스를 추가해 주세요.
    .widget_M00000001 .widget_content {padding-top:0;}

    감사합니다.
  • 2011/02/10 22:22 # 비공개

    비공개 덧글입니다.
  • lark 2011/02/15 09:41 #

    문의하신 내용 하나씩 답변 드리겠습니다. 아래의 답변은 현재 적용하신 스킨 기준입니다.

    1. 카테고리 배경을 전체 배경과 같은 색으로 변경
    .wrap {background:#fff;} <-- 삭제
    .content_wrap {background:#fff;} <-- 추가

    2. 포스트 상단 여백
    .content_wrap {margin:0;padding:30px 0 25px 0;float:right;display:inline;} <-- padding 수정

    3. 포스트 제목 폰트 변경
    .post_view .post_title h2 {
    font:bold 15px '돋움',sans-serif;
    letter-spacing:-1px;
    border-bottom:1px solid #333;
    } <-- font-family 속성 추가
    .post_titlelist h2,.post_summary h2,.post_simplelist h2,.post_tagcloud h2 {
    font:bold 12px '돋움',sans-serif;
    border-bottom:1px solid #333;
    color:#333;
    } <-- font-family 속성 추가

    감사합니다.
  • 2011/02/18 15:28 # 비공개

    비공개 덧글입니다.
  • lark 2011/02/22 11:06 #

    회원님의 이글루에 방문해 보니 푸터영역이 확인되지 않습니다. 문제가 발생하는 상태로 알려주셔야 저희가 원인을 파악하고 도움을 드릴 수 있습니다.
    덧글 내용만으로 예상되는 문제는 외부 위젯의 html 짝이 맞지 않는 경우일 것 같습니다. 더 궁금한 점이 있으시면 고객센터로 메일 주시기 바랍니다. 감사합니다.
    http://www.egloos.com/support.php
  • 2011/02/21 00:28 # 비공개

    비공개 덧글입니다.
  • lark 2011/02/22 11:01 #

    .container 영역에 투명도 때문에 IE 브라우저에서는 제대로 보이지 않는 것입니다. 아래의 소스를 수정해 주세요. 맨 뒷부분 투명도 부분만 수정하시면 됩니다. 감사합니다.

    * 현재소스
    .container {margin:0 auto;padding:15px 0 25px 0;text-align:center;background:#000000;opacity:0.90; filter:alpha(opacity=0.90);}

    * 수정
    .container {margin:0 auto;padding:15px 0 25px 0;text-align:center;background:#000000;opacity:.9;-moz-opacity:0.9;filter:alpha(opacity=90);}
  • 2011/02/21 15:41 # 비공개

    비공개 덧글입니다.
  • lark 2011/02/22 11:05 #

    현재 한글로 제공되는 텍스트를 영어로 변경하는 기능과 카테고리 페이지에서 목록만 보는 기능은 이글루스 스킨에서는 지원하지 않습니다.
    그리고 글씨 색을 변경하려면 html/css 를 잘 다룰 수 있어야 수정이 가능합니다. 수정을 원하시는 부분을 자세히 알려주시면 답변드리겠습니다. 고객센터로 메일 주시면 보다 자세한 설명을 드릴 수 있으니 참고하시기 바랍니다.
    http://www.egloos.com/support.php
  • 여름 2011/02/23 12:14 #

    스킨을 수정하고 싶습니다. 제 블로그에 들어와 보시면 프로필 이미지로 사용하고 있는 딸기 사진에 회색 테두리가 1px로 들어가 있는데 이걸 없애고 싶어요. css를 뒤져봐도 테두리에 대한 부분은 없네요. 어떻게 수정해야 하나요?

    그리고 섬네일 이미지랑 프로필 이미지를 모두 변경했는데 아직도 변경 이전의 것으로 뜹니다. 수정해 주세요.
  • lark 2011/02/28 10:52 #

    여름님의 이글루를 확인해보니 말씀하신 회색테두리는 보이지 않네요. 이미 수정을 하셨나보네요.
    업로드한 이전의 썸네일이 보이는 것은 브라우저의 캐시때문입니다. 새로고침(Ctrl+F5)을 여러번 해보시기 바랍니다.
    감사합니다.
  • 2011/02/26 13:58 # 비공개

    비공개 덧글입니다.
  • lark 2011/02/28 10:50 #

    블로그 전체의 정렬을 왼쪽으로 변경하시려면 아래의 소스를 수정해 주시기 바랍니다.

    .wrap {margin:0 auto;text-align:left;}
    아래와 같이 수정해 주세요.

    .wrap {margin:0;text-align:left;}

    그리고 참고로 블로그의 레이아웃에는 table을 이용하지 않는 것을 권장합니다.
  • 2011/03/01 03:12 # 비공개

    비공개 덧글입니다.
  • lark 2011/03/08 16:51 #

    헤더 하단의 회색 라인을 변경하시려면 CSS를 직접 수정하셔야 합니다. 스킨에디터의 전문가용편집에서 CSS편집장으로 이동하세요. 그 다음 CSS 내용 중 아래의 부분을 찾아주세요.

    .header {
    background:#fff;
    border-bottom:7px solid #ccc;
    }

    위의 소스에서 두번째 줄의 속성 또는 속성값을 수정해 주시면 됩니다. 감사합니다.
  • Entropy 2011/03/02 18:14 #

    저것도 모르고 비공개글에다가 업로드한 저는 ㅋㅋㅋㅋㅋㅋㅋㅋㅋ..
    어차피 플래시도 있으니 뭐 그러려니 합니다. ㅎㅎ
  • 루카스 2011/03/11 19:54 #

    저는 헤더 밑 부분에 라인이 생겨요.. ;ㅅ;
    왜 그런지 모르겠는 ㅠㅠ
  • lark 2011/03/25 17:46 #

    CSS에서 아래 부분을 찾으시고.

    .header {
    background:#fff;
    border-bottom:7px solid #333;
    }

    위의 소스에서 border-bottom:7px solid #333; 이 부분을 지우세요. CSS를 직접 수정하시려면 html과 css에 대한 기본 지식이 있어야 합니다. 이 점 유의해 주세요.
    고맙습니다.
  • 2011/03/14 20:48 # 비공개

    비공개 덧글입니다.
  • lark 2011/03/25 17:50 #

    포스트 제목도 css로 모두 안보이게 할 수 있습니다. 단, 제공하는 기본 요소를 제거할 경우 이글루 이용에 문제가 발생할 수 있으니 이 점 유의하셔야 합니다.
    css에서 특정 영역을 안보이게 하는 방법은 display:none;을 이용하는 방법인데요. 포스트 제목 영역을 안보이게 하시려면 아래의 소스를 추가하시면 가능합니다.

    .post_view .post_title h2 a {display:none;}

    고맙습니다.
  • Takiru 2011/03/15 23:43 #

    제가 지금 배경은 어째 넣었는데.. 그 배경이 본문하고 헤더때문에 그림이 안보이는부분이 있네요 저는 그 부분이 보이게 하고 싶어요 헤더와 본문 경계 구분없이 그 자리그대로에 보이는 이미지를 넣고 싶어요. 그러니까..본문과 헤더에도 그림이 이어지게 못하나요?? 그러니까 제 이글루로 오시면 배경이 보이실텐데요. 그 어린이하고 고등학생 그림이요. 그게 본문때문에 안보이는부분이 있는데 그걸 보이게 할수없나요 본문에 있는 글은 잘 안보여도 됩니다.. 그리고 그 그림을 조금 오른쪽으로 옮기고 싶은데 그 방법도 아신다면 알려주셨으면 합니다..
  • lark 2011/03/25 18:01 #

    안녕하세요. 배경이미지의 위치나 보여지는 방식 모두 css로 가능합니다. css를 직접 수정하시려면 반드시 html과 css에 대해 잘 알고 계시다면 쉽게 수정할 수 있습니다.

    만약 회원님이 css에 대해 잘 모르신다면 네비바 오른쪽의 바로가기에서 스킨에디터로 이동하신 후에 "전문가용 편집 - html/css 편집" 으로 가셔서 css 입력창 맨 끝에 아래의 소스를 넣어 주세요.

    body {background:transparent url('http://pds18.egloos.com/pds/201103/15/80/kimi3.JPG') 20px top no-repeat;background-attachment:fixed;}
    .body {background:none;}
    .wrap {background-color:transparent;}
    .header {background:transparent;}

    위의 소스에서 20px이 배경이미지의 위치를 조정하는 부분입니다. 픽셀을 조정하셔서 원하는 위치로 이동하실 수 있습니다.
    꼭 수정에 성공하시길 바라면...

    고맙습니다.
  • 마리안 2011/03/19 00:54 #

    제 이글루의 한글 폰트는 명조로 영문 폰트는 고딕으로 바꾸고 싶은데 CSS 열고 눈이 @.@
    잘 모르겠어요.;;
    그리고 헤드 부분 맨 왼쪽에 있는 사각장식도 이글루 제목 옆으로 땡기고 싶은데
    역시 잘 모르겠어요.;;
  • lark 2011/03/25 18:30 #

    안녕하세요. 폰트를 변경하실 때는 font-family 요소를 이용하시면 가능합니다. 단, 변경을 원하는 영역의 class를 알고 있어야 변경할 수 있습니다.
    먼저 이글루제목의 class는 다음과 같습니다.
    .header h1 {}
    영문 URL의 class는 다음과 같습니다.
    .header p.url {}

    헤더의 이미지 역시 css로 변경이 가능하며 .header 영역에 background를 수정하여 이용하시기 바랍니다.
    고맙습니다.
  • 2011/03/19 05:14 # 비공개

    비공개 덧글입니다.
  • lark 2011/03/25 18:32 #

    말씀하신 부분 답변드리겠습니다.

    1) 아쉽게도 제공하기 어려운 부분입니다. 현재 이글루스는 블로그 메인에서는 덧글 영역이 닫혀진 상태로 보이며 퍼머링크로 이동하면 펼쳐진 상태로 보입니다.
    2) 이 부분도 블로그 메인에서는 제공하기 어렵습니다. 현재 이글루스는 블로그 메인에서는 페이지 숫자가 보이며 퍼머링크로 이동하면 이전글과 다음글의 글 제목이 보입니다.

    감사합니다.
  • 2011/03/27 12:40 # 비공개

    비공개 덧글입니다.
  • lark 2011/03/29 17:57 #

    카테고리의 위치를 변경하시려면 원하는 레이아웃의 스킨을 다시 선택하셔야 합니다.
    현재 사용하고 계시는 스킨은 1단 스킨으로 사이드바 내의 위젯이 왼쪽 또는 오른쪽으로 이동할 수가 없는 스킨입니다.

    사이드바가 왼쪽 또는 오른쪽에 배치되어 있는 레이아웃의 스킨을 먼저 선택한 후에 "스킨에디터" 로 이동하셔서 카테고리 위젯을 원하는 위치로 끌어다 옮길 수 있습니다.
    고맙습니다.
  • 타류 2011/04/17 16:53 #

    댓글입력란을 늘리고 싶은데 어떻게하면 되나요...????????
  • lark 2011/04/19 10:21 #

    덧글 입력란의 높이를 조절하고 싶으신 경우 '스킨에디터 - 전문가용편집' 에서 직접 css를 수정하시면 가능합니다. 덧글 입력 textarea의 class 및 위치는 다음과 같습니다.

    .post_comment .comment_write textarea {}

    단, 답글만 별도의 스타일을 넣고 싶다면 아래의 class를 이용해 주세요.

    .post_comment .reply_write textarea {}

    감사합니다.
  • 2011/04/22 14:47 # 비공개

    비공개 덧글입니다.
  • lark 2011/04/26 12:22 #

    아쉽게도 해당 포스트 템플릿에 정해진 요소들의 위치는 이동이 불가합니다. 다른 템플릿을 이용하시려면 네비바 오른쪽의 바로가기에서 '스킨에디터'를 선택한 후에 "템플릿변경-포스트영역-포스트본문" 에서 다른 템플릿을 선택해 보시기 바랍니다.
    감사합니다.
  • rodarte 2011/04/29 11:22 #

    포스트 내용의 색상과 폰트 변경 어떻게 하는지 궁금합니다.
    +) 나눔고딕으로 하고 싶거든요!
  • lark 2011/04/29 17:50 #

    포스트 내용의 스타일을 수정하시려면 아래의 class 에 스타일을 추가하시면 됩니다.

    .post_view .post_content {}

    폰트를 나눔고딕으로 변경하시려면 font-family:'나눔고딕'; 이라고 입력하시면 됩니다. 단, PC에 나눔고딕 폰트가 설치된 경우에만 나눔고딕으로 표시됩니다.
    감사합니다.
  • 2011/06/01 08:57 # 비공개

    비공개 덧글입니다.
  • lark 2011/06/03 10:55 #

    안녕하세요. 말씀하신 부분을 수정하시려면 CSS를 직접 수정하셔야 합니다. 수정하실 부분의 소스는 다음과 같습니다.

    .header a:link, .header a:visited {}
    .header a:hover, .header a:active {}

    이 소스에서 color 속성을 수정해 주세요.
    참고로 이글루스 스킨의 상세한 수정은 html/css 에 대한 전문적인 지식이 있어야 가능합니다. 이 점 유의해 주세요.
    감사합니다.
  • 2011/06/04 13:15 # 비공개

    비공개 덧글입니다.
  • lark 2011/06/07 14:09 #

    안녕하세요.
    안타깝게도 브라우저 스크롤바 색상 변경은 현재 이글루스에서는 불가능 합니다. 양해 부탁드립니다.
  • 2011/06/07 01:37 # 비공개

    비공개 덧글입니다.
  • 아슈라 2011/06/12 15:46 #

    안녕하세요- 수고하십니다 ㅎㅎ
    제가 위젯을 새로 추가했는데요, 추가하고 나니 최하단에 있어야 할 "powered by Egloos" 등의 문구가 갑자기 밑이 아니라 측면에 붙어서 길게 늘어졌어요 ㅠㅠ 종스크롤이 생겨버렸어요!! ㅠㅠ

    블로그로 오셔도 되구요, 일단 이미지 첨부합니다 http://pds22.egloos.com/pds/201106/12/68/e0009868_4df4601b4900a.jpg
    어떻게 하면 고칠 수 있죠? ㅠㅠ
  • lark 2011/06/15 14:52 #

    외부링크 목록이 들어있는 위젯 소스 맨 끝에. </div></div> 요렇게 추가해 주세요. div 2개가 닫혀야 합니다.
    감사합니다.
  • 벨로 2011/06/15 19:31 #

    다시 질문드립니다. 왜 며칠 기다린 저보다 아래님을 먼저 답해주신거죠? 약간 기분 나쁘네요 lark님이 바쁘신건 알겠지만요 ^^

    1.포스트의 제목을 클릭하려고 마우스포인터를 가져다 대면 하얀색이던 글씨들이 갑자기 투명해지네요. 배경과 흡사한 색으로 변경되는것 혹은 투명하게 바뀌는 것일텐데 이경우는 어떻게 해야 하나요?

    2.블로그 상단의 헤더영역 이미지를 클릭하면 블로그 주소 (http://bello626.egloos.com/ 입니다만.)로 곧바로 링크되는 기능은 설정 할수 없나요? 가능하다면 어떻게 해야하죠?

    3.헤더의 벨로's story라는 반투명한 링크는 어떻게 색을 바꿀수가 있나요?

    4.긴글 작성시 긴글보기 링크가 생기는걸로 알고 있습니다. 이것에 네모난 공간(http://cfile7.uf.tistory.com/image/1728DF5A4DF8897916EC00) 이 생기게 하려면 어떻게 해야하죠?

    5.현재 3단 레이아웃을 사용하고 있는데요. 컨테이너 인가요? 내용을 더 쓸수있게 옆으로 늘릴수는 없나요? 빈공간이 너무 남아도네요
  • lark 2011/06/28 12:15 #

    벨로님 죄송합니다.
    벨로님의 질문은 답변을 작성하는데 좀 더 시간이 필요하여 잠깐 빼놓은 것이 깜박하고 이제야 답변을 드리게 됐습니다. 신속하게 답변드리지 못하고 다른 분의 답변 먼저 드린 점 대단히 죄송합니다. 답변이 길어질 수 있어서 별도의 답글로 답변드리겠습니다.
  • lark 2011/06/28 12:18 #

    1번 질문에 대한 답변입니다.
    포스트 제목에 마우스를 올렸을 때 변하는 색은 아래의 class를 수정해 주셔야 합니다.

    .post_view .post_title h2 a:hover,
    .post_view .post_title h2 a:active {color:#444;text-decoration:none;}

    .post_titlelist h2 a:hover,.post_summary h2 a:hover,.post_simplelist h2 a:hover,.post_tagcloud h2 a:hover,
    .post_titlelist h2 a:active,.post_summary h2 a:active,.post_simplelist h2 a:active,.post_tagcloud h2 a:active {color:#444;text-decoration:none;}

    color:#444; 라고 되어 있는 부분이 배경색의 컬러와 같아서 발생하는 현상이고요. 컬러 값을 다른 색으로 조정해 보시기 바랍니다.
  • lark 2011/06/28 12:32 #

    2번 질문에 대한 답변입니다.
    헤더 영역에 이미지를 넣고 이미지 클릭 시 바로 이글루 메인으로 이동하는 것을 표현하시려면 아래와 같이 해주시기 바랍니다.

    먼저 '스킨에디터-전문가용편집-html/css편집' 의 css 탭으로 이동하세요. 아래의 소스를 찾으신 후에

    .header h1 {
    font-size:20px;
    margin:0;
    padding:117px 0;
    }

    위의 소스를 아래와 같이 변경하세요.

    .header h1 {
    font-size:20px;
    margin:0;
    }
    .header h1 a {display:block;padding:117px 0;}
  • lark 2011/06/28 13:53 #

    3번 질문에 대한 답변입니다.
    헤더의 블로그제목 컬러를 변경하시려면 아래의 소스를 수정하셔야 합니다.

    .header a:link,.header a:visited {color:#eee;text-decoration:none;}
    .header a:hover,.header a:active {color:#ccc;text-decoration:underline;}

    위의 줄이 평소의 컬러이고, 아래 줄이 마우스를 올렸을 때의 컬러입니다. 제목을 좀 더 진하게 하실 생각이시라면 그냥 위의 소스 위치에 아래의 소스를 붙여 넣어 주세요.

    .header a:link,.header a:visited {color:#333;text-decoration:none;}
    .header a:hover,.header a:active {color:#666;text-decoration:underline;}
  • lark 2011/06/28 13:59 #

    4번에 대한 답변입니다.
    점점 어려운 기술이 필요한 질문이네요. 말씀하신 것처럼 긴글 작성 시 생기는 링크에 스타일을 넣으시려면 아래의 class를 추가해주셔야 합니다.

    .post_content a.more {}

    아래는 샘플로 스타일을 넣어봤습니다. 수정하셔서 사용하세요.

    .post_content a.more {display:block;margin:10px 0;padding:5px 10px;text-align:left;border:1px solid #999;background-color:#666;}
  • lark 2011/06/28 14:10 #

    5번에 대한 답변입니다.
    이 질문은 이미 수정을 하신 것으로 보이는데, 혹시 아니라면 다시 덧글 남겨주시기 바랍니다.
    감사합니다.
  • 벨로 2011/06/29 01:00 #

    감사합니다. 제가 유별나게 번거롭게 한거같네요. ^^ 한가지 더 질문해도 될까요? 구글 와이드형 광고를 사용중입니다만 포스트 제목과 너무 붙어서 나오는거 같아서요. 이걸 조금 떨어지게 할수는 있나요?
  • lark 2011/07/13 10:51 #

    와이드위젯과 포스트 간의 간격 역시 css를 직접 수정하셔야 합니다. 와이드위젯의 class는 다음과 같습니다.

    .widemenu {margin-bottom:20px;}

    와이드위젯을 상단에 사용하시기 때문에 아래쪽 여백을 20픽셀 정도 추가하려면 위와 같이 입력하시면 됩니다.
  • 덕일이 2011/06/22 22:59 #

    제 이글루에서 카테고리의 항목이 아니고 말그대로 '카테고리'라고 적힌부분과 그 밑에 라인을 지울 수 있는 방법은 없을까요?
    저거 너무 보기 싫어서..; _ ;
  • lark 2011/06/28 12:10 #

    안녕하세요. 덕일이님.
    이미 카테고리 타이틀은 안보이게 변경하셨네요. 빠르게 답변드리지 못해 죄송합니다.
    더 궁금한 사항이 있으시면 언제든지 덧글 남겨주시기 바랍니다.
    감사합니다.
  • 피비 2011/06/27 01:42 #

    제 블로그 왼쪽 상단의 프로필 이미지 주변에 회색 테두리를 없애려면 어떻게 해야할까요?
    html/css를 뒤져봤지만 profile에 해당하는 소스가 전혀 없더라구요..
    아예 테두리가 다 보이면 모르겠는데 어째서인지 왼쪽부분만 잘려서 영 보기가 싫으네요ㅠㅠ
    수정 방법 좀 부탁드려요..;ㅁ;
  • lark 2011/06/28 12:02 #

    피비님 덧글 남겨 주신 궁금한 부분 수정 방법을 알려드리겠습니다.

    우선 이글루스의 스킨편집은 대부분 html/css를 직접 수정하셔야 가능합니다. 이 부분에 대한 전문적인 지식이 있는 분께만 권장하고 있습니다. 이점 유의해 주시고요.

    말씀하신 부분인 프로필 사진의 테두리를 없애기 위해서는 아래의 class를 추가하셔야 합니다.

    .menu_profile .profile_image img {border:none;}

    위와 같이 입력하시면 테두리를 제거할 수 있습니다.
    감사합니다.
  • 피비 2011/06/28 13:52 #

    왓 감사합니다! 잘 성공시켰습니다~~^^*
  • 2011/07/05 18:35 # 비공개

    비공개 덧글입니다.
  • lark 2011/07/13 11:33 #

    회원님의 스킨을 확인해보니 가로폭이 900픽셀로 제작되어 있습니다.
    네비바 오른쪽의 바로가기에서 '스킨에디터' 를 실행하신 후에 '템플릿변경-포스트영역-포스트본문' 에서 오른쪽에 보시면 본문이미지사이즈를 입력하는 곳이 있습니다. 이곳에 900을 입력한 후 저장해 주세요.
  • 2011/07/11 11:24 # 비공개

    비공개 덧글입니다.
  • lark 2011/07/13 11:42 #

    말씀하신 부분을 수정하시려면 css를 직접 편집하셔야 합니다.
    네비바 오른쪽의 바로가기에서 '스킨에디터'로 이동하신 후에 '전문가용편집-html/css편집-css탭' 으로 이동하세요. 내용 중 아래의 부분을 찾으신 후에 font-size를 수정하시면 됩니다. 현재 1.1em으로 설정되어 있으니 0.9em 보다 작게 입력하시면 될 것 같습니다.

    .header p.url {
    float: left;
    width: 35%;
    font: 1.1em/1.7 verdana;
    text-align:left;
    padding-left:80px;
    }
  • 2011/07/22 02:58 # 비공개

    비공개 덧글입니다.
  • lark 2011/07/22 09:57 #

    회원님의 이글루에 방문해 보니 이미 3개의 사이드바만 사용하고 계시더라고요. 이미 해결을 하신 것으로 알고 혹시 더 필요한 부분이 있으시면 다시 덧글 남겨주세요.
    그런데 지금은 왼쪽으로 치우쳐 보여서 .sidebar_wrap {} 의 사이즈를 680px 정도로 줄여주시는 것이 보기 좋을 것 같습니다. 감사합니다.
  • 2011/07/22 14:40 # 비공개

    비공개 덧글입니다.
※ 이 포스트는 더 이상 덧글을 남길 수 없습니다.
◀ 다음덧글    이전덧글 ▶



위젯테스트