menu

이제 <blockquote> 말풍선 스타일의 따옴표가 상황에 따라 좌, 우로 표시됨.

그동안은 앞뒤가 똑같은 전화번호~ 의 느낌이였다면, 이제부터는 마치 꽉찬 B컵의 볼륨감이 느껴질 것임.

hello world!

this is test message.


function blockquote() { //blockquote bubble style $('blockquote').after('<div style="clear:both; margin-top:-1em;"></div>'); $('blockquote:not(".otherquote")').prepend('<div style="border:1px solid silver; width: 16px; height: 16px; position: absolute; margin:1em 0 0 -53px; background:#fff;"><span style="font-family: Trebuchet MS;font-size:30px; margin:4px 0 0 0;position: absolute;">“</span><div style="border-color:transparent silver transparent transparent; width: 0; height: 0; position: absolute; border-width: 1ex 1.7ex 1ex; border-style: solid; margin: 0 0 0 17px;"></div><div style="border-color:transparent #fff transparent transparent; width: 0; height: 0; position: absolute; border-width: 1ex 1.7ex 1ex; border-style: solid; margin: 0 0 0 18px;"></div></div>').css({'background':'#ffffff'}); $('blockquote[class~="otherquote"]').before('<div style="border:1px solid silver; width: 16px; height: 16px; float:right; margin:2em 0 -4em; background:#f0f0f0;"><span style="font-family: Trebuchet MS;font-size:30px; margin:4px 0 0 0;position: absolute;">”</span><div style="border-color:transparent transparent transparent silver; width: 0; height: 0; position: absolute; border-width: 1ex 1.7ex 1ex; border-style: solid; margin: 0 0 0 -23px;"></div><div style="border-color:transparent transparent transparent #f0f0f0; width: 0; height: 0; position: absolute; border-width: 1ex 1.7ex 1ex; border-style: solid; margin: 0 0 0 -24px;"></div></div>').css({'background':'#f0f0f0'}); }


끝.

퍼가지 말고, 링크로 공유하세요. 자세한 건 공지에.

퍼가지 마세요...
링크로 공유하세요 ㅠㅠ
부탁할게요 ^_<~*

test 3-1

test 3-2

test 3-3

test 4-1

test 4-2

test 4-3

모든 글 보기
공지
방명록
Share to...

페이스북 공유

트위터 공유

구글+ 공유

카카오스토리 공유

밴드 공유

Follow & Contact

Facebook

Twitter

Mail

RSS 구독

2007-2016 © JinH