스킨 강좌 안내

업데이트된 강좌 바로가기

파이글루에서 스킨 강좌를 하기로 마음먹었습니다.
괜히.. -_- 만이힛 이밴트 열었다가.. .. 크윽.. 커억 카악.
그렇다고 안할수도없고. ㅠ_ㅠ.
일하나 늘어난게 됬지만 일단 하게된이상 열심히 할겁니다.

이글루 스킨, xhtml/css 구조를 완전히 이해하기 위해선
내용이 방대하기 때문에 결국은 스스로 노력해야할겁니다.

제가 처음부터 무슨 책마냥, 강의하는건 너무나 힘든일이기에
여기에 질문코너를 마련합니다.

제작하는방법에 대한 질문을 올리면, 그 질문에 대한 답을
자세하게 적어 포스팅하는 식으로 강좌를 진행해나가겠습니다.
되도록 초보자들도 알아듣기 쉽게 배려한다고 하겠지만
쓸때마다 좀 다를겁니다. 질문자의 상황문제도 있을수 있구요.
가장 큰 원인은 제가 귀찮아서 -_-; 대강쓸지도 모릅니다.

문답의 규칙입니다.

1. 자세한 질문일수록 자세한 대답을 해드립니다.
2. 넓은 범위의 질문은 마찬가지로 넓은 의미의 대답을 해드립니다.
3. 스킨강좌에 관한 질문은 여기에 댓글 혹은 제 이메일 jkup@dreamwiz.com 을 통해 받습니다.
4. 질문에 대한 답은 시간이 좀 걸릴수 있습니다.
5. 제 능력범위를 벗어난 질문은 대답하기가 힘듭니다.(꽤 좁다는걸 염두해주세요 ㅠ_ㅠ)

덧. 웹표준, xhtml/css 익히시기 위해 추천하는 책입니다. 이 두권만 보시고 나면
이글루 스킨, 마음껏 주무를수 있습니다. 저도 본 책이 이거 두권분이라서요 -_-;;

실용예제로 배우는 웹 표준
댄 씨더홈 지음, 박수만 옮김, 드류 맥르란 감수/에이콘출판
웹 2.0을 이끄는 방탄웹
댄 씨더홈 지음, 박수만 옮김/에이콘출판

* 참고 사이트 : 웹 표준, 대체 무슨책을 읽어야 합니까?

by PerhapsSPY | 2006/06/12 11:25 | 시스템 에러 코드 | 트랙백 | 덧글(39)

트랙백 주소 : http://PerhapsSPY.egloos.com/tb/2094180
☞ 내 이글루에 이 글과 관련된 글 쓰기 (트랙백 보내기) [도움말]
Commented by 페린 at 2006/06/12 11:45
=_=..당신. 어제 대체 몇시에 잔거냐-_- 낼 일찍 끝나서 얼굴좀 볼까 했더니만 답장도 없고. 댁이 열두시에 잔다는 건 믿을 수 가없는데 말이지. 쳇-_-
Commented by 디노 at 2006/06/12 11:47
전 몇번 만들어쓰다 GG.. 계속 보고있다보면 눈아프더라고요 훌쩍..
Commented by flyover2u at 2006/06/12 12:31
강좌 하신다길래 대뜸 질문 하나 드리려 했으나
생각해보니 저는 이곳에 덧글을 남긴 적도 없이
그저 눈도장만 찍고 있었음을 깨달았습니다;

방문하게된지는 얼마 지나지 않았습니다만,
글도 재미있게 보고 있고 스킨제작솜씨도
눈독(?) 들이고 있었습니다. :)

앞으로도 잘 부탁드립니다~
Commented by 너프 at 2006/06/12 12:52
역시 귀차니즘은 극복불가(..)전 구경이나 해야겠군요;
Commented by PerhapsSPY at 2006/06/12 13:51
페린 / 그냥 믿어 -_-a

디노 / 우움. 혹시나 재도전하시다가 막히시면 언제든지 질문해주세요.

flyover2u / 부담갖지 마시고 언제든지 질문해주세요~ 좋게 봐주신다니 마냥 기쁠뿐입니다 ~ 와아 ㅠ_ㅠ;;

너프 / 극복하세요(...)
Commented by 목성인_Pboy at 2006/06/12 18:20
저언혀. 컴터 공부에서 손땐지 어언 1백5천만광년*0+10.
Commented by 노란머리앤 at 2006/06/13 02:56
.. 저도 스킨 하나 만드는 거 배우고 싶군욜'ㅡ' .. 근데.... 저두 귀차니..쿨럭;
Commented by PerhapsSPY at 2006/06/13 11:25
목성인_Pboy / ... 손읇 붙이세요(...)

노란머리앤 / ... 극복하셔야죠.

그나저나 스킨강좌 해달라는 분들은 계셨는데, 정작 질문하시는분들은 없네요 ㄱ-
그냥 독립강좌라도 진행해야할지.. 난감.
Commented by Kainslain at 2006/06/13 12:07
오호! 스킨강좌. 기대하겠습니다.
Commented by PerhapsSPY at 2006/06/13 19:44
그런 의미에서 질문좀 해보시지 않으시렵니까...-_-;; 반응이 없으니 괜히한거 같아요 ㅠ_ㅠ
Commented by 야니 at 2006/06/19 03:46
안녕하세요 퍼햅스님, 트렉백 타고 왔습니다 꾸벅(__)
질문을 받으신다는 반가운 말씀에 초면임에도 덜컥 들이 댑니다;
다름이 아니오라, 최신 등록 덧글의 보여지는 갯수를 조절하는 부분이 알고 싶어요.
최근 이글루를 시작했어요. 나모로만 만들어 봤기 때문에 html 도 거의 무지하고, 인터넷에서 알아낸 정보와 막무가내 전법으로 이글루 스킨 수정을 하고 있는중 입니다. 그럼 좋은 하루 되세요 꾸벅 (__)
Commented by PerhapsSPY at 2006/06/20 09:28
이글루관리 - 메뉴관리 - 메뉴별 설정 에 가시면
최근 등록된 덧글 개수, 최근 등록된 관련글 개수를 조정할수있습니다. ㅇ_ㅇ;
앞으로도 많은 질문 부탁드려요 ㅇ_ㅇ;;;
Commented by 아스냥 at 2006/07/02 13:24
뒤늦게 질문입니다. 혹시.. 웹폰트를 이글루에 적용시키는 것에 대해 아십니까?
갑자기 해보고 싶은데 무작정 해보기엔 뭔가 맘에 걸려서리.. ㅠ_ㅠ
Commented by PerhapsSPY at 2006/07/02 14:02
질문접수, 강좌로 올렸습니다 ㅇ_ㅇ;
Commented by 아스냥 at 2006/07/07 08:11
질문 하나 더요!! 'skin by PerhapsSPY' 요거 어떻게 하는 건가요?
만약 저게 불가능하다면 skin by Egloos 아래쪽에 edit by 어쩌구 하는 식으로 올리는 거요,
그건 어떻게 하는 거예요?
궁금~ 궁금합니다아!!!!! 가르쳐 줘용~~~ 에헤~ >_<
Commented by PerhapsSPY at 2006/07/07 09:46
스킨을 만드실때, 기존의 공개된 스킨을 소스편집할경우엔 원작자의 이름이 뜨고, 새스킨 만들기를 눌러 처음부터 만들게 되면 만든사람의 이름이 뜹니다.
이 스킨은 새스킨 만들기에서 2단 레이아웃을 잡고 소스편집을 하는 과정을 거쳐 만든것입니다 ㅇ_ㅇ;
다른방법으로는 ccs를 이용해서 저부분을 가리고 -_-; 다른문구로 대처하는 방법이 있으나, 저작권보호차원에서 추천할만한 방법아니군요
Commented by 아스냥 at 2006/07/07 10:42
음.. 역시 새 스킨 만들기로 가야 하는 거군요. ㅠ_ㅠ
근데 가끔 보면 밑에 edit 어쩌구 써놓으신 분들이 계셔서요.
혹시 그거라도 어떻게 할 수 없을까 싶었다는.. ㅎㅎ
Commented by PerhapsSPY at 2006/07/07 10:58
html 편집하기를 보시면 <div id="sidebar"> </div> 가 있을겁니다. 여기 </div> 바로 앞쪽에 한줄을 추가하세요 " edit by <a herf="http://jygirl.egloos.com/>아스냥</a> " 이렇게요. 그러면 뜰겁니다.
Commented by 목성인_Pboy at 2006/07/15 09:55
스크립트 소스를 적용시킬수는 없나요 ㄱ-
그 구글에드센스를 달려고 하는데요..
전에 벨리에서 유영하다가 들린 어떤분의 블로그엔 에드 센스가 달려 있어서,
저도 해 볼려고 소스를 복사해 붙여넣기 했더니..
스크립트 소스는 안먹는다고 하네요 ㄱ-
방법이 없나요?
Commented by 목성인_Pboy at 2006/07/15 09:56
혹시나 해서 https://www.google.com/adsense/
Commented by PerhapsSPY at 2006/07/19 10:49
알아내는대로 알려드리겠습니다만 장담은 못드립니다 -_-;; 혹시 그 애드샌스가 달린 블로그가 어딘지 말씀해주신다면 해부해서 알아내는 방법도 있습니다만 확답은 못드리겠네요;; 전 매우 허접한지라;;
Commented by 한운 at 2006/07/21 23:09
여기에 댓글을 달아보는군요. ㅇ_ㅇ/ Link를 뿌려줄 때 최대 200개가 되는 것으로 알고 있습니다. 1단 스킨을 만들 때 하단에 50개씩 4칸으로 만들고 싶은데 Link가 200개가 안되더라도 왼쪽부터 50개 넘치면 그 옆칸으로(↓↗↓↗↓↗↓) 옮겨서 계속 채워지는 것입니다. 혹시 이렇게 만들 수 있을까요.
Commented by PerhapsSPY at 2006/07/23 14:22
자동으로 그렇게 하기는 어렵겠네요 -_-; 잘모르겠습니다. 그냥 수작업으로 할려면 링크 복사해다가 50개씩 끊어서.. 직접써버리면;; 됩니다만 그걸 원하시는건 아니겠죠;; 도움이 못되어드려 죄송합니다.
Commented by 마른미역 at 2006/08/24 07:02
저기요~ 들어올때마다 그림이 바뀌게 하는건 어떻게 하는건가요? ^^;
Commented by PerhapsSPY at 2006/08/24 18:04
http://perhapsspy.egloos.com/2269074 참고하세요 ㅇ_ㅇ
Commented by 마른미역 at 2006/08/25 14:36
아코. 잘 찾아보지도 않고 물어본거 티냈네요. 감사합니다. ^^;
Commented by 한운 at 2006/08/26 14:51
우움, 1단 스킨을 3분만에 만들어놓고 소스를 보니

* html #body { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src=http://md.egloos.com/skn/pub/bd/shadow584.png); ;}/*for IE*/

이런 코드가 있더군요. 주석을 보니 IE버그 때문인 것 같은데 어떻게 쓰이는 건지 알 수 있을까요..?
Commented by PerhapsSPY at 2006/08/26 15:03
배경이미지 늘여서 적용하는겁니다. 작은 이미지를 넓게~ 배경 꽉차게~ 늘리는거죠.
Commented by 미래 at 2006/09/22 14:52
부끄러움을 무릅쓰고 [....] 질문올립니다.
아무리 찾아보고 혼자 삽질을 해봐도 힘드네요.
상단의 메뉴버튼 어떻게 하신건가요. ;ㅂ;
요즘 이글루 홈페이지마냥 꾸며쓰시는분들이 조금씩 계시던데 너무 예뻐서 저도 그 대열에 합류해보고 싶습니다.
그리고 상단메뉴의 링크를 적용시킬경우, 방명록처럼 다른 웹페이지를 새창이 아닌 현제창에 열리게 할 수 있나요. ... 아직 방명록을 이해한건 아니지만요 OTL;;;
Commented by PerhapsSPY at 2006/09/22 20:40
상단의 링크는 딱히 타겟을 정해주지 않거나 _self 로 했을경우 현재 창에서 뜹니다. 새창으로 뜨는건 타겟이 _blank 로 되어있어야 하죠. 방명록은 외부계정 페이지를 이글루랑 똑같이 만들어놓고 뜨게하는 일종의 꽁수입니다.
메뉴를 추가하는 방법은 별도로 포스팅하겠습니다.
Commented by kalay at 2006/12/14 23:41
저...눈팅만 맨날 하다가 이렇게 조심스럽게 여쭤봅니다.
http://garden.egloos.com/10000358/post/101508
이런 현상은 왜 일어나는 걸까요? 해결 방법은요?
Commented by PerhapsSPY at 2006/12/16 20:25
아마 공간문제일겁니다. 사이드바 2개와 컨탠츠 부분의 너비가 전체너비보다 넓게 되서 밀려서 내려가는거죠. 혹시 컨탠츠 부분 사이즈를 임의로 조정하셨는지요. 혹은 컨탠츠부분 너비보다 컨탠츠 그림 너비를 크게 해놔서 그럴수도 있습니다. 자세한 설명은 html/css 구조를 이해하셔야 가능하기 때문에 일단은 다른 스킨을 쓰시고 너비값은 기본값을 쓰시는게 좋을듯합니다.
Commented by kalay at 2006/12/18 21:09
조언 감사드립니다.
Commented by PerhapsSPY at 2006/12/18 22:29
잘 해결하시길 바랍니다. ^^
Commented by 커맨드센터 at 2007/07/14 05:18
많은도움을 받고 있습니다. 이글루 링크해가겠습니다^^
Commented by youmv at 2007/09/03 18:53
안녕하세요. 스킨 문제로 돌아다니다 들어왔어요.
저도 질문이 있어요.

http://garden.egloos.com/10000358/post/129355

이거요!
이곳 블로그 메뉴는 그 점? 또는 메뉴 글씨 앞에 생기는 그것이 없네요.
어떻게 하신건가요?
Commented by PerhapsSPY at 2007/09/04 00:15
커맨드센터 / 늦었지만 반갑습니다~
youmv / 왼쪽 margin 값이 기본적으로 지정되어 있는데 이걸 없애주시면 됩니다. margin-left : 0px; 이런식으로요.
Commented by ELUN at 2009/05/09 14:40
지금 이글루스에서 제공하는 baseline 스킨을 사용하고 있는데요. 블로그 배경색과 본문 배경색이 같은 하얀색이라서 구별을 할 수 있게 포스팅하는 곳에 박스쳐럼 선을 그어서 글 한개당 박스 하나에 들어가도록 하고 싶은데요...어떻게 해봐도 알 수가 없네요..이것좀 해결해 주세용..ㅠㅠ
Commented by PerhapsSPY at 2009/05/09 16:02
CSS편집하기에서
#content div.post {} 를 찾아서 {} 안에 border:solid 1px #ccc; 같은 옵션을 주시면 됩니다.

ex) #content div.post {border:solid 1px #ccc;}

외각선과 글 사이의 여백을 조절하시려면 padding: 위 오른쪽 아래 왼쪽 속성을 쓰시면 됩니다.

es) #content div.post {border:solid 1px #ccc;padding:10px 20px 15px 10px;}

외각선과 외각선 외부의 것들의 여백을 조절하시려면 margin 속성을 넣어주시면 됩니다. 값 설정은 padding과 같습니다.
허나 margin과 padding 속성을 주게 될 경우 스킨에 css 속성을 어떻게 해놨느냐에 따라 전체 너비가 맞지않고 깨져서 보일 수 있습니다. 이것은 전체 너비값 계산이 브라우져마다 틀리기 때문입니다.(width 값에 padding, margin 값을 합치는 브라우져도 있고 별도로 계산하는 브라우져도 있습니다.)

더 자세한 설명은 생략합니다.(....)

:         :

:

비공개 덧글

◀ 이전 페이지          다음 페이지 ▶