[div 강좌] 블로그 꾸미기! 아주 쉬운 div 코딩 Tip 하나...

[div 강좌] 블로그 꾸미기! 아주 쉬운 div 코딩 Tip 하나... (테이블 만들기)

제 블로그 우측에 보시면 아래 그림부분이 있죠?
이 부분처럼 div 코딩 하는 방법을 알려드리겠습니다. (div 테이블 코딩)

<div style='background:#ccc; padding:3px'>여기가 윗칸 => Cut ㅣ Action ㅣ HanRSS 부분 </div>
<div style='border:1px solid #ccc; padding:3px'> 검색칸 </div>


관리자모드 > 스킨 > html/css 에서
해당부분 (Ctrl + F(검색) 창에서 " BLOG main image "를 찾으셔서 그 하단 부분 </div>로 마감 되는 바로
밑줄)에 위의 <div style...로 시작하는 줄을 삽입하시면 되겠습니다.

취향에 따라 위 소스 부분의 background 부분의 칼라값을 바꿔주면 됩니다.
아주 간단하죠? ^^

(하단의 "Link Site" 부분 역시 똑같은 소스로 테이블을 감싼 것입니다.)

......

* 뽀너스 Tip : div 코딩시 color값을 입력할 때, 같은 문자열의 경우에는 3단위까지만 입력해도 됩니다.

예: #cccccc  => #ccc