티스토리 뷰

IT/BLOG

블로그광고 배치 코드 분석

세아향 2009. 1. 7. 09:45

그림을 정렬하는 방법을 코드를 통해서 확인해 보려한다. 사실 코드 분석을 하는 것은 에드센스등의 광고를 내 포스트의 원하는 부분에 위치하고자 할때 사용할 수 있기 위해서이다.

아래에서 사용하는 그림은 파일명이 1.jpg이고 각각의 정렬법마다 업데이트하여서 실제 파일명은 다르다.

양식(코드는 []로 쌓였음) : ##_1N|4963f3425d996E1.jpg|width="162" height="166" alt="" filename="1.jpg" filemime=""|_##
##_1N : 정렬방식을 의미함
4963f3425d996E1.jpg : 업데이트된 파일의 업데이트된후 파일이름
width="162" : 파일의 가로폭
height="166" : 파일의 세로높이
alt = "" : 파일에 마우스를 올려놓았을때 보이는 설명(텍스트)
filename="1.jpg" : 파일명(업데이트 이전 파일명)



[왼쪽정렬] 그림의 우측편에 여백이 있지만 글자를 입력할 수 없는 정렬방법으로 보통 가로로 길게 배치하는 경우 우측에 글자가 짧게 들어가면 더 지저분해 보이는 경우 글을 아래에 입력할때 사용한다.
<코드보기> ##_1N|4963f3425d996E1.jpg|width="162" height="166" alt="" filename="1.jpg" filemime=""|_##


[가운데정렬] 그림을 표시되는 페이지의 중앙에 배치해 준다. 좌우여백을 사용할 수는 있지만 사용을 하지 않는 경우가 대부분이며 한쪽에 치우치는 모습이 눈에 거슬릴때 가운데정렬을 해서 포스트의 중간에 표시해준다. 포스트 가로폭이 변경되어도 가운데 정렬된다는 특징이 있다.
<코드보기> ##_1C|4963f422bb711AY.jpg|width="162" height="166" alt="" filename="1.jpg" filemime=""|_##


[왼쪽글 흐름]
왼쪽정렬과 동일하게 그림이 왼쪽에 정렬되지만 왼쪽정렬과 다른 것은 글자를 입력할 수 있다는 것이다. 그림의 우측편에 글자 입력을 할 수 있어서 그림이 작은 경우 여백없이 글을 입력할 수 있다. 보통 광고를 이런식으로 배열하면 많은 여백없이 글도 함께 입력할 수 있다는 장점이 있다.
<코드보기> ##_1L|4963f48026d9eCR.jpg|width="162" height="166" alt="" filename="1.jpg" filemime=""|_##






[오른쪽글 흐름]
왼쪽글 흐름과 반대라고 생각하면 이해가 빠르다. 그림을 오른쪽에 정렬하고 글을 그림의 왼쪽여백에 작성할 수 있는 것이 특징이다.
<코드보기> ##_1R|4963f509b0215E8.jpg|width="162" height="166" alt="" filename="1.jpg" filemime=""|_##







간단하게 정리를 해보면 아래 그림처럼 정렬을 담당하는 부분은 단 1글자였다는 것이다. 물론 위의 코드보기에서 []는 제외하였다는 점을 참고해야 한다. ([]표시하면 그림으로 표시되어서 []만 제거함)






댓글
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
«   2024/03   »
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31
글 보관함