Louice Studio Inc.

연애하는남자 2008/06/28 18:49  Änderung/Löschung  Antwort  Adresse

궁금한게 있어서 여쭤보겠습니다 ^^;
스킨적용후 본문에 올린 사진마다 테두리를 발견할 수 있는데
요걸 없앨려면 어떻게 수정을 하면 될까요?
번거로우시겠지만 한명의 초보에게 구원의 손길 부탁드려봅니다!!

아참, 정성어린 스킨 잘 쓰도록 하겠습니다.

• 윤소정 2008/06/28 20:07  Änderung/Löschung  Adresse

  *직접 수정해서 업로드 할 경우
  1. 스킨과 같이 있는 style.css 파일을 유니코드를 지원하는 텍스트에디터로 열어주세요.
  
  2. 75~76번째 줄의 다음 문구를 찾아주세요.
  독일어 버전(Line 75~76)
  /* Bilder */
  .imageblock { border:1px solid #ddd;padding:3px; margin:5px 0; text-align:center; }
  
  영어 버전(Line 75~76)
  /* Images */
  .imageblock { border:1px solid #ddd;padding:3px; margin:5px 0; text-align:center; }
  
  3. .imageblock의 내용 중 border:1px solid #ddd;를 지웁니다.
  
  4. 스킨 폴더에 업로드 - 끝.
  
  *텍스트큐브 관리자에서 수정할 경우(Textcube 1.7 기준)
  1. 관리자 메뉴에서 꾸미기 > 스킨 편집으로 들어가세요.
  2. 아래로 좀 내려서 style.css를 선택하세요.
  3. 위의 과정 2번과 3번의 내용대로 해 주세요.
  4. 아래에 있는 '저장' 버튼을 눌러서 저장합니다.
  5. 저장 성공 메시지가 뜨면 끝!!

화창* 2008/07/15 21:47  Änderung/Löschung  Antwort  Adresse

잘 쓰고있습니다~ 깔끔하고 좋네요 ^^
그런데 가로폭이 860px이라고 되어있는데, 이게 위젯까지 포함한 크기인가요??
전 사진을 700px폭으로 올리는데, 잘리는군요..

제가 어떻게 해야 수정가능한가요??

• 윤소정 2008/07/16 00:27  Änderung/Löschung  Adresse

  네, 사이드바(위젯)까지 포함한 너비입니다. 혼란을 드려서 죄송합니다.
  글 자체의 너비는 610px이며, 메모장과 같은 텍스트 에디터에서 style.css를 여셔서 다음과 같은 과정을 따라 주십시오. (파일 내 주석은 독일어 버전을 기준으로 합니다.)
  
  ---
  Line #110
  /* Layouts für Blog */
  
  #container {
  width:/*@post-width:280*/ 890px /*@*/;
  margin:0 auto;
  background:url(images/tistory_bg.gif) repeat-y right #fff;
  }
  
  1. #container의 width: 890px 항목을 늘릴 사이즈 만큼 수정.
  ex) width: 1000px;
  
  ---
  Line #127
  #header {
  width:/*@post-width:250*/ 860px /*@*/;
  margin:0 auto;
  padding:45px 0 0 30px;
  }
  
  2. #container에서 늘린 사이즈 만큼 #header의 width를 조정.
  ex) #container에서 110px를 늘렸으니 860+110=970px로.
  
  ---
  Line #138
  #content {
  margin:0;
  float:left;
  width:/*@post-width*/ 610px /*@*/;
  padding: 35px 0 0 30px;
  }
  
  
  3. #container에서 늘린 사이즈 만큼 #content의 width를 조정.
  ex) #container에서 110px를 늘렸으니 610+110=720px로.
  
  ---
  4. (해도 되고 안 해도 됩니다) index.xml을 열어서 맨 아래쪽에 있는 <contentWidth>860</contentWidth> 속성을 #header의 너비와 맞춘다.
  
  5. 편집한 내용을 모두 저장하고 업로드. 스킨을 다시 적용 시킨다.
  
  6. 만약 텍스트큐브 자체에서 편집할 경우에는 윗 분께 해드린 답변을 참고하여 편집해 주십시오.
  
  
  해 보시고 잘 안되시면 다시 말씀해 주세요 ^^

화창* 2008/07/16 20:08  Änderung/Löschung  Antwort  Adresse

답변 감사합니다. ^^
위의 내용대로 했는데, 문제가 있군요;;;

우선 텍스트큐브, 파이어폭스3 사용합니다.
style.css는 에디터로 직접 수정 후 올려서 적용시켰습니다.

index.xml은 수정했다가 레이아웃이 틀어져서 안만졌습니다.

각각 100px씩 늘렸는데, 컨텐츠가 들어가는 창이 늘어나는 것이 아니라, 전체 폭이 늘어나서 컨텐츠와 위젯의 가로폭은 그대로고 그 사이 여백이 100px 늘어났습니다...

파이어폭스에서 그렇게 보이나해서 익스플로러에서 확인했는데, 역시나입니다...

어떻게 하나요? ㅠㅠ

• 윤소정 2008/07/16 22:13  Änderung/Löschung  Adresse

  추가로 네 곳을 더 수정해야 하는군요 -_-;;
  
  #content .entry { width:/*@post-width*/ 610px /*@*/; padding:0 0 15px 0; overflow:hidden; }
  
  #searchList { width:/*@post-width*/ 610px /*@*/; margin: 0; padding:0 0 15px 0; overflow:hidden; }
  
  .titleWrap { width:/*@post-width*/ 610px /*@*/; border-bottom:1px solid #ccc; padding-bottom:5px; margin-bottom:20px; overflow:hidden; }
  
  .article { width:/*@post-width*/ 610px /*@*/; font-size:/*@post-body-font-size=*/ 12px /*@*/; font-family: /*@post-body-font-family=*/ "Malgun Gothic", "Meiryo", "Segoe UI", "Trebuchet MS", "MS PGothic", "Gulim", "AppleGothic", "Sans-serif"; /*@*/; color:/*@post-body-color=*/ #666666 /*@*/; overflow:hidden;}
  
  의 네 곳에 존재하는 610px를 710px로 늘려주세요. 텍스트에디터나 Firefox 3에서 610px로 검색(Ctrl+F)한 뒤에 나오는 610px를 전부 710px로 고쳐주시고 저장하면 됩니다.

화창* 2008/07/19 00:27  Änderung/Löschung  Antwort  Adresse

이얏!
감사합니다 ^^
저때문에 수고 많으셨어요;;

너무 이쁜 스킨, 잘 쓰겠습니다~ ^^

• 윤소정 2008/07/19 00:59  Änderung/Löschung  Adresse

  수고는요 ㅎㅎ
  덕분에 너비 조정 가이드를 쓸 수 있어서 감사하게 생각합니다 :)
  스킨 잘 쓰세요 ^^

kchris 2008/08/03 01:18  Änderung/Löschung  Antwort  Adresse

안녕하세요.
좋은 스킨 잘 쓰고 있습니다.

전체적으로 깔끔하고 마음에 드는데..
폰트 색깔이 너무 연해서 눈에 확 들어오지 않는것 같아서 약간의 수정을 하려고 합니다.
블로그에 있는 모든 폰트의 색상을 조금 더 진하게 하고 싶습니다.

일단 style.css를 건드려 줘야 할텐데..
문제는 제가 html정도까지밖에 익숙치가 않아서..
색깔 코드를 어떻게 줘야 하는지 잘 모르겠습니다.

1. common style의 body에 있는 색상만 바꿔주면 되는지. 아니면 전체 색상을 다 변경해야 전체적으로 진하게 되는지 궁금합니다. 전체적으로 폰트의 색을 진하게 만들고 싶습니다.
2. #000000 등의 6자리 숫자색상코드에만 익숙한 관계로 세자리 컬러코드는 잘 모르겠습니다. 어떻게 수정을 해줘야할지..

부탁드립니다.~

• 윤소정 2008/08/03 01:57  Änderung/Löschung  Adresse

  일단 세자리 숫자 코드는 각각 R, G, B를 뜻합니다. #000과 #000000은 같은 의미이고 00-00-00같이 R, G, B의 각 두 자리 값이 같은 숫자로만 이루어져 있을 경우 세자리로 축약해서 사용이 가능합니다. 예를 들어서 #ff0000같은 경우도 #f00으로 줄여서 쓸 수 있습니다. 하지만 #ff00c2 같은 경우는 줄여쓰지 못합니다 :)
  
  정리 1.
  #000000 -> #000 으로 축약 가능.
  #ff0000 -> #f00 으로 축약 가능.
  #ff3399 -> #f39 로 축약 가능.
  #ff00c2 -> 축약해서 쓸 수 없음.
  
  ---
  블로그의 기본 글씨 색은 #666으로 지정되어 있습니다. 아마 맨 위에 있는 common style의 #666을 조정하시면 웬만한 글씨색이 바뀔테지만, 바뀌지 않는 글씨색 같은 경우는 메모장 같은 편집기에서 color: #666 으로 검색을 하신 뒤 색상 코드인 #666을 원하는 값으로 조정해 주시면 됩니다. 아니면 #666을 일괄적으로 변환해 주시면 되겠습니다.

Mr.DJ 2008/08/05 14:59  Änderung/Löschung  Antwort  Adresse

정말 커버페이지 때문에 고생했는데, 해결해 주셔서 고맙습니다. 저도 CSS 부분을 의심하긴 했는데 어떻게 건드려야 할지 감이 안와서 발만 굴리고 있었는데..ㅎㅎ 덕분에 저도 커버페이지를 쓸수 있게 되었습니다. 고맙습니다!!!!

• 윤소정 2008/08/06 01:06  Änderung/Löschung  Adresse

  도움이 되었다니 다행입니다 ^^!
  
  해결도 되었으니 재미로 만들어 본 타 플랫폼 이식 버전을 보여드립니다.
  Reiner Schwarz E와 EX 입니다(...)!
  
  Reiner Schwarz E (Egloos)
  http://louice.egloos.com/
  
  Reiner Schwarz EX (Exblog.jp)
  http://louice.exblog.jp/
  
  ...할 일이 없다보니 별걸 다 만들고 있는 듯 ㅠㅠ

• Mr.DJ 2008/08/06 02:49  Änderung/Löschung  Adresse

  이글루스도 스킨을 만들수 있었네요~ 처음 알았습니다.^^
  
  이스킨 완전히 국제 무대로 제대로 진출하는걸요? 일본의 EXCITE는 알고 있지만, 스킨까지 만드실줄은. 놀랍습니다..ㅎㅎㅎ
  
  저도 슬슬 1.7에 맞게 스킨 버전업해야 하는데 귀차니즘 팍팍.ㅠ_ㅠ 복학준비하고 겹치니 정신이 없네요..
  오늘 포스팅도 겨우 했습니다..ㅋ

• 윤소정 2008/08/06 20:30  Änderung/Löschung  Adresse

  아마 이글루스 초창기부터 스킨 제작 기능은 있었던 걸로 기억합니다 ^^;
  이글루스와 exblog.jp는 그냥 심심해서 만들어 본 거라 국제 진출이라고 하기까진 좀 그렇지 않을까요 ㅎㅎ 복학 준비 하자면 준비할 게 많지요. 귀찮은 것도 많고요. 별 탈 없이 복학 준비가 진행되면 그거 만큼 좋은 게 없겠죠 :)

작업의뢰 2008/08/27 18:02  Änderung/Löschung  Antwort  Adresse

블로그 스킨 제작의뢰

안녕하세요, 블로그 스킨 제작의뢰하고자 쪽지를 남깁니다.

전체 메뉴는 3단 구성이구요, 디자인은 다 구성되어 있습니다.

블로그 레이아웃에 대한 div 구성관련 부분에 수정할 부분이 작업의 주가 될 것같습니다.

ps. 최대한 빠른 작업 속도 중요..

작업 가능하시면 연락 바랍니다.


opus77@naver.com
010-8663-4166

• 윤소정 2008/08/28 10:58  Änderung/Löschung  Adresse

  죄송합니다만 제가 현재 4학년 졸업반 상태라 졸업 프로젝트에 더 신경을 써야 하기 때문에 제안은 감사합니다만 어려울 거 같습니다.

MinWoo 2008/09/05 17:16  Änderung/Löschung  Antwort  Adresse

안녕하세요. Louice님 다름이 아니고 텍스트큐브용 스킨을 쓰고 있는데 제가 개인적으로 수정하고 싶은 부분이 있는데..잘 안되서 질문 드립니다.. ㅠㅠ

http://image.fileslink.com/35f1d9518b7429/2008-09-05_162233.png

여기 보시면

=======================
[댓글작성자] [시간]

[댓글내용]
=======================

색깔이 잘 구별이 안가 색을 바꿔줘야 하는데..

#recentComment { width:190px; overflow:hidden;}
#recentComment .info_wrap { margin-bottom:3px; color:#999; display:block;}

이 부분을 수정해야 되는거 맞나요?

수정 해도 색이 바뀌지 않네요;;;

p.s : 그리고 본문 하단에

[작성자] 이 작성. <-- 이건 어떻게 없애나요?

메인페이지 하단에

owered by Textcube. Original designed by Tistory / Converted by Louice Studio Inc. <- 이 부분을 기울어진게 아닌 정상적으로 출력되게 하고 싶습니다.....css 수정해도 안되네요 ㅠㅠ

• 윤소정 2008/09/05 20:35  Änderung/Löschung  Adresse

  모든 설명 문구는 원판인 독일어판을 기준으로 합니다.
  
  1. 하단 문구 기울임 -> 일반 수정
  skin.html - Line #609~#615
  <div id="footer">
  <address class="copyright">
  Hinweise von <a href="http://www.textcube.org/" onclick="window.open(this.href); return false">Textcube</a>.
  Original Design von <a href="http://www.tistory.com/" onclick="window.open(this.href); return false">Tistory</a> /
  Konvertiert Design von <a href="http://www.louice.net/" onclick="window.open(this.href); return false">Louice Studio Inc.</a>
  </address>
  </div>
  의 address를 span 으로 바꿔주세요.
  
  <address class="copyright"> 내용 </address> 를
  <span class="copyright"> 내용 </span> 로 수정.
  
  ---
  2. Vom (NAME) geschrieben. (작성자 표시) 삭제.
  skin.html -
  Line #229
  <p class="infoAuthor">Vom <cite>[##_notice_rep_author_##]</cite> <span><dfn>geschrieben</dfn>.</span></p>
  
  Line #239
  <span class="infoAuthor">Vom <cite>[##_article_rep_author_##]</cite> <span><dfn>geschrieben</dfn>.</span></span>
  
  Line #269~#271
  <div class="author">
  Vom <cite>[##_article_rep_author_##]</cite> <span><dfn>geschrieben</dfn>.</span>
  </div>
  위 세 부분을 삭제하십시오.
  rep_author 로 검색하면 찾기 쉽습니다.
  처음 나오는 list_rep_author는 삭제하지 마십시오.
  
  ---
  3. 색이 안 바뀌는 이유는 하나입니다.
  저게 링크가 걸려 있어서 색이 바뀌지 않는 겁니다 'ㅅ';
  
  A. 링크를 건 색을 바꾸고 싶으면 아래와 같이 해 주세요.
  -i. style.css에서 #recentComment를 찾습니다
  -ii. #recentComment .info_wrap { margin-bottom:3px; color:#999; display:block; } 아래에 다음의 내용을 추가합니다.
  
  #recentComment a:link { color:색상 코드; text-decoration:none;}
  #recentComment a:visited { color:색상 코드; text-decoration:none;}
  #recentComment a:hover { color:색상 코드; text-decoration:underline;}
  #recentComment a:active { color:색상 코드; text-decoration:none;}
  
  B. Aktuelle Artikel (최근 글) 같이 댓글 내용과 댓글 작성자, 시간이 서로 다른 색으로 표현되는 걸 원하신다면 이렇게 해 주세요.
  skin.html - Line #498~#513
  <s_sidebar_element>
  <!-- Aktuelle Kommentare -->
  <div id="recentComment">
  <h3>Aktuelle Kommentare</h3>
  <ul id="recentComments">
  <s_rctrp_rep>
  <li>
  <a href="[##_rctrp_rep_link_##]">
  [##_rctrp_rep_desc_##]<br /><cite>[##_rctrp_rep_name_##] [##_rctrp_rep_time_##]</cite>
  </a>
  </li>
  </s_rctrp_rep>
  </ul>
  </div>
  </s_sidebar_element>
  
  에서 <cite> 앞 뒤에 아래와 같이 <span class="cnt">와 </span>을 추가.
  <span class="cnt"><cite>[##_rctrp_rep_name_##] [##_rctrp_rep_time_##]</cite></span>
  
  이렇게 하면 됩니다 'ㅅ';

MinWoo 2008/09/06 02:35  Änderung/Löschung  Antwort  Adresse

답변 감사합니다!! 그런데 답변에 써주신 대로 해봤는데 제 컴이 이상한건지 서버가 맛이 간건지 변하지를 않네요 ;;;

혹시 몰라서 제가 쓰는 스킨을 압축해서 파일로 올려봅니다..시간 나시면 한번만 봐주시면 정말 감사하겠습니다 ㅠㅠ

http://sakurastorm.wooriweb.net/home/1.rar

• 윤소정 2008/09/06 11:44  Änderung/Löschung  Adresse

  제 쪽에서 민우님의 블로그에 들어갔을 때는 수정한 대로 제대로 출력이 되네요 :) 지금은 수정을 하신건지 모르겠지만 아직도 제대로 보이지 않으신다면 아래와 같이 해 보세요.
  
  A. 브라우저 캐시를 전부 삭제한 다음 페이지를 다시 들어가 봅니다.
  Internet Explorer 7: 도구(O) > 인터넷 옵션(O) > 검색 기록 > 삭제(D) 버튼 클릭 > 임시 인터넷 파일 > 파일 삭제(F) 클릭 > IE를 닫고 재시작.
  
  Firefox 3: 도구(T) > 개인 정보 초기화(P) > 캐시(A)를 제외한 나머지 항목으 체크 해제(캐시에만 체크) > 확인 클릭 > Firefox를 닫고 재시작.
  
  브라우저 캐시가 남아있는 경우 새로 적용한 사항이 제대로 보이지 않을 수 있습니다. 간단하게 현재 페이지의 캐시를 다시 만들고자 할 경우 Ctrl+F5를 누르면 됩니다.
  
  B. 수정한 테마를 FTP로 다시 업로드 한 다음 테마를 다시 적용시켜 봅니다.
  꾸미기 > Reiner Schwarz 1.73(Sprachen) 선택 > 적용
  텍스트큐브 관리자에서 한 번이라도 테마를 수정한 경우, 컴퓨터에서 수정한 테마를 그대로 FTP로 올리게 되면 적용이 되지 않습니다. 이럴 경우 테마를 다시 적용시켜줘야 합니다.