1. 로고부분

2. 대략적 모습

3+알파. 모바일

4+베타. 잡다한 것들

.. 알아서 찾아보세요..

5. 결론

뭐.. 그냥 만들었습니다.

사용할분은 사용하세요.

무단전재배포가능 무단응용가능

단, 악용 금지!

이 사항을 꼭 지켜주세요!

*. 소스, 사용방법

PC소스

<style>textarea{color:#000000; background:url(http://i.imgur.com/xuLC3pw.png); border-width:0; border-color:#000000; border-style:solid;}</style><style>div.whole_box {background-image:url(http://i.imgur.com/4x3qL8y.png);background-attachment: fixed;background-repeat:no-repeat;background-position:bottom left;} </style><style> td#topmenu_container1 {background-image:url(http://i.imgur.com/uNVZdLE.gif); background-attachment: fixed; background-repeat: repeat; background-position: top;} table { background-color: transparent; } td { background-color: transparent; } </style><style> td#topmenu_container2 {background-image:url(http://i.imgur.com/uNVZdLE.gif); background-attachment: fixed; background-repeat: repeat; background-position: top;} table { background-color: transparent; } td { background-color: transparent; } </style><style> body {background-image:url(http://i.imgur.com/uNVZdLE.gif); background-repeat: repeat; background-position: top;} table { background-color: transparent; } td { background-color: transparent; } </style><style>#logo_line1 a img{content:url("http://i.imgur.com/6RMS72i.gif");}</style><style>#login_span span b a:before{content: "사월의 ";}</style><style>div.okNokBookDiv>a>img{position:relative;z-index:10000;animation:mymove 3s linear infinite; /*W3C and Opera*/-moz-animation:mymove 3s linear infinite;-moz-animation: myfirst 3s linear infinite; -webkit-animation: myfirst 3s linear infinite; -o-animation: myfirst 3s linear infinite; }@-webkit-keyframes myfirst {0%{left:230px ;top:0}100%{left:-500px;top:0px}}</style><style>img#memo_insert_submit_image{content:url("http://i.imgur.com/7YDcY47.gif");}</style><style>#okNokBookDiv img{content:url('http://i.imgur.com/M3zYLQZ.gif')}</style><style>#okNokBookDiv img:nth-child(2){content:url('http://i.imgur.com/adZ4gJX.gif')}</style><style>#okNokBookDiv a img{content:url('http://i.imgur.com/aSNzvEC.gif')}</style>

사용방법 1.

위에 있는 것(PC소스)을 모두 드래그해서, 꼬릿말에 HTML체크하고 붙여넣기하세요.

모바일소스

<style> div.view_spec {background-image:url(http://i.imgur.com/l8zpEOG.gif); background-position: middle;} table { background-color: transparent; } td { background-color: transparent; } </style><style>#okNokDiv img:nth-child(2){content:url('http://i.imgur.com/adZ4gJX.gif')}</style><style>#logoDiv_white a img{content:url("http://i.imgur.com/wayLUkd.gif");}</style><style>#memo_insert_form div b:before{content: "멋쟁이";}</style><style>html body.view_body div a font b:before{content: "사월의 ";}</style><style> div.view_content {background-image:url(http://i.imgur.com/pIannDw.png); background-repeat: repeat;background-position: top left;} table { background-color: transparent; } td { background-color: transparent; } </style><style>#okNokDiv img:nth-child(1){content:url('http://i.imgur.com/M3zYLQZ.gif')}</style>

사용방법 2. 여기 위에 있는 것을 복사해서 게시물HTML에 붙여넣기 하세요.

어려우면, 2번과정은 생략해도 됩니다. 2번 소스들은 모바일용입니다.

따라서, 2번소스만 적용한다고 하더라도 pc버전에는 먹히지 않습니다.

ver0.1입니다.

추후업데이트.. 할수도있고 안할듯..

*. 잡담

1. 조언 받습니다.

아무거나 조언해주세요.

(그냥 받기만하고 아무런일도 없을확률이 높지만)

2. 배포할때, iframe 쓰고 싶지만, 호스팅해야되는데 어떤 편법써야되는지 몰라서 패스했습니다.

누가 아는사람있으면 대신해주세요. 귀차니즘..

아니면 알려주세요.. 한 100년안에 하겠죠.

<style> div.view_spec {background-image:url(http://i.imgur.com/l8zpEOG.gif); background-position: middle;} table { background-color: transparent; } td { background-color: transparent; } </style><style>#okNokDiv img:nth-child(2){content:url('http://i.imgur.com/adZ4gJX.gif')}</style><style>#logoDiv_white a img{content:url("http://i.imgur.com/wayLUkd.gif");}</style><style>#memo_insert_form div b:before{content: "멋쟁이";}</style><style>html body.view_body div a font b:before{content: "사월의 ";}</style><style> div.view_content {background-image:url(http://i.imgur.com/pIannDw.png); background-repeat: repeat;background-position: top left;} table { background-color: transparent; } td { background-color: transparent; } </style><style>#okNokDiv img:nth-child(1){content:url('http://i.imgur.com/M3zYLQZ.gif')}</style>