본문 바로가기

Photo Sketch/daily

티스토리 사진서식 적용해보세요 (부제:야 뛰어 지각이야!!)

반응형

 

 

 




야 뛰어~ 지각이야!! @경기도 야탑 , 2009.05






mindeater.tistory.com




 
 

 

 

 

어제 보더랑 낙관생각을 하다가 블로그 서식으로 지원하면 좋겠다 싶어서 만들어 보았습니다. 티스토리에서 기본으로 제공하는 글상자를 이용해서 쉽게 만들 수 있었습니다.

참고하시라고 위에 사용된 소스를 공개합니다. 





<center>
<div style="border: 1px solid rgb(0, 0, 0); padding: 10px; background-color: rgb(255, 255, 255); width: 800px;">
<div style="text-align: center;">
<br />
&lt;사진 위치&gt;<br />
<br />
<br />
<span style="font-family: Verdana; color: rgb(142, 142, 142);">제목 </span><span style="font-family: Verdana; color: rgb(142, 142, 142);">@장소,&nbsp; </span><span style="font-family: Verdana; color: rgb(142, 142, 142);">2009.05</span><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
mindeater.tistory.com
<br />
<br />
</div>
</div>
</center>
<br />
<br />
 
[위에서 사용된 사진서식입니다. 복사 하세요]


 




위의 소스를 HTML 모드에서 붙여넣기 하신 뒤에 적당한 이름을 주시고 서식으로 저장하시면 오른쪽 서식 메뉴에 새롭게 추가가 됩니다. 참고로 저는 "[사진서식] 가로 750"이라는 이름으로 저장했습니다.

위의 테이블 DIV 가로 사이즈를 800으로 고정해서 사진 가로 사이즈 750에 어울리도록 했습니다.
이를 원하는 사이즈 또는 비율로 수정하시면 됩니다.

HTML모드를 푸시고 mindeater.tistory.com과 제목, 장소, 날짜를 수정하시면 되겠습니다.

티스토리에서 기본으로 제공하는 글상자를 기본으로해서 여러가지 다양한 형태의 사진 프레임을 만들 수 있을 것 같습니다.

사진서식도 괜찮은 아이디어 같은데 말이죠~~
이참에 이웃님들도 멋진 사진 프레임 하나씩 만들어 공개하시면~~┗( ̄ ▽  ̄ㆀ)┓=33




[추가]
4zine님이 언급하신것처럼 table을 div 태그로 바꿨답니다.

 

반응형


Recent Posts
Popular Posts
Recent Comments