HOME LIBRARY INVENTORY WALLPAPER GAME LINK BLOG LINK
박스 태그
얼마전부터 다용도로 사용하고 있는 박스의 태그에 대한 설명이다.
찾아보면 의외로 쓸만한 곳이 많으니 가져다 써도 좋을 것이다.
표기상 두줄에 썼지만 하나로 연결된 문장이다.

<div style="color:black; background-color:#eeeeee; border-color:#dddddd; text-align:left; padding:9px; border-width:1px; border-style:dotted; width:100%;"> 내용 </div>

<div style="color:black; background-color:ivory; border-color:tan; text-align:left; padding:9px; border-width:1px; border-style:dotted; width:100%;"> 내용 </div>

<div style="color:black; background-color:lightcyan; border-color:lightskyblue; text-align:left; padding:9px; border-width:1px; border-style:dotted; width:100%;"> 내용 </div>

<div style="color:black; background-color:#FFE9E1; border-color:indianred; text-align:left; padding:9px; border-width:1px; border-style:dotted; width:100%;"> 내용 </div>

<div style="color:black; background-color:#E4FFDA; border-color:green; text-align:left; padding:9px; border-width:1px; border-style:dotted; width:100%;"> 내용 </div>

나는 위쪽의 2개의 박스를 주로 쓰는데 위쪽의 회색 박스는 인용문에 사용하고, 아래쪽의 노란 박스는 직접 쓴 본문의 내용중 분류가 필요할때 사용한다.
참고로 위쪽 회색 박스는 이글루스측에서 쓰는 글에 종종 보인다.

바꿀만한 곳은 글씨의 색이 다른 부분이다.
- 빨간색 부분은 박스 안쪽의 글자색을 지정하는데, 검정색을 그대로 쓴다면 생략해도 된다.
- 파란색 부분은 박스 안쪽의 배경색으로, 위쪽 박스의 경우 연한 회색에 대한 16진 색상 코드인 #eeeeee을 사용하였으며, 아래쪽 박스의 경우 연한 노란색에 해당되는 색상 이름인 ivory를 사용하였다. (색상표 참고)
- 녹색 부분은 박스의 테두리 선에 대한 색상이다.
배경색과 테두리 선 색을 이것저것 바꿔보며 자신만의 박스를 만들어 보는 것도 재미있을 것이다.
by Moo!! | 2003/12/20 10:25 | 블로그 관련 | 트랙백(30) | 핑백(3) | 덧글(24)
트랙백 주소 : http://mooo.egloos.com/tb/171193
☞ 내 이글루에 이 글과 관련된 글 쓰기 (트랙백 보내기) [도움말]
Tracked from ■ MEMO : 일상 .. at 2003/12/31 19:57

제목 : 이글루스 2.0 / CSS 편집 / 박스 태그
웹사이트를 꾸미는 데 있어서 CSS는 편리하고 유용하다. 이글루스 2.0에서 CSS를 편집할 수 있게 되면서 쓰기 편해진 기능이 몇가지 있는데, 그중 하나가 <u>'블럭 인용(blockquote)'</u> 등에 사용되는 일명, '박스 태그'이다. 기존에는 '박스 태그'를 사용하려면 Moo!! 님이 정리해 놓으신 글처럼, 원하는 블럭에 저 긴 태그를 수고스럽게 적어넣거나 어딘가 적어놓은 걸 복사해서 붙여넣는 수 밖에 없었다. 이젠 좀더 간편하게 '박스 태그'를 사용할 수 있다. <b>■ 첫번째 방법</b> CS......more

Tracked from Moo!!의 게임과 공상 at 2004/01/02 21:38

제목 : 박스 태그 - 만든 스킨을 사용할 경우
이글루스 2.0 부터 도입된 사용자 스킨 설정을 이용해서 좀더 손쉽게 색상 박스를 사용할 수 있게 되었습니다. 기존의 박스 스타일에 bIdOOlGI님의 방식을 도입한 것으로 아래의 방법을 따라하시면 속편하게 바로 쓸 수 있습니다. <font color=gray>사용자 편집 스킨을 사용할 경우에만 가능한 방법으로, 이글루스 기본 스킨을 쓸 경우에는 기존의 방법을 쓰셔야 합니다.</font> 1. 자신의 스킨 CSS에 다음을 추가합니다. (드래그해서 복사→CSS 편집창에 붙이기) DIV.BOXGRAY { ......more

Tracked from 여름은 날아가고 겨울은.. at 2004/01/07 17:08

제목 : 오옷, 박스태그..
박스 태그 오옷, 유용해요~...more

Tracked from 노마의 오두막 at 2004/06/02 00:55

제목 : [백업] 포스트에 직접 넣는 박스태그
Moo!!의 게임과 공상에서. 포스트에 직접 넣는 박스태그. 길이가 300px이 넘으면 저절로 스크롤바가 뜬다. &lt;div style="background-color:#E7EFF7; border-color:#AECDFF; text-align:left; padding:9px; border-width:1px; border-style:solid; width:100%; OVERFLOW:AUTO; HEIGHT:300PX;"&gt;내용&lt;/div&gt; &lt;div style="background-color:#EEE......more

Tracked from TAMAYA TIMES at 2004/08/14 02:31

제목 : 기본스킨사용자 이미지 글 박스
박스 태그 MOO!! 님의 블로그에서 들고 왔습니다....more

Tracked from LOVE MAKER at 2004/08/21 04:31

제목 : 블로그를 꾸며봅시다. -ㅂ-
박스 태그 제 이글루의 스킨은 실수로 탄생한 것 입니다. 그래서 프레임 같은건 전혀 없었는데요. 이 휑~함을 해결해 줄 새로운 태그를 찾았습니다. 지금 보시고 계신 테두리를 만드는 태그인데요. 자세한 설명과 태그 자체는 트랙백을 따라가면 있습니다. 앞으로는 자주 애용해야겠네요. 이런 태그를 올려(만들어)주신분께 다시한건 감사말씀을 드립니다. 좋은밤이네요. -ㅂ- ...more

Tracked from kamille at 2004/09/10 00:52

제목 : ..
박스 태그 저도 열심히 배우겠습니다+_+...more

Tracked from 사리의 주절주절 낙서장 at 2004/09/28 15:14

제목 : 멋진 박스태그
박스 태그 유용한 박스태그들;; Moo님의 친절한 강의~~...more

Tracked from Life is Beau.. at 2004/11/24 11:56
Tracked from 쥐™의 밤껍질 속 at 2004/11/24 12:00

제목 : 박스넣는 태그래요>_<
박스 태그를 해봅시다!! 다른 이글러님들이 박스안에 내용을 넣는것을 보고 신기하다고만 생각하고 있었는데!! 여기 방법이 있었구나아아ㅠㅠ 이뿌다아아아'ㅁ'/ 옹호홓호~ 열심히 써보야지......more

Tracked from 착각속의 고양이 at 2004/12/29 00:39

제목 : 박스 태그를 이용해보자..
박스 태그 just for info....more

Tracked from Sweet Gossip* at 2005/04/17 21:17

제목 : 이글루활용팁
박스 태그...more

Tracked from splim의 작은 서랍.. at 2005/05/07 16:28

제목 : 염두에 둘 만한 글자색, 배경색
핑크님의 "한국의 전통색 코드", 작은영혼님의 "웹페이지 제작 색상표" 샐리님의 "[백업] more less 태그를 이용한 박스", Moo ! !님의 "박스 태그" 를 참고하고, 제가 평소에 쓰던 태그를 더했습니다. 영문이름이 있는 경우 코드값 대신 이름 그대로 태그 쓰는 것도 가능합니다. ■ 구색 #959EA2 ■ 진홍색 #BF2F7B &n......more

Tracked from The way of m.. at 2005/05/25 13:59

제목 : ボックスタグ
ここで書き&#36796;みするとき役に立ってる情報 박스 태그...more

Tracked from 여의본색 at 2005/05/31 16:19

제목 : 박스태그모음
박스 태그박스 태그 얼마전부터 다용도로 사용하고 있는 박스의 태그에 대한 설명이다. 찾아보면 의외로 쓸만한 곳이 많으니 가져다 써도 좋을 것이다. 표기상 두줄에 썼지만 하나로 연결된 문장이다. 내용 내용 내용 내용 내용 나는 위쪽의 2개의 박스를 주로 쓰는데 위쪽의 회색 박스는 인용문에 사용하고, 아래쪽의 노란 박스는 직접 쓴 본문의 내용중 분류가 필요할때 사용한다. 참고로 위쪽 회색 박스는 이글루스측에서 쓰는 글에 종종 보인다. 바꿀만한 곳은 글씨의 색이 ......more

Tracked from 유영하는 해파리 at 2005/09/08 16:00

제목 : [트랙백] 박스 태그
박스 태그 Moo!!님의 이글루에서 트랙백합니다. 박스태그 찾고있었는데 찾아서 기쁘네요. 앞으로 좀 더 깔끔하게 이글루라이프를 즐겨야 겠습니다. ...more

Tracked from Full ahead R.. at 2005/09/21 23:39

제목 : 블로그 관련 질문들에 대한 답변
영건z님과 쥬드님 질문에 대한 답변 글 쓸때 박스가 나오게 하는 태그 박스 태그 제가 쓰는 건 좀 다른 방식입니다만, 이글루스 제공 스킨엔 안 먹히므로 이걸 사용하시는 게 좋을 듯 합니다. 접었다 폈다 하는 more & less 기능 <a href="http://jiinny.egloos.com/pg/egloo.asp?......more

Tracked from A MUSICAL VO.. at 2005/09/22 00:15

제목 : 박스 태그
박스 태그...more

Tracked from failure cont.. at 2005/09/22 09:04

제목 : tag관련 박스만들기
박스 태그...more

Tracked from † Dive into .. at 2005/10/14 03:14

제목 : - Box Tag
박스 태그...more

Tracked from 또 다른 세계로의 도전 at 2005/10/16 02:25
Tracked from 俺たちゃマフィア! Ne.. at 2005/11/09 08:27

제목 : 박스태그
박스 태그...more

Tracked from 가가멜헌터의 오두막 at 2006/10/25 12:36

제목 : 드디어 성공이다...
새글쓰기 옆에 box 태그 moreLess 태그 다 늘어놓기 by 샐리님의 (정지된) 오두막 블로그에서 박스태그 by Moo님의 게임과 공상 블로그에서.. 이번 주 첫 시작인 주일부터 시작하였다... more/less태그와 box 태그를 입력하기 위한 몸부림을.... 이글루스의 more는 매우 독특하다... 감추려고 했던 것을 그 포스팅을 찍으면 모조리 다 보이니... 한참을 찾지도 않았다.........more

Tracked from 고시공부하는 비연애인. at 2006/12/04 02:03

제목 : 태그를 모아둬야겠군
박스 태그 그저 열심히 배우고 싶다는 말밖에 할 수 없군요 감사!...more

Tracked from 케다메 누드발레♡ at 2007/01/05 21:41

제목 : 박스태그
박스 태그 ...more

Tracked from The Story at 2007/01/05 21:41

제목 : 박스태그사용법
박스 태그 깔끔한 포스팅을 위해 ~ 잇힝~...more

Tracked from 이쌤님의 이글루 at 2007/10/23 17:49

제목 : 박스태그
너무나도 유용한 정보라서 Moo!!님의 이글루(http://mooo.egloos.com/171193/)에서 모셔왔습니다.아래에 트랙백도 걸어둡니다.&lt;div style="color:black; background-color:#eeeeee; border-color:#dddddd; text-align:left; padding:9px; border-width:1px; border-style:dotted; width:100%;"&gt; 내......more

Tracked from Wanna be a Gem at 2007/10/23 17:56

제목 : 박스태그
너무나도 유용한 정보라서 Moo!!님의 이글루(http://mooo.egloos.com/171193/)에서 모셔왔습니다. 아래에 트랙백도 걸어둡니다. 내용 ...more

Tracked from 쓰레기란 필수불가결 at 2009/02/11 20:43

제목 : 박스태그 배워 왔습니닷!
박스 태그이젠 포스트가 깔끔히 정리되겠지요? 쩝, 초등학교 때는 태그 잘했었는데 어언 몇년이 훌쩍 지나고 그 사이에 태그를 다 까먹다니. 제 기억력의 otz 이글루를 하더니 태그를 다시 처음부터 배워야 할 판입니다...ㅠ덤으로 음악 태그&lt;EMBED style="filter: gray() alpha(style=2, opacity=50, finishopacity=0)" src="http://myhome.naver.com/ss036024/med......more

Tracked from 피곤한 존과 더 피곤한.. at 2009/05/23 11:56

제목 : 존군이 추천하는 블로그 스킨를 예쁘게 꾸밀 수 있는..
제가 이때까지 블로그 스킨을 변경하는데 도움이 됬었던 팁을 심심해서 모아봤습니다 (웃음) 1. 댓글 창 배경 이미지 넣기! 블로그를 이곳 저곳 다니시다 보시면 댓글 창에 이미지가 들어가 있으신 분들을 보실 수 있을 겁니다. 옆의 이미지처럼 존군도 화이트 보드 스킨을 쓸때는 이런 식으로 넣어 주고 있었습니다만. 귀찮습니다. 스킨을 요즘 자주 바꾸고 있습니다만. 바꿀때 마다 이미지의 크기를 바꿔주고 해야 하니까 귀찮네요. 잡담이 길어졌네요 ㅎㅎ s......more

Linked at 이쌤님의 이글루 : 박스태그 at 2007/10/23 17:49

... 너무나도 유용한 정보라서 Moo!!님의 이글루(http://mooo.egloos.com/171193/)에서 모셔왔습니다.아래에 트랙백도 걸어둡니다.&lt;div style="color:black; background-color:#eeeeee; border ... more

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

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

Linked at 龍孤視遠天爲時振威名 : 유용한.. at 2009/08/05 14:12

... left; padding:9px; border-width:1px; border-style:dotted; width:100%;"&gt; 내용 &lt;/div&gt; 출처는 MOON님 블로그. ... more

Commented by ColoR at 2003/12/20 12:01
감사합니다. 좀 더 멋지게 꾸밀수 있겠네요.
Commented by 흰토끼 at 2003/12/20 12:34
항상 Moo!!님 포스트 볼 때마다 박스 참 이쁘다고 생각했는데, 좋은 정보 감사합니다.
Commented by Lainworks at 2003/12/21 05:15
박스 소스는 잘 이용하고 있답니다:) extey 님이랑 벨제님 이글루에서 넘어왔습니다:)
Commented by 재숙 at 2003/12/21 09:24
유용한 팁 감사합니다^^
Commented by Extey at 2003/12/21 16:29
이거 쓰는거에 재미들려버렸습니다. 너무 좋군요 (최근 사용하는 팁들은 다 Moo!!님 이글루에서 얻어가는거 같은 느낌이)
Commented by Lainworks at 2003/12/21 17:56
아, 그리고 약간 늦었지만 링크 추가하였습니다'ㅅ';;
Commented by 벨제뷔트 at 2003/12/22 02:42
잘 써먹고 있답니다. 감사합니다 >_<.
Commented by 세월이가면 at 2003/12/23 16:54
오옷, 재밌겠네요~
Commented by Moo!! at 2003/12/23 17:00
네.. ^^;
Commented by NaMaSte at 2003/12/29 17:46
슬쩍 ㅡ_-)~ 후다닥
Commented by 랄랄라 at 2003/12/31 19:37
팁 감사합니다. 새해 복 많이 받으세요.
Commented by Moo!! at 2003/12/31 20:44
^^;
Commented by Egalia at 2004/01/28 08:03
감사합니다. 잘 사용할게요. :-)
Commented by 켄지 at 2004/08/21 04:27
감사합니다. 잘 들러보고갑니다~ 잘 사용할께요!
Commented by 꿀때지 at 2004/11/29 16:14
감사합니다.. ^^; 잘 활용할께요..
Commented by 파파베라 at 2005/02/19 11:52
박스태그 보고 신기하다고 생각했는데.. 감사합니다~ 잘 활용할께요~ ^^
Commented by 실버에요 at 2005/04/15 20:52
감사합니다. 덕분에 즐겁네요.
행복한 시간 보내세요
Commented by 묘리 at 2005/04/17 21:18
트랙백해갑니다^^예쁘게 쓸게요.
Commented by splim at 2005/05/03 14:51
잘 배워갑니다. 감사드려요-
Commented by 情  at 2005/08/17 01:19
좋은 정보 얻어갑니다. (;
Commented by serpuff at 2005/09/08 15:57
트랙백해가겠습니다. 찾고있었는데 감사해요.
Commented by Gːyak at 2005/10/14 03:11
와아- 최고예요....'ㅁ'*!!!
Commented by 가가멜헌터 at 2006/10/25 12:36
유용한 팁 트랙백 해갑니다...

그리고 감사합니다...
Commented by 은설 at 2010/02/04 22:19
네이버 블로그에 쓰겠습니다! 감사합니다 ^^ 트랙백 해갑니다.
※ 로그인 사용자만 덧글을 남길 수 있습니다.
◀ 이전 페이지 다음 페이지 ▶
이글루스 | 로그인
라이프로그
마법의 크리스탈
마법의 크리스탈

메모장
이글루 파인더

최근 등록된 덧글
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