이번에 변경된 파란 블로그 기능 때문에 스킨을 다시 손 봐야 했다... ㅡㅡ;;
HTML 코드 중 빨간 글씨는 수정한 부분이다. 기본에 있던 코드를 지워버린 수정 부분은 표시하지 않았다.
이번에도 기본 스킨인 "편지지스타일" + "글요약+사진" + "3단" 스타일을 기본으로 적용하고 이 HTML을 수정했다.
새로 생긴 기능중에 스킨 이미지 등을 따로 올리고 내 스킨으로 등록하는 기능이 있는데 잘 동작하지 않는다.
이번에도 그냥 게시물로 등록한 그림을 불러와 사용하는 방법을 썼다.
HTML 편집하기(스킨영역) - (ver.2004-11-25)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<블로그스타일 형식="paper" 삭제여부="불가능">
<style>
.bodc{background-image:url(http://blog.paran.com/images/);}
</style>
</head>
<body leftmargin="0" topmargin="0" marginheight="0" marginwidth="0" class="body_bg" onload="initBlog();">
<table border="0" cellpadding="0" cellspacing="0" width="1000" align="center">
<tr>
<td style="padding:11 10 5 10">
<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" width="100%">
<tr>
<td width="20"></td>
<td><img src="../asset/images/space.gif" width="1" height="1" alt="" border="0"></td>
<td width="20"></td>
</tr>
<tr>
<td><img src="../asset/images/space.gif" width="1" height="1" alt="" border="0"></td>
<td>
<!-- Blog Title -->
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="130">
<tr>
<td background="http://blogfile.paran.com/BLOG_36921/200411/1101368971_paran_blog_title_org.jpg" valign="bottom">
<marquee scrollamount="3" scrolldelay="10" behavior="left">
<font size="2" color="#DBD2C7" face="돋움">,·´″°³♡ 와우~ 오셨군요! 가족 앨범이라서 볼건 별로 없습니다. 그럼 즐거운 시간되세요~! *^^*</font>
</marquee><br><img border="0" src="http://blogfile.paran.com/BLOG_36921/200411/1101366471_dot_4x4.jpg" width="4" height="4"></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 -->
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td colspan="4" 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" style="padding:7 0 0 3">
<td width="100" class="tsound" >
<개설일 형식="기본">
</td>
<td align=right>
<프로필 형식="image" 표현글="프로필">
</td>
<td>
<방명록 형식="image" 표현글="방명록">
</td>
<td style="padding:9 8 5 0" align="right">
<방문자수 형식="image" 삭제여부="가능">
</td>
</tr>
<tr>
<td colspan="4" 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%">
<tr valign="top" style="padding:9 0 30 0">
<!-- left menu -->
<메뉴 위치="왼쪽" 순서="카테고리/기본정보/멀티블로그" 형식="paper" 삭제여부="가능">
<!--// left menu -->
<!-- center -->
<td>
<본문 형식="digest_album" 페이지글수="10" 삭제여부="불가능">
<!-- 본문 하단 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><img src="../asset/images/space.gif" width="1" height="1" alt="" border="0"></td>
</tr>
<tr>
<td width="20"></td>
<td><img src="../asset/images/space.gif" width="1" height="1" alt="" border="0"></td>
<td width="20"></td>
</tr>
</table>
<!--// skin -->
</td>
</tr>
<tr>
<td>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td align="center" class="copyright ls1 11p" style="padding:12 7 8 0">
<b><저작권 삭제여부="가능"></b>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html> |
HTML 편집하기(본문영역) - (ver.2004-11-25)
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="border: 1px solid #F3F3F3;padding:4;margin:0 0 20 0">
<tr>
<td>
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="border: 1px solid #F3F3F3;">
<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="#F3F3F3"><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="#F3F3F3"><img src="../asset/images/space.gif" width="1" height="1" alt="" border="0"></td>
</tr>
<tr>
<td>
<글관리영역>
<코멘트>
<트랙백>
</td>
</tr>
</table>
</td>
</tr>
</table> |
CSS 편집하기 - (ver.2004-11-25)
.body_bg {
background-image : url(http://blogfile.paran.com/BLOG_36921/200409/1095138629_blog_background.jpg);
}
.body_bg01 {
background-color:#FFFFFF;
}
.top_menu {color: #333333;}
.top_menu a {color: #333333;text-decoration:none;}
.top_menu a:hover {color: #333333;}
.top_menu01 {color: #000000;}
.top_menu01 a {color: #000000;text-decoration:none;}
.top_menu01 a:hover {color: #000000;}
.top_menu02 {color: #333333;}
.top_menu02 a {color: #333333;text-decoration:none;}
.top_menu03 a:hover {color: #333333;}
.top_menu03 {color: #000000;}
.top_menu03 a {color: #000000;text-decoration:none;}
.top_menu03 a:hover {color: #000000;}
.cmenu01 {color: #333333;}
.cmenu01 a {color: #333333;text-decoration:none;}
.cmenu01 a:hover {color: #333333;}
.list_menu {color: #000000;}
.list_menu a {color: #333333;text-decoration:none;}
.list_menu a:hover {color: #000000;text-decoration:none;}
.member_info {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;}
.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;} |
사용자정의요소 - (ver.2004-11-25) - 달력아래에 있는 음악 재생 (이번에는 "사용자정의요소"로 넣어 봤다.)
<p align="center"><font size="2" face="돋움" color="#666666">
<embed src="http://mediafile.paran.com/MEDIA_182261/BLOG/200411/1101439077_[Spice%20Girls]%20Viva%20Forever.wma" width="190" height="45" type="audio/x-ms-wma" loop="1" balance="0" autostart="true"><br>
<a href="http://blog.paran.com/grinbe/897609"><font color="#666666">Spice Girls
- Viva Forever</font></a></font></p><br>
|
