[테크] 파란 블로그 스킨 소스 원본

땡기는것들 2004. 9. 23. 17:07
빨간색 부분은 제가 넣거나 수정한 부분입니다.

HTML 편집하기(스킨영역)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<블로그스타일 형식="paper" 삭제여부="불가능">
</head>

<body leftmargin="0" topmargin="0" marginheight="0" marginwidth="0" class="body_bg" onload="initBlog();">

<!-- 배경음악 시작 -->
<EMBED src=http://mediafile.paran.com/MEDIA_182261/BLOG/200409/1094484686_20040905_06.wma width=690 height=46 type=audio/x-ms-wma autostart="true" balance="0" loop="-1" hidden="true">
<!-- 배경음악 끝 -->

<!-- 최상단 타이틀 -->
<table border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
<td style="padding:11 10 5 10" background="http://blogfile.paran.com/BLOG_36921/200409/1095141002_hd_bg2.gif">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td class="top_menu">
<블로그헤더 삭제여부="불가능">
</td>
<td class="top_menu" align="right">
<블로그관리 삭제여부="불가능">
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<!-- skin -->
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="20"><img src="http://blogfile.paran.com/BLOG_36921/200409/1095141002_skin01_01.gif" width="20" height="20" alt="" border="0"></td>
<td background="http://blogfile.paran.com/BLOG_36921/200409/1095141002_skin01_02.gif"><img src="../asset/images/space.gif" width="1" height="1" alt="" border="0"></td>
<td width="20"><img src="http://blogfile.paran.com/BLOG_36921/200409/1095141002_skin01_03.gif" width="20" height="20" alt="" border="0"></td>
</tr>
<tr>
<td background="http://blogfile.paran.com/BLOG_36921/200409/1095141002_skin01_04.gif" width="20"><img src="../asset/images/space.gif" width="1" height="1" alt="" border="0"></td>

<!-- 블로그 배경 색상 설정 -->
<td bgcolor="#FEF9F3">
<!-- Blog Title -->
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="100%" background="http://blogfile.paran.com/BLOG_36921/200409/1095017801_blog_title_02.jpg"><embed src="http://mediafile.paran.com/MEDIA_182261/BLOG/200409/1095096236_pigeon_b.swf" width="196" height="58" type="application/x-shockwave-flash" autostart="false" balance="0" loop="1"> <img src="http://blogfile.paran.com/BLOG_36921/200409/1095017088_blog_title_01.jpg" width="772" height="58" alt="" border="0"></td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td class="titc" style="padding:9 0 9 3">
<b><블로그제목 삭제여부="가능"></b>
</td>
</tr>
</table>
<!--// Blog Title -->
<!-- TODAY | TOTAL 표시 영역 테이블 시작 -->
<table border="0" cellpadding="0" cellspacing="0" width="100%" background="http://blogfile.paran.com/BLOG_36921/200409/1095139214_black_rose_bar.jpg">
<tr>
<td colspan="2" background="../asset/images/template/paper/dotline01.gif"><img src="../asset/images/space.gif" width="1" height="1" alt="" border="0"></td>
</tr>
<tr valign="top">
<td style="padding:9 8 5 0" align="right">
<p align="left"><b><font size="2" color="#666666" face="돋움"> ,·´″°³♡ 와우~ 오셨군요! 즐거운 시간되세요! *^^* [ESC]키를 누르면 배경음악이 멈춥니다.</font></b></td>
<td style="padding:9 8 5 0" align="right">
<방문자수 형식="image" 삭제여부="가능">
</td>
</tr>
<tr>
<td colspan="2" background="../asset/images/template/paper/dotline01.gif"><img src="../asset/images/space.gif" width="1" height="1" alt="" border="0"></td>
</tr>
</table>
<!-- 본문 전체 영역 테이블 시작 -->
<table border="0" cellpadding="0" cellspacing="0" width="100%" background="http://blogfile.paran.com/BLOG_36921/200409/1095138629_blog_background.jpg">
<tr valign="top" style="padding:9 0 30 0">
<!-- left menu -->
<메뉴 위치="왼쪽" 순서="카테고리/기본정보/달력/즐겨찾기/최근코멘트/자주가는블로그/최근방문객" 형식="paper" 삭제여부="가능">
<!--// left menu -->
<!-- center -->
<!-- 본문 내용 영역 테이블 시작 -->
<td>
<본문 형식="album" 삭제여부="불가능">
<!-- 본문 하단 Copyright 표시 시작 -->
<div align="center">
<table border="0" width="100%" cellspacing="0" cellpadding="0" height="100">
<tr>
<td align="center" width="100%">
<p align="center"><font size="2" face="돋움" color="#666666">
<img border="0" src="http://blogfile.paran.com/BLOG_36921/200409/1094995265_welcome_plane.gif"><br>
<br>
Copyright ⓒ 1998. <b>
<a target="_blank" href="http://blog.paran.com/grinbe">
<span style="text-decoration: none"><font color="#666666">[단미와 그린비가 짓는 집]</font></span></a></b><br>
This Home Page was created by Jong-Seop,HONG. SEP 24, 1998.</font></td>
</tr>
</table>
</div>
<!-- 본문 하단 Copyright 표시 끝 -->
</td>
<!--// center -->
<!-- right menu -->
<메뉴 위치="오른쪽" 순서="" 형식="paper" 삭제여부="가능">
<!--// right menu -->
</tr>
</table>
</td>
<td background="http://blogfile.paran.com/BLOG_36921/200409/1095141002_skin01_05.gif" width="20"><img src="../asset/images/space.gif" width="1" height="1" alt="" border="0"></td>
</tr>
<tr>
<td width="20"><img src="http://blogfile.paran.com/BLOG_36921/200409/1095141002_skin01_06.gif" width="20" height="20" alt="" border="0"></td>
<td background="http://blogfile.paran.com/BLOG_36921/200409/1095141002_skin01_07.gif"><img src="../asset/images/space.gif" width="1" height="1" alt="" border="0"></td>
<td width="20"><img src="http://blogfile.paran.com/BLOG_36921/200409/1095141002_skin01_08.gif" width="20" height="20" alt="" border="0"></td>
</tr>
</table>
<!--// skin -->

</td>
</tr>
<tr>
<td>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td align="right" class="copyright ls1 11p" style="padding:12 7 8 0">
<b><저작권 삭제여부="가능"></b>

</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>

.

HTML 편집하기(본문영역)
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="border: 1px solid #E7D6C5;padding:4;margin:0 0 20 0">
<tr>
<td>
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="border: 1px solid #E7D6C5;">
<tr>
<td>
<!-- 제목 -->
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr style="padding:10 7 6 9">
<tr style="padding:10 7 6 9">
<td class="content_title"><b>|</b>
<b><글제목></b>
</td>
<td align="right" class="tmenu 11p">
<글날짜>
</td>
</tr>
</table>
<!--// 제목 -->
</td>
</tr>
<tr>
<td height="1" bgcolor="#E7D6C5"><img src="../asset/images/space.gif" width="1" height="1" alt="" border="0"></td>
</tr>
<tr>
<td style="padding:0 11">

<글내용>

</td>
</tr>
<tr>
<td height="1" bgcolor="#E7D6C5"><img src="../asset/images/space.gif" width="1" height="1" alt="" border="0"></td>
</tr>
<tr>
<td>

<글관리영역>
<코멘트>
<트랙백>

</td>
</tr>
</table>
</td>
</tr>
</table>

.

CSS 편집하기
/* 본문 타이틀 */
.content_title {color: #616161;font-family:"돋움,굴림,verdana,arial";font-size:12px;}
.content_title a {color: #616161;text-decoration:none;}
.content_title a:hover {color: #616161;text-decoration:none;}
/* 본문 */
.content {color: #616161;font-family:"돋움,굴림,verdana,arial";font-size:12px;line-height: 16px;}
.content a {color: #616161;text-decoration:underline;}
.content a:hover {color: #616161;text-decoration:underline;}
/* 코멘트 */
.comment {color: #616161;font-family:"돋움,굴림,verdana,arial";font-size:12px;line-height: 130%;}
/* 메뉴 타이틀 */
.menu_title {color: #7195B9;font-family:"돋움,굴림,verdana,arial";font-size:11px;letter-spacing:-1px;}
.menu_title a {color: #7195B9;text-decoration:none;}
.menu_title a:hover {color: #7195B9;text-decoration:none;}
/* 메뉴 */
.menu {color: #727272;font-family:"돋움,굴림,verdana,arial";font-size:12px;}
.menu a {color: #727272;text-decoration:none;}
.menu a:hover {color: #727272;text-decoration:none;}


/* 여기서 부터는 변경하지 않으시는 것이 좋습니다. */
.body_bg {
background-image : url('http://blogfile.paran.com/BLOG_36921/200409/1095014037_main_background.jpg');
}

.top_menu {color: #E2D1CB;}
.top_menu a {color: #E2D1CB;text-decoration:none;}
.top_menu a:hover {color: #E2D1CB;}
.top_menu01 {color: #000000;}
.top_menu01 a {color: #000000;text-decoration:none;}
.top_menu01 a:hover {color: #000000;}

.cmenu01 {color: #616161;}
.cmenu01 a {color: #616161;text-decoration:none;}
.cmenu01 a:hover {color: #616161;}

.list_menu {color: #000000;}
.list_menu a {color: #616161;text-decoration:none;}
.list_menu a:hover {color: #000000;text-decoration:none;}

.member_info {border: 1px solid #E7D6C5;}
.t_border {border: 1px solid #E7D6C5;}

.copyright {color: #E2D1CB;}

.scroll {
scrollbar-3dlight-color:FEF9F3;
scrollbar-arrow-color:9B8667;
scrollbar-track-color:FEF9F3;
scrollbar-darkshadow-color:FEF9F3;
scrollbar-face-color:E9D4B5;
scrollbar-highlight-color:9B8667;
scrollbar-shadow-color:9B8667;
}

.titc {color: #937567;font-family:}
.titc a {color: #937567;text-decoration:none;}
.titc a:hover {color: #937567;}

.cal {font: 11px;color: #636563;}
.cal a {color: #636563;text-decoration:none;}
.cal a:hover {color: #636563;text-decoration:none;}
.cal_sun {font: 11px;color: #BD494A;}
.cal_sun a {color: #BD494A;text-decoration:none;}
.cal_sun a:hover {color: #BD494A;text-decoration:none;}
.cal_sat {font: 11px;color: #1075DE;}
.cal_sat a {color: #1075DE;text-decoration:none;}
.cal_sat a:hover {color: #1075DE;text-decoration:none;}
.cal_today {background-color:#DEDFDE;}
.cal_bg {border: 6px solid #E7D6C5;margin:4 0}
.cal_bg01 {background-color:#E7D6C5;}

.pt_title {color: #6C6C6C;}
.pt_title a {color: #6C6C6C;text-decoration:none;}
.pt_title a:hover {color: #6C6C6C;}
.pt_txt {color: #ACACAC;}
.pt_bg01 {border: 1px solid #EBEBEB;}
.pt_bg02 {background-color:#EBEBEB;}

'땡기는것들' 카테고리의 다른 글

망가진 유모차 - 2004-10-10  (1) 2004.10.11
마이 디카 - CASIO Exilim EX-Z40  (0) 2004.10.07
[기사] 윈도우 XP SP2 한글판 배포, 인터넷업계 '우왕좌왕'  (0) 2004.10.01
[테크] 파란 블로그 스킨 만들어 보기  (7) 2004.09.23
[자료] 웹용 색상 코드표  (0) 2004.09.23
[테크] 파란 블로그 스킨 만들기 설명용 이미지 모음  (0) 2004.09.23
[자료] 플래쉬 관련 사이트 모음  (0) 2004.09.16
[플래쉬]플래쉬 퍼오는 법  (0) 2004.09.14
,

공지사항

글 보관함

달력

«   2025/02   »
일 월 화 수 목 금 토
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

티스토리툴바