전체 글 +232

ena_tistory_whitespace.zip




질문 받지 않습니다

카테고리와 블로그명은 영문으로 하는 것이 좋습니다.

이 파일을 열면 다음과 같다. 아래의 주석을 풀면 다음과 같다.


<?xml version="1.0" encoding="UTF-8"?>

<skin version="0.2">

    <title xml:lang="ko">user_board</title> //스킨의 제목

    <title xml:lang="en">user_board</title>

    <description xml:lang="ko">게시판 스킨 제작 실습을 위한 user_board 입니다.</description> //스킨 설명

    <description xml:lang="en">This is user_board for creating a board skin.</description>

    <version>1.0</version> //버전

    <date>2010-12-24</date> //스킨 제작 날짜

    <author email_address="user@user.com" link="http://user-define.com/"> //제작자 이메일과 사이트

        <name xml:lang="ko">제작자 이름</name>

        <name xml:lang="en">Author Name</name>

    </author>

    <license>LGPL v2</license> //라이센스

    <extra_vars> //게시판 스킨 확장변수

        <var name="title" type="text"> //텍스트 타입의 응답을 받음

            <title xml:lang="ko">게시판 제목</title>

            <title xml:lang="en">Board Title</title>

<description xml:lang="ko">작성하면 화면에 표시 됨</description>

<description xml:lang="en">This will be displayed on the screen as you write.</description>

        </var>

        <var name="comment" type="textarea"> //글상자 타입의 응답을 받음

            <title xml:lang="ko">게시판 설명</title>

            <title xml:lang="en">Board Details</title>

<description xml:lang="ko">작성하면 화면에 표시 됨</description>

<description xml:lang="en">This will be displayed on the screen as you write.</description>

        </var>

    </extra_vars>

</skin>


이 정보를 원하는 대로 수정한 다음 board/skins 폴더에 업로드한다. 모습은 다음과 같다.



Tag. XE, 강좌, 스킨

들어가며


  이제 드디어 게시판 스킨 강좌를 시작하게 되었다. 게시판 스킨 역시 레이아웃과 마찬가지로 약간의 html과 css 지식만 있으면 되지만 함수나 접근 방법, 구조가 다르기에 4장으로 분리하여 다루기로 한다. 여기서는 본인과 같이 게시판 스킨을 만들어보면서 게시판 스킨을 직접 만드는 법을 익힐 것이다. 우선 기본 스킨의 구조를 살펴보기로 하자.



base_board.zip


  먼저 이 스킨을 받고 시작하자. 게시판의 필수 뼈대만 모아놓은 게시판이다. 주석을 많이 써놔서 복잡해보이긴 하지만...


  

스킨 파일의 구조


  압축을 풀면 다음과 같은 구조로 되어있다.


_comment : 게시글의 댓글과 댓글 쓰기 폼

_footer : 게시판의 div 태그를 닫는 역할

_header : 스킨의 각종 설정이나 파일, 카테고리, 관리자 화면 등의 상단 영역을 불러오는 역할을 한다.

_read : 게시글 읽기 화면

css 파일 : 디자인 적용을 위한 파일

js 파일 : 자바스크립트 적용을 위한 파일

_comment_form : 별도 화면 댓글 쓰기 폼

delete_comment_form : 댓글 삭제 화면

delete_form : 글 삭제 화면

list : 게시판 목록

message : 게시판 오류 메시지 화면

xml 파일 : 스킨의 기본 정보

write_form : 글쓰기 화면

Tag. XE, 강좌




수정은 알아서 하세요

질문 받지 않습니다


ena_tistory_windows_pink.zip


  1. BlogIcon Suamohae 2018.01.07 22:29 신고  LINK EDIT/DELETE REPLY

    안녕하세요! 스킨 공유 해주셔서 감사합니다^^ 잘 받아서 사용하겠습니다!

  2. 2018.08.19 21:21  LINK EDIT/DELETE REPLY

    비밀댓글입니다

  3. 2018.11.19 15:01  LINK EDIT/DELETE REPLY

    비밀댓글입니다

  4. 2018.12.11 12:11  LINK EDIT/DELETE REPLY

    비밀댓글입니다

  5. BlogIcon 도꼼 2019.02.10 20:34 신고  LINK EDIT/DELETE REPLY

    앗 뭐예요 너무 예뻐서 깜짝 놀랐잖아요;;; 새해 복 많이 받으세요....

  6. 2019.08.12 21:36  LINK EDIT/DELETE REPLY

    비밀댓글입니다

  7. 2020.06.02 13:30  LINK EDIT/DELETE REPLY

    비밀댓글입니다

    • BlogIcon 이나 ☻ 2020.06.04 18:09 신고 LINK EDIT/DELETE

      티스토리의 ssl 강제 적용으로 인해 일반 http 주소로 된 제이쿼리를 불러오지 못하는 것입니다.
      html을 열어서 12줄과 13줄을

      <script src="https://code.jquery.com/jquery-latest.min.js"></script>
      <script src="https://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>

      로 바꿔주시면 됩니다.

    • 2020.06.04 18:22 LINK EDIT/DELETE

      비밀댓글입니다

Ena Whitespace Board


제작자 : 이나(http://starlight01.tistory.com)

이 스킨은 http://starlight01.tistory.com/ 에서 받을 수 있습니다.

재배포, 재수정 가능. 단, 수정 후 재배포 시 제작자 이름을 마음대로 삭제하지 마세요. 수정자 이름만 옆에 추가하세요.


* 설명

이 스킨은 개인홈페이지에 맞춰 만든 게시판입니다. 그러므로 커뮤니티 등 용도 외의 사용에는 적합하지 않을 수 있습니다.


**이 스킨은 xe 코어 1.8.34에서 테스트 되었습니다.

***이 스킨은 다국어 지원을 고려하지 않았습니다.

****스킨의 원 제작자 및 개작자(이나)는 스킨에 대한 보증 및 as 의무가 없습니다. 또한 스킨과 관련한 질문에 대해서도 답변 의무가 없습니다. 


* 적용 방법

파일을 받아 압축을 풀고 폴더(ena_whitespace_board)를 xe 설치 폴더/modules/board/skins 에 업로드한 다음에 게시판 정보에서 적용하면 됩니다. 이 때, ena_whitespace_board **폴더 바로 안에** html, css, js 등의 파일이 존재해야 합니다.


* 설정 안내

게시판 관리 - 스킨 관리에서 여러가지 설정을 이용할 수 있습니다.

#포인트 색상 : 스킨 포인트 부분의 색상을 지정할 수 있는 기능. 예시) #000000, black, rgba(0,0,0,0.5) 만일 적지 않을 시에는 css에서 기본 설정된 색이 나옵니다.

#댓글 글쓴이 숨기기 : 댓글의 글쓴이 표시를 숨깁니다.

#목록 유형 : 일반 게시판으로 사용할 것인지, 링크 게시판으로 사용할 것인지를 설정합니다.

* Changelog

1.0.0 - 2017년 6월 19일

최초 릴리즈


* 다운로드

ena_whitespace_board.zip


* 스크린샷


Ena Whitespace Memo


제작자 : 이나(http://starlight01.tistory.com)

이 스킨은 http://starlight01.tistory.com/ 에서 받을 수 있습니다.

재배포, 재수정 가능. 단, 수정 후 재배포 시 제작자 이름을 마음대로 삭제하지 마세요. 수정자 이름만 옆에 추가하세요.


* 설명

이 스킨은 개인홈페이지에 맞춰 만든 게시판입니다. 그러므로 커뮤니티 등 용도 외의 사용에는 적합하지 않을 수 있습니다. 개인적인 용도로 만들었기 때문에 기능이 최소화되었습니다.


**이 스킨은 xe 코어 1.8.34에서 테스트 되었습니다.

***이 스킨은 다국어 지원을 고려하지 않았습니다.

****스킨의 원 제작자 및 개작자(이나)는 스킨에 대한 보증 및 as 의무가 없습니다. 또한 스킨과 관련한 질문에 대해서도 답변 의무가 없습니다. 


* 적용 방법

파일을 받아 압축을 풀고 폴더(ena_whitespace_memo)를 xe 설치 폴더/modules/board/skins 에 업로드한 다음에 게시판 정보에서 적용하면 됩니다. 이 때, ena_whitespace_memo **폴더 바로 안에** html, css, js 등의 파일이 존재해야 합니다.


* 설정 안내

게시판 관리 - 스킨 관리에서 여러가지 설정을 이용할 수 있습니다.

#포인트 색상 : 스킨 포인트 부분의 색상을 지정할 수 있는 기능. 예시) #000000, black, rgba(0,0,0,0.5) 만일 적지 않을 시에는 css에서 기본 설정된 색이 나옵니다.

#카테고리 표시를 숨길 카테고리 : 하나만 입력하시면 해당 카테고리의 표시를 본문에서 숨겨줍니다.

#댓글 글쓴이 숨기기 : 댓글의 글쓴이 표시를 숨깁니다.

기타

#메모와 일기장에서 제목을 'memo'로 설정하면 게시판 설정과 관계없이 제목이 보이지 않습니다.

* Changelog

1.0.0 - 2017년 6월 8일

최초 릴리즈


* 다운로드

ena_whitespace_memo.zip



* 스크린샷

  1. 2017.11.02 21:02  LINK EDIT/DELETE REPLY

    비밀댓글입니다



기존 리뉴얼에서 색만 greenery 투톤으로 바꿨다.

이제 작년의 색은 그만


배경은 예전에 카톡테마에 썼던 것

'자급자족 > 폰테마' 카테고리의 다른 글

오랜만에 배경화면 재탕  (0) 2017.04.14
wanam xposed로 퀵패널 더 수정  (3) 2014.11.09
xposed installer로 꾸밈  (3) 2014.11.07
의도치 않은 심플함의 절정  (2) 2014.07.17
위젯이 모두 사라졌다  (0) 2014.07.17
초여름맞이 개편  (0) 2014.05.17
Tag. 배경

이나 통합 게시판 - Mellow

Ena board set - Mellow


20160917 시작 - 20170414 완성


제작자 : 이나(http://starlight01.tistory.com)

이 스킨은 http://starlight01.tistory.com/ 에서 받을 수 있습니다.

재배포, 재수정 가능. 단, 수정 후 재배포 시 제작자 이름을 마음대로 삭제하지 마세요. 수정자 이름만 옆에 추가하세요.


* 설명

이 스킨은 개인홈페이지에 맞춰 만든 게시판입니다. 그러므로 커뮤니티 등 용도 외의 사용에는 적합하지 않을 수 있습니다.


**이 스킨은 xe 코어 1.8.34에서 테스트 되었습니다.

***이 스킨은 다국어 지원을 고려하지 않았습니다.

****스킨의 원 제작자 및 개작자(이나)는 스킨에 대한 보증 및 as 의무가 없습니다. 또한 스킨과 관련한 질문에 대해서도 답변 의무가 없습니다. 

*****이 스킨은 xeicon 1.0.4를 사용합니다. xeicon 2와 같이 적용하면 일부 아이콘이 2의 것으로 바뀌므로 같이 쓰는 것은 자제해주세요.


* 적용 방법

파일을 받아 압축을 풀고 폴더(ena_board_set_mellow)를 xe 설치 폴더/modules/board/skins 에 업로드한 다음에 게시판 정보에서 적용하면 됩니다. 이 때, ena_board_set_mellow **폴더 바로 안에** html, css, js 등의 파일이 존재해야 합니다.


* 설정 안내

게시판 관리 - 스킨 관리에서 여러가지 설정을 이용할 수 있습니다.

#게시판 유형 : 게시판의 유형을 선택할 수 있습니다. 용도별, 취향별로 다르게 설정해보세요.

#링크 : 다음의 확장변수가 필요합니다.

link_url : 링크 주소 / 형식은 url 형식, 필수 항목은 y로 하세요.

link_img : 배너 / 형식은 url 형식, 필수 항목은 y로 하세요.(직링크 방식입니다.) 90px*30px를 권장하지만 더 길거나 짧은 배너도 지원합니다. 링크 이미지 크기는 되도록 비슷하게 맞춰주세요.

- 옵션 메뉴는 커서를 갖다 대면 나타납니다.

- 비밀글은 숨겨줍니다. 목록에는 비밀글이 아닌 글과 권한이 있는 글만 나타납니다.

- 카테고리별로 표시합니다. 카테고리를 사용하지 않을 경우 list_link.html에서 'No Category'를 찾아 다른 글자로 바꾸세요.

#포인트 색상 : 스킨 포인트 부분의 색상을 지정할 수 있는 기능. 예시) #000000, black, rgba(0,0,0,0.5) 만일 적지 않을 시에는 css에서 기본 설정된 색이 나옵니다.

#공지 배경 색상 : 공지 배경의 색상을 지정할 수 있는 기능. 예시) #000000, rgb(0,0,0) 일정한 투명도가 자동 적용되기 때문에 색상 영단어는 사용할 수 없습니다.

#목록에서 카테고리 출력 : 카테고리 표시 형식을 바꿀 수 있습니다. 예1은 카테고리 길이가 다양하고 미분류도 자주 사용되는 경우, 예2는 카테고리가 짧고 미분류는 잘 사용되지 않는 경우에 선택하는 것을 추천합니다.

#목록에 가로줄 치기 : 게시판 목록에 가로줄을 칠 것인지 아닌지를 결정할 수 있습니다.

#태그 목록 사용 : 예를 선택하면 하단에 버튼이 나타납니다. 태그의 사용 빈도에 따라 태그의 모양이 다르게 표현됩니다.

#댓글 글쓴이 숨기기 : 댓글의 글쓴이 표시를 

#댓글 추천/비추천 사용 : 추가 설정에서 댓글 추천/비추천을 사용으로 설정하고 이 항목에 예를 선택하시면 댓글에 추천/비추천 버튼이 나타납니다. 추가 설정에서 허용하지 않으면 추천/비추천 버튼은 나타나지만 추천/비추천을 할 수는 없습니다.

#갤러리 목록 썸네일 넓이-높이 : 갤러리에서 목록의 썸네일 크기를 정할 수 있습니다. 다양하게 정할 수 있으나 넓이와 높이를 같게 하는 것을 추천합니다. 기본값은 200(px)입니다. 단위는 px이나 입력할 때에는 숫자만 입력해야 합니다.

#메모, 일기장 제목 사용하지 않기 : 메모와 일기장 형식 스킨에서 제목을 비활성화할 수 있습니다. 제목은 'memo'로 고정됩니다.

#카테고리 없는 링크 출력 : 카테고리를 설정하지 않은 링크를 목록에서 표시할지의 여부를 결정할 수 있습니다.

추가 설정 - 문서

#추천/비추천 : 사용을 선택하시면 상단에 추천/비추천 수가 나오며(값이 있을 때) 추천/비추천은 불가합니다. 사용+노출을 선택하시면 본문 밑에 추천/비추천 버튼이 나타납니다. 미사용을 선택하시면 상단/하단 모두 나타나지 않습니다.

기타

#메모와 일기장에서 제목을 'n' 혹은 'memo'로 설정하면 게시판 설정과 관계없이 제목이 보이지 않습니다.



* 다운로드

https://xe1.xpressengine.com/index.php?mid=download&package_id=22753893




*스크린샷(포인트 색상 #F1A865)


일반


갤러리


일기




한줄메모



방명록




링크



Tag. XE, 공유, 스킨

  1. 2017.04.14 01:10  LINK EDIT/DELETE REPLY

    비밀댓글입니다

    • BlogIcon 이나 ☻ 2017.04.14 01:11 신고 LINK EDIT/DELETE

      거기 보면 get content어쩌고 하면서 중괄호로 된 거 있어요. 내용칸을 그것만 남기고 다 지운 다음 애드온 적용하세요.

  2. BlogIcon 마이꾸 2017.04.18 22:13 신고  LINK EDIT/DELETE REPLY

    안녕하세요 이나님. 이나님이 공유해주신 자료를 감사히 잘 쓰고 있는 한 사람입니다. 문의사항이 있는데요. 비회원이 비밀글을 쓴 것을 읽을 시 비밀번호 입력칸이 나타나는데 회원이 비밀글을 입력하여 비밀글을 쓰면 읽을 시 비밀번호 입력칸이 뜨지 않는데 혹시 비회원 비밀글 읽을 떄 처럼 회원의 비밀글을 읽을 때 제목을 클릭 하면 비밀번호 입력 칸이 나타나게 할 수 있을까요?

    • BlogIcon 이나 ☻ 2017.04.18 23:20 신고 LINK EDIT/DELETE

      그럼 getcontent가 써져있는 중괄호 빼고 모조리 지우세요

    • 2017.04.19 00:41 LINK EDIT/DELETE

      비밀댓글입니다

    • BlogIcon 이나 ☻ 2017.04.19 05:38 신고 LINK EDIT/DELETE

      해당 소스를 보여주시겠어요?

    • 2017.04.19 09:18 LINK EDIT/DELETE

      비밀댓글입니다

    • BlogIcon 이나 ☻ 2017.04.19 09:50 신고 LINK EDIT/DELETE

      거긴 글 쓸 때 수정하는 곳입니다

    • 2017.04.19 10:18 LINK EDIT/DELETE

      비밀댓글입니다

    • BlogIcon 이나 ☻ 2017.04.19 10:21 신고 LINK EDIT/DELETE

      리드노멀 전체를 보여주세요

    • 2017.04.19 10:49 LINK EDIT/DELETE

      비밀댓글입니다

    • BlogIcon 이나 ☻ 2017.04.19 10:54 신고 LINK EDIT/DELETE

      <div class="read_body">
      <!--@if($oDocument->isSecret() && !$oDocument->isGranted())-->
      <!--@if(!$oDocument->get('member_srl'))-->
      <form action="./" method="get" onsubmit="return procFilter(this, input_password)" class="secret_document">
      <i class="xi-lock xi-fw secret_mark"></i>
      <p>
      <input type="hidden" name="mid" value="{$mid}" />
      <input type="hidden" name="page" value="{$page}" />
      <input type="hidden" name="document_srl" value="{$oDocument->document_srl}" />
      <input type="password" name="password" id="cpw" class="iText" placeholder="{$lang->password}" />
      </p>
      </form>
      <!--@else-->
      <div class="secret_document"><i class="xi-lock xi-fw secret_mark"></i></div>
      <!--@end-->
      <!--@else-->
      {$oDocument->getContent(false)}
      <!--@end-->
      </div>

      이 부분을

      <div class="read_body">
      <!--@if($oDocument->isSecret() && !$oDocument->isGranted())-->
      <form action="./" method="get" onsubmit="return procFilter(this, input_password)" class="secret_document">
      <i class="xi-lock xi-fw secret_mark"></i>
      <p>
      <input type="hidden" name="mid" value="{$mid}" />
      <input type="hidden" name="page" value="{$page}" />
      <input type="hidden" name="document_srl" value="{$oDocument->document_srl}" />
      <input type="password" name="password" id="cpw" class="iText" placeholder="{$lang->password}" />
      </p>
      </form>
      <!--@else-->
      {$oDocument->getContent(false)}
      <!--@end-->
      </div>

      이렇게 수정해보세요

    • BlogIcon 마이꾸 2017.04.19 11:27 신고 LINK EDIT/DELETE

      이나님. 정말 감사합니다. 반년동안 찾았던 것들이 오늘 해결되었습니다. 좋은 스킨 공유해주셔서 감사하고 좋은 스킬도 공유해주셔서 너무 감사드립니다. 이나님이 공유해주신 레이아웃과 스킨으로 홈 잘 쓰겠습니다. 너무 감사합니다.

  3. 2017.05.04 23:32  LINK EDIT/DELETE REPLY

    비밀댓글입니다

  4. 2017.05.09 12:28  LINK EDIT/DELETE REPLY

    비밀댓글입니다

  5. 2017.05.22 01:08  LINK EDIT/DELETE REPLY

    비밀댓글입니다

    • BlogIcon 이나 ☻ 2017.05.22 16:57 신고 LINK EDIT/DELETE

      스킨을 배포하기 전에 미리 테스트를 하는지라 순정이라면 그런 오류의 발생 확률은 낮습니다. 혹시 뭐 수정하신 거 있나요?

    • 2017.05.26 01:19 LINK EDIT/DELETE

      비밀댓글입니다

  6. 2017.05.23 04:38  LINK EDIT/DELETE REPLY

    비밀댓글입니다

  7. 2017.05.24 12:39  LINK EDIT/DELETE REPLY

    비밀댓글입니다

  8. BlogIcon 버터 2017.06.03 01:33 신고  LINK EDIT/DELETE REPLY

    안녕하세요 저는 예전에 공유 받은 스킨을 넘나 잘 쓰고 있는 유저예요 헉 너무 예뻐요... XE로 갈아탈까 봐요... 잘 보고 가요!

  9. 2017.07.13 17:29  LINK EDIT/DELETE REPLY

    비밀댓글입니다

  10. 2017.08.02 14:13  LINK EDIT/DELETE REPLY

    비밀댓글입니다

  11. 2017.08.05 17:48  LINK EDIT/DELETE REPLY

    비밀댓글입니다

  12. 2017.08.19 20:41  LINK EDIT/DELETE REPLY

    비밀댓글입니다

  13. 2017.09.02 22:31  LINK EDIT/DELETE REPLY

    비밀댓글입니다

이나 Creamy 레이아웃

Ena Creamy Layout


제작자 : 이나(http://starlight01.tistory.com)

재배포, 재수정 가능. 단, 수정 후 재배포 시 제작자 이름 마음대로 삭제하지 마세요. 수정자 이름만 옆에 추가하세요.


* 설명

개인홈페이지에 맞춰 심플하게 만든 레이아웃입니다.

세 개의 문자열을 입력해 표시하는 기능을 지원하고 있습니다.

색상 변경 역시 지원합니다. 레이아웃 설정에서 #000000, black, rgba(0,0,0,0.5) 등과 같이 적어야 합니다.

반응형 레이아웃으로 별도의 모바일 페이지가 필요없습니다.


* 적용 방법

파일을 받아 압축을 풀고 폴더(ena_cremay)를 xe 설치 폴더/layouts 에 업로드한 다음에 사이트 레이아웃에서 적용하면 됩니다.

레이아웃 설정에서 원하는 옵션을 자유롭게 적용하세요.






* 스크린샷(기본 색), orange



 


  1. BlogIcon 마이꾸 2017.04.14 11:48 신고  LINK EDIT/DELETE REPLY

    안녀하세요 이나님. 이나님이 공유해주시는 자료는 늘 잘 받아서 예쁘게 사용하고 있습니다. 이번에 레이아웃을 공유해주셔서 예쁘게 적용을 해봤는데요 역시 너무 심플하고 예쁩니다. 그런데 사용중에 문의사항이 있습니다. 로그인을 하지 않을 때에는 하단의 사이트 이름이 있는 영어들이 오른쪽으로 이상하게 정렬되고 컨텐츠 영역 테두리가 상단으로 올라가서 메인 공지 화면은 홀로 남아있습니다. 그리고 모바일로 들어가서 볼 때에는 모바일로 적용이 되지 않고 pc화면처럼 보이더라구요. 그래서 화면에 너무 작게 나오니 확대를 하면 레아이웃이 뭉개져서 메뉴쪽과 컨텐츠 쪽이 섞여버립니다. 온갖 설정을 다 해보아도 안되고 이 레이아웃만 그래서 저의 설정에 문제가 있는지 해서 문의 남깁니다!. 언제나 좋은자료 공유해주셔서 감사합니다.

    • BlogIcon 이나 ☻ 2017.04.14 11:55 신고 LINK EDIT/DELETE

      1. 다시 확인해보았으나 정상적이었습니다. 주소를 남겨주시겠어요?
      2. 레이아웃 설정에서
      <meta name="viewport" content="width=device-width, initial-scale=1"> 를 넣어주세요.

    • BlogIcon 마이꾸 2017.04.14 12:40 신고 LINK EDIT/DELETE

      안녕하세요 이나님. 주신 2번 답변 덕분에 2번 문제는 해결하였습니다. 감사합니다!
      첫번째의 문제는 여기서 설명하기가 어려워 제 홈 게시글에 사진을 남겨 글을 작성해두었습니다. 아래의 글입니다. 이 홈이 제가 사용하는 홈입니다! 빠르고 친절한 답변 감사드립니다^^
      (주소삭제)

    • BlogIcon 이나 ☻ 2017.04.14 12:43 신고 LINK EDIT/DELETE

      css 47번째 줄에 overflow: hidden;을 추가하세요.

    • BlogIcon 마이꾸 2017.04.14 13:01 신고 LINK EDIT/DELETE

      감사합니다! 문의 드린 문제 다 해결했습니다. 빠르고 친절한 답변 너무 감사드리고 다시한번 좋은 자료 공유해주셔서 감사합니다 ^ㅁ^

  2. BlogIcon teumm 2017.09.27 17:50 신고  LINK EDIT/DELETE REPLY

    안녕하세요 이나님 xe를 이용해서 이나님의 레이아웃을 현재 사용하려고 하는데 밑에 분처럼 똑같이 로그인을 하지 않을 때 하단의 사이트 이름들과 영어들이 오른쪽으로 정렬이 되고 테두리는 상단으로 올라가버리고 메인 공지 작성 글들은 그대로 남아 있습니다. 어떻게 수정을 해야 하나요? ftp 연결해서 하는 것이 아니라 XE 자체의 스킨을 이용하는 거라 CSS 수정이 불가능한 것 같습니다!

  3. BlogIcon 김서랍 2017.11.01 15:29 신고  LINK EDIT/DELETE REPLY

    안녕하세요 이나님. 다름 아니라 레이아웃이 너무 예뻐서 사용하려고 하는데 제 입맛에 맞춰 바꾸려다보니 잘 안되는 경우가 있어서 댓글 남깁니다 :)

    1. index.html 파일에서 홈 제목을 #칸 대신에 적으려고 했더니 숫자는 괜찮은데 한글로 적으니 외계문자로 변형되는데 영어랑 숫자만 써야하는 건가요?
    2. 저한테만 그런건진 모르겠는데 에디터가 짤려서 본문 영역 크기를 늘리려고 css파일을 수정했는데 어떤 넓이를 수정해도 계속 메뉴 영역과 상자가 겹치는 현상이 일어납니다 ㅜㅜㅜㅠㅠㅠㅠ
    3. 방명록 스킨도 사용하려고 하는데 방명록에 에디터 없이 글을 적으려면 어떤 부분을 수정해야 하나요? 또한 목록에 글이 보이지 않는데 이건 왜그런 건가요 ㅠㅠ?

    조금 번거로우시겠지만 도움을 얻고자 글 남깁니다ㅠ.ㅠ 그리고 예쁜 레이아웃과 스킨 만들어주셔서 감사합니다!

  4. BlogIcon 이나 ☻ 2017.11.03 12:31 신고  LINK EDIT/DELETE REPLY

    1. 인코딩 문제입니다. utf-8로 저장해주세요.
    2. 콘테이너 div를 넓혀주세요.
    3. 게시판 설정에서 하얀색 텍스트로 설정하세요.

  5. BlogIcon 화우님 2019.09.27 00:51 신고  LINK EDIT/DELETE REPLY

    안녕하세요 이나님. 공유해주시는 자료 항상 잘 사용하고 있습니다. 다만 이번에 사이트를 옮기면서 스킨을 적용했는데, 모바일에 맞춰 반응이 안 되어서, 혹시 괜찮다면 해결 방법을 알 수 있을까요?

 


 

- 스킨 특징

1. 요소의 절제로 인해 본문에 집중할 수 있음

2. 반응형 지원

3. 링크 기능 지원

4. 트랙백, 위치로그, 미디어로그 미지원



- 라이센스

CC BY-SA 4.0

크리에이티브 커먼즈 라이선스
크리에이티브 커먼즈 저작자표시-동일조건변경허락 4.0 국제 라이선스





다운로드 및 세부사항 : http://commatest.tistory.com/6 (테스트 블로그)


  1. 2017.04.21 22:25  LINK EDIT/DELETE REPLY

    비밀댓글입니다

  2. 2017.05.07 16:16  LINK EDIT/DELETE REPLY

    비밀댓글입니다

  3. 2018.01.22 01:38  LINK EDIT/DELETE REPLY

    비밀댓글입니다

  4. 2018.02.26 19:52  LINK EDIT/DELETE REPLY

    비밀댓글입니다

  5. 2018.02.27 22:09  LINK EDIT/DELETE REPLY

    비밀댓글입니다

http://enafactory.tistory.com/ 에서 자세한 내용을 확인하실 수 있습니다.