HOME LIBRARY INVENTORY WALLPAPER GAME LINK BLOG LINK
박스 태그 - 만든 스킨을 사용할 경우
이글루스 2.0 부터 도입된 사용자 스킨 설정을 이용해서 좀더 손쉽게 색상 박스를 사용할 수 있게 되었습니다. 기존의 박스 스타일에 bIdOOlGI님의 방식을 도입한 것으로 아래의 방법을 따라하시면 속편하게 바로 쓸 수 있습니다.

사용자 편집 스킨을 사용할 경우에만 가능한 방법으로, 이글루스 기본 스킨을 쓸 경우에는 기존의 방법을 쓰셔야 합니다.

글을 올릴때 박스를 쓰고 싶은 곳에서 다음 태그를 사용합니다.
<DIV CLASS=BOXGRAY> 내용 </DIV>
<DIV CLASS=BOXYELLOW> 내용 </DIV>
<DIV CLASS=BOXBLUE> 내용 </DIV>
<DIV CLASS=BOXRED> 내용 </DIV>
<DIV CLASS=BOXGREEN> 내용 </DIV>

자신의 스킨 CSS에 다음을 추가합니다. (드래그해서 복사→CSS 편집창에 붙이기)
DIV.BOXGRAY {
    COLOR: BLACK;
    BACKGROUND-COLOR: #EEEEEE;
    BORDER-COLOR: #DDDDDD;
    BORDER-WIDTH: 1PX;
    BORDER-STYLE: DOTTED;
    WIDTH: 100%;
    TEXT-ALIGN: LEFT;
    PADDING: 9PX;
}

DIV.BOXYELLOW {
    COLOR: BLACK;
    BACKGROUND-COLOR: IVORY;
    BORDER-COLOR: TAN;
    BORDER-WIDTH: 1PX;
    BORDER-STYLE: DOTTED;
    WIDTH: 100%;
    TEXT-ALIGN: LEFT;
    PADDING: 9PX;
}

DIV.BOXBLUE {
    COLOR: BLACK;
    BACKGROUND-COLOR: #EEF9FF;
    BORDER-COLOR: LIGHTSKYBLUE;
    BORDER-WIDTH: 1PX;
    BORDER-STYLE: DOTTED;
    WIDTH: 100%;
    TEXT-ALIGN: LEFT;
    PADDING: 9PX;
}

DIV.BOXRED {
    COLOR: BLACK;
    BACKGROUND-COLOR: #FFE9E1;
    BORDER-COLOR: INDIANRED;
    BORDER-WIDTH: 1PX;
    BORDER-STYLE: DOTTED;
    WIDTH: 100%;
    TEXT-ALIGN: LEFT;
    PADDING: 9PX;
}

DIV.BOXGREEN {
    COLOR: BLACK;
    BACKGROUND-COLOR: #E4FFDA;
    BORDER-COLOR: GREEN;
    BORDER-WIDTH: 1PX;
    BORDER-STYLE: DOTTED;
    WIDTH: 100%;
    TEXT-ALIGN: LEFT;
    PADDING: 9PX;
}

참고로 위 스타일 태그는 더 짧게 줄일 수 있는 여지가 있지만, 프로그래머의 입장에서 짧은 코드보다는 읽기 좋은 코드를 선호하기 때문에 각각의 스타일 이름만으로 용도를 확실히 알 수 있는 명시적인 방식을 사용하고 있습니다.
by Moo!! | 2004/01/01 15:09 | 블로그 관련 | 트랙백(16) | 핑백(1) | 덧글(23)
트랙백 주소 : http://mooo.egloos.com/tb/191991
☞ 내 이글루에 이 글과 관련된 글 쓰기 (트랙백 보내기) [도움말]
Tracked from [월희모에중] :: L.. at 2004/01/02 00:32

제목 : [망상] 이글루에 바란다!
이번에 2.0 업데이트 하면서 뭔가 기능도 많이 추가 되었고, 그 전에라도 활발한 업데이트나 다양한 기능 지원이나... 그런것들을 보면 이글루에는 상당히 감사하는 마음이 있긴 합니다. 우선은.(.....) 딱 하나 바라는건. <font color="red">자기가 쓴 답글들 리스트로 보여주기</font> 간략히 말하면, 자기가 단 답글 관리를 할수 있게 해주면 좋겠다... 는 것인데. 자기가 쓴 글에 답글 달린거 확인하는것도 중요한 일이고, 자기가 쓴 답글에 쥔장님이 어떤 답글을 또 다셨는가, 혹 실수 했......more

Tracked from 늘 지금처럼만... at 2004/01/07 11:39

제목 : tag정리
CSS 모음. 박스 태그 - 만든 스킨을 사용할 경우 - Moo 님이 정리해놓은 CSS ...more

Tracked from ◈ Project [ .. at 2004/01/08 01:27

제목 : 박스 만들기
정말 이글루는 너무너무 이쁜기능을 많이 만들어 낼수 있게 배려를 했고 사람들은 너무너무 잘 활용 하는거 같아서 기분이 좋네요 다음은 " Moo!!" 님의 박스만들기 강좌. 모두 모두 따라해 BoA 요~! p.s : 제작자인신 " Moo!!" 님께 정말 감사드립니다 박스 태그 - 만든 스킨을 사용할 경우...more

Tracked from =Auss'の Full.. at 2004/04/09 12:52

제목 : 박스를 넣어보자+_+
박스 태그 - 만든 스킨을 사용할 경우 오늘도 역시나 즐거운 백수상태의 웹서핑 LIFE. 이번에는 관련글쓰기를 해보겠습니다. 처음으로 시도해보는 관련글쓰기는.. "이글루스에 박스 태그를 넣어보자" 입니다. 그냥 무색인 박스태그가 아닌, 점선으로 이루어진 색갈이 있는 박스태그+_+ 잘 나올지는 모르겠지만 일단 시도시도>_< 관련글은 이쪽에도 있네요. bIdOOlGI 님이 쓰신 블로그에 박스 태그를 넣어보자. 그리고 지금 관련글로 쓰고있는 박스 태그 - 만든 스킨을 사용할 경우 ......more

Tracked from Moo!!의 게임과 공상 at 2004/04/09 13:54

제목 : 박스 태그 - 이미지 배경
지난 번 박스 태그의 새 버전입니다. 이글루스 스킨에서 사용되는 이미지를 배경으로 적용한 박스입니다. 사용자 편집 스킨을 사용할 경우에만 가능한 방법으로, 이글루스 기본 스킨을 쓸 경우에는 기존의 방법을 참고하여 직접 손을 보셔야 합니다. 1. 자신의 스킨 CSS에 다음을 추가합니다. (드래그해서 복사→CSS 편집창에 붙이기) DIV.BOXIMAGE1 { COLOR: BLACK; BACKGROUND-IMAGE : URL(......more

Tracked from 이불늘보의 일상- at 2004/04/20 00:40

제목 : ...스리슬쩍 갖다다 쓸려고 링크해놓는다.
박스 태그 - 만든 스킨을 사용할 경우 밑줄은 시험해 보니까 잘 되었고, 박스태그는 이제 시험해봐야겠다. 생각해보니 색깔 추가도 할 수 있겠다. 사실 여기 있는 색깔은 내 스킨과는 좀 동떨어진 색깔들이라......more

Tracked from zoops 이야기 at 2004/05/25 09:51

제목 : 블로그에 박스 넣기
박스 태그 - 만든 스킨을 사용할 경우 블로그를 좀 이쁘게 꾸미고 싶다는 생각을 조금 해 본다. HTML 안 만져본지 언 6년 째가 되서.... 사용자 스킨을 수정할라하니까... 허걱이란 소리만 나오고 바로 포기... 박스는 잘될까 해서 트랙백 걸어본다... 배우자~! 배워서 남주나.. ㅋㅋㅋ...more

Tracked from 무아지경 無我之境 at 2004/05/29 04:24

제목 : 박스태그- 만든 스킨의 경우
박스 태그 - 만든 스킨을 사용할 경우...more

Tracked from 귀차니즘의 극치 at 2004/05/30 20:33

제목 : 후후후....
오늘 박스 기능을 쉽사리 알려주는 이글루를 발견했다 >.< 감사합니다, mooo 이글루를 운영하시는 분. 잊지않기 위해 트랙백을 걸어놓음 >.<...more

Tracked from 궁상이 사는곳=_=v at 2004/06/04 09:51

제목 : 아 이게 이거구나..;;;
박스 태그 - 만든 스킨을 사용할 경우 박스 테그 궁금했었는데~ 잊지않게~ 트랙백 걸어놓고~ 흠냐;; _ㅡ;; 먼말이레;;...more

Tracked from 조조새 World!~∑.. at 2004/06/07 13:38

제목 : 킁야킁야!
박스 태그 - 만든 스킨을 사용할 경우 +ㅂ+우선 복샤!! 유용하게 쓰일 것 같다+ㅂ+!! ...more

Tracked from 나 나나 나나~ at 2004/08/27 13:13

제목 : 박스테그 CSS에 흡수~
박스 태그 - 만든 스킨을 사용할 경우 유용한거같아서 일단 퍼넣음~ ...more

Tracked from 허밍으로 좋아하는 음악.. at 2004/12/28 15:37

제목 : 박스태그 활용하기^^
박스 태그 - 만든 스킨을 사용할 경우 굉장히 유용한 팁이라 트랙백 합니다~~ 이런식의 이쁜 박스안에 글씨를 쓸수 있는것인데요, 그걸 좀더 편하게 한것..^^ 꽁수라고 하셨지만 무척 유용하군요!! 원래 버젼은 이것이었습니다....more

Tracked from 이런들 어떠하고 저런들.. at 2004/12/29 03:08

제목 : 박스 태그 - 만든 스킨을 사용할 경우
박스 태그 - 만든 스킨을 사용할 경우...more

Tracked from 오즈 at 2005/07/03 18:04

제목 : 박스태그 쓰는방법
박스 태그 - 만든 스킨을 사용할 경우...more

Tracked from My Living Hi.. at 2005/09/13 22:47

제목 : 하나 또또 알았다 - 박스태그
박스 태그 - 만든 스킨을 사용할 경우 아 정말 lemonade4님 덕분에 계속해서 새로운 이글루스의 세상에 빠져들고 있다 이번엔 다양한 박스태그를 만드는 법인 듯 싶다. Moo님이 정리해놓은 글을 트랙백 해왔으니 이거 보면서 혼자 연구해보고 그래야겠다. 좋아. 아주 좋아. (제5공화국 전두환 Ver.) ...more

Linked at 지옥에서 도망가는 마차에 올라.. at 2008/06/09 02:11

... 박스태그. mooo님 블로그 1 2 3 &lt;div style="color:black; background-color:#eeeeee; border-color:#dddddd; text-align:left; ... more

Commented by bIdOOlGI at 2004/01/01 15:43
아, 깔끔하게 정리해주셨네요. :D
(전, '검은색 스킨'에 어울릴만한 박스태그들로 정리를 한번 해봐야겠다는 생각이 문득..)
Commented by Moo!! at 2004/01/01 15:46
스타일을 직접 만들기 귀찮아 하시는 분들이 있는 것 같아서 쉬운 코스로 설명을 했습니다. ^^;
Commented by 레이 at 2004/01/01 16:04
어려움 어려움 -_-
Commented by Moo!! at 2004/01/01 16:33
-.-;;
Commented by 누들 at 2004/01/01 19:21
블로그를 잘 활용하시는군요.. 부럽습니다+_+
Commented by Moo!! at 2004/01/01 19:33
잘 활용하는 것 보다는 잔꽁수를 잘 쓰는 것 뿐이죠. ^^;
Commented by ellpi at 2004/01/01 20:23
이글루는 꽁수를 쓸 수 있는 여지가 많아서 좋습니다^^
Commented by Moo!! at 2004/01/01 21:32
네.. 설치형보다 편하면서 갖출 기능은 거의 갖추고 있죠. ^^
Commented by 벨제뷔트 at 2004/01/01 22:18
정말이지 이글루 만세입니다. Moo!!님도 만세, 비둘기 님도 만세, 이글루로 옮겨오신 레이 님도 만세 ^^ 엘피 님도, 다른 분들도 모두 만세! (?) 모두 새해 복 많이 받으시길 바랍니다 ^^.
Commented by LuNa at 2004/01/01 22:59
이글루스는 정말 가면 갈수록 마음에 든다는...
사용자의 취향과 효율성을 배려하는 서비스를 국내의 다른 블로그 제공 사이트들도 배워야 합니다! =ㅁ= 좋은 팁 감사감사!!
Commented by Moo!! at 2004/01/01 23:46
이글루스 만세! ^^
Commented by 리스 at 2004/01/02 10:57
좋은 팁 많이 배우고 갑니다. 감사합니다.
Commented by 朱雀 at 2004/01/08 01:28
너무너무 좋은글 감사합니다. 그래서 살짝 링크 걸어놓네요 감사합니다 ^-^
Commented by Moo!! at 2004/01/08 09:51
^^;
Commented by 데빌냐옹이 at 2004/01/15 23:42
좋은 정보 감사합니다^-^ 여러 모로 쓸 데가 많을 거 같습니다. 후에 또 여러 가지 배우러 오겠습니다.
Commented by Moo!! at 2004/01/16 09:34
네.. 또 있을지 모르겠지만요. ^^;
Commented by Auss at 2004/04/09 12:52
오오, 링크에 링크를 따라 오다가 발견했습니다.
감사히 잘 쓰겠습니다 Moo!!님.T_T)/
다른 블로그에서도 되나 한번 해봐야겠네요.
Commented by Moo!! at 2004/04/09 13:00
^^
Commented by anakin at 2004/09/11 19:30
멋지네요^^ 상당히 뒷북이지만요(작성일이 올해 첫날이네요^^;;) 정말 잘 배우고 갑니다! 그리고 링크 신고드립니다!
Commented by 허밍웨이 at 2004/12/28 15:33
우왓!!^^; 뒷북이지만서도 유용한팁 잘봤습니다^^ 트랙백 날립니다!^^;;
Commented by 리온 at 2005/04/22 15:29
이글루스에 대해 배우다가 이곳까지 왔습니다.
친절한 설명 감사합니다. ^^
앞으로도 좋은 글 많이 올려주세요-
Commented by flechette at 2005/07/15 22:46
안녕하세요. 꼭 필요한 팁이었는데 잘 배우고 갑니다.
감사합니다~^^
Commented by 야채호빵 at 2005/08/18 22:52
여러가지 유용한 정보가 많군요...
앞으로 자주 들려야 할듯 ^^;;
아참.. 박스 태그.. 감사하게 잘 쓰겠습니다 ^^;
※ 로그인 사용자만 덧글을 남길 수 있습니다.
◀ 이전 페이지 다음 페이지 ▶
이글루스 | 로그인
라이프로그
마법의 크리스탈
마법의 크리스탈

메모장
이글루 파인더

최근 등록된 덧글
2013년 새해 복 많이 받..
by DAIN at 01/01
2012년 새해 복 많이 받..
by DAIN at 01/01
^^;;
by Moo!! at 08/24
웰컴백~
by 하이드린 at 08/24
네이버 블로그에 쓰겠습..
by 은설 at 02/04
글과 관련없은 댓글하나..
by 쩌비 at 01/02
푸하하하핫!! 역시 Moo..
by Auss at 09/11
최근 등록된 트랙백
nike free 5.0
by ipad ケース //t.qq.co..
コーチ 正規品
by toms skor rea
존군이 추천하는 블로그..
by 피곤한 존과 더 피곤한 ..
카테고리
전체
게임 이야기
게임 패키지
만화 & 애니메이션
무단인용
일상 & 잡담
읽을꺼리
영화
시사
블로그 관련
인터넷 관련
아이템 창고
미분류
rss

skin by Moo!!
Google