Free Theme v4 The dog I

 

ธีมนี้เป็นธีมแรกที่ออกแบบเองล่ะ

ลองทำดูใช้เวลาตั้งสองวัน

เลยเอามาฝากทุก ๆ คนน่ะค่ะ

วิธีนำไปใช้

ให้ copy code แล้วเข้าไปที่หน้าแก้ไขธีมและเลือก(ตามรูป)

Free Theme v4 The dog I

ระบบจะแสดงหน้าต่างขึ้นมาอีก 1 อัน

Free Theme v4 The dog I

ให้กดเข้าไปที่ html code

Free Theme v4 The dog I

ถ้า bg ไม่โชว์หรือยังเป็นอันเก่าอยู่ให้ลบ bg เก่านั้นทิ้งแล้ว copy  bg  ไปใส่ใหม่น่ะค่ะ

และเหมือนกด save เรียบร้อยแล้วให้กลับไปที่หน้าเปลี่ยนธีมอีกครั้ง

เพื่อที่จะกดตกลงเพื่อใช้ธีมแบบ Premium Suite

และสามารถปรับเปลี่ยนสีของสกอร์บาร์ด้านซ้ายมือได้เองด้วยน่ะค่ะ

ตรงด้านขวามือของรูปแรกน่ะค่ะ

แต่ถ้ากดเปลี่ยนสีแล้ว bg หายไปต้องใส่ใหม่ด้วยน่ะค่ะ

แบบที่สี่ the dog

Free Theme v4 The dog I

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
</head>
<body bgcolor="#e5c195" leftmargin="0" topmargin="0" marginheight="0" marginwidth="0">
<table style="width: 1024px; border-collapse: collapse; height: 1122px;
" bordercolor="#000000" cellspacing="0" cellpadding="0" width="1024" align="center" border="0">
<tbody>
<style type="text/css">/////////////////////////////////////
<!--
body,td,th
 {
   font-family: Microsoft Sans Serif;
  font-size: 12px;
  color: #F08CA8;
 }

body
 {
  background-color: #F0E2BC;
   background-image: url();
   font-size: 12pt;
   color: #000000;
   margin: 0px;
   padding: 0px;
   scrollbar-arrow-color: #643F34;
scrollbar-base-color: #D4C4AC;
scrollbar-dark-shadow-color: #D4C4AC;
scrollbar-track-color: #D4C4AC;
scrollbar-face-color: #D4C4AC;
scrollbar-shadow-color: #D4C4AC;
scrollbar-highlight-color: #D4C4AC;
scrollbar-3d-light-color: #D4C4AC;
 }

a:link
 {
   color: #C2A077;
   font-weight: bold;
   text-decoration: none;
 }
 
a:visited
 {
   text-decoration: none;
   color: #996600;
 }
 
a:hover
  {
   text-decoration: none;
   color: #C2A077;
 }

a:active
 {
   text-decoration: none;
   color: #996600;
 }
 
 input
 {
  background-color: transparent;
   border: 0px #C2A077; solid;
   color: #996600; 
   font-size: 12px;
 }
 
 textarea
 {
  background-color: transparent;
   border: 0px #C2A077; solid;
  color: #996600;
  font-size: 12px;
  height: 100px;
  width: 200px;
 }

a:link
 {
   color: #996600;
   font-weight: bold;
   text-decoration: none;
 }
 
a:visited
 {
   text-decoration: none;
   color: #C2A077;
 }
 
a:hover
 {
   text-decoration: none;
   color: #996600;
 }

.calendar
 {
  font-family: Tahoma; font-size: 12px;
  width: 160px;
  border: none;
  padding: 1px;
  border: solid 0px #C2A077;
  background-color: transparent
 }

.tbhead01
 {
  font-size: 12px;
  font-weight: bold;
  color: #C2A077;
  text-align: center;
  background-color: transparent;
 }

.tbhead02
 { 
  font-size: 12px;
  font-weight: bold;
  color: #C2A077;
  width: 120;
  text-align: center;
  background-color: transparent;
 }

.tbyearhead
 { 
  font-size: 10px;
  color: #C2A077; text-align: center;
  background-color: transparent;
  font-weight: bold;
 }

.tbmonthhead
 { 
  font-size: 10px;
  color: #C2A077;
  text-align: center;
  background-color:transparent;
  font-weight: bold;
 }

.tbweekhead
 { 
  font-size: 10px;
  color: #C2A077;
  text-align: center;
  background-color: transparent;
 }

.tbemptyday
 {
  font-size: 10px;
  text-align: center;
  background-color: transparent;
  color:#C2A077;
 }

.tbtoday
 {
  font-size: 10px;
  font-weight: bold; color: #C2A077;
  text-align: center; background-color: transparent;
 }

.tbday
 {
  font-size: 10px;
  color: #C2A077; text-align: center;
  background-color: transparent;
 }

.tbday a:link
 {
  font-weight: bold;
 }

.tbday a:visited
 {
  font-weight: bold;
 }

.tbday a:active
 {
  font-weight: bold;
 }

.tbday a:hover
 {
  font-weight: bold;
 }

.tbholiday
 { 
  font-size: 10px;
  color: #C2A077;
  text-align: center;
  background-color: transparent;
  font-weight: bold;
 }
 
.tbcontent
 {
  padding-bottom: 10px;
 }
 
.tbentry
 {
  border: solid 0px #C2A077;
  color: #C2A077;
  background: transparent;
  width: 160px;
 }
 
.tbentry a:visited
 {
  color: #C2A077;
  text-decoration: none;
 }

.tbentry a:link
 {
  color: #C2A077;
  text-decoration: none;
 }

.tbentry a:active
 {
  color: #C2A077;
  text-decoration: none;
  font-weight: bold;
 }

.tbentry a:hover
 {
  color: #C2A077;
  text-decoration: none;
  font-weight: bold;
 }

.tbentrydetail
 {
  font-size: 12px;
  text-align: center;
  color: #C2A077;
 }

.tbfavorite
 {
  font-family: MS Sans Serif;
  color: #C2A077;
  background-color: transparent;
  border: 0px #C2A077 solid;
  font-size: 10px;
  font-weight: bold;
  width: 160px;
 }

.diarysubject
 { 
  font-size: 30px;
  font-weight: normal;
  color: #C2A077;
  font-weight: bold;
 }

.diarycontent
 {
  color: #C2A077;
  font-size: 14px;
  font-weight: normal;
 }

.diarycomment
 {
  background-color: transparent; 
  font-size: 12px;
  font-weight: bold;
  color: #C2A077;
 }

.diarypost
 {
  font-size: 10px;
  font-weight: normal;
  color: #C2A077;
  font-weight: bold;
 }

.commentcontent
 {
  background-color: transparent;
  font-size: 12px;
  font-weight: normal;
  color: #C2A077;
  height: 50px;
  padding: 10px;
 }

.commentpostinfo
 {
  background-color: transparent;
  font-size: 12px;
  font-weight: normal;
  color: #C2A077;
 }

.postarea
 {
  background-color: transparent;
  padding: 1px;
  border: dotted 0px #C2A077
 }

.posttext
 {
  font-size: 12px;
  font-weight: bold;
  color:#C2A077;
 }

/////////////////
--></style>
<tr>
<td valign="top" width="1024" background="http://youhowto.diaryclub.com/images/d01.jpg" height="520">
<p align="center">&nbsp;</p></td></tr>
<tr>
<td valign="top" width="1024" background="http://youhowto.diaryclub.com/images/d02.jpg">
<p align="left">
<table style="border-collapse: collapse;" cellspacing="0" cellpadding="0" width="100%" border="0">
<tbody>
<tr>
<td valign="top" width="100%">
<p>&nbsp;
<table style="width: 809px; border-collapse: collapse; height: 136px;
" cellspacing="0" cellpadding="0" width="809" align="center" border="0">
<tbody>
<tr>
<td valign="top" width="100%">
<p>
<table style="width: 800px; border-collapse: collapse; height: 119px;
" height="119" cellspacing="0" cellpadding="0" width="800" border="0">
<tbody>
<tr>
<td valign="top" width="28%">
<p align="center">&nbsp; &nbsp;
<table style="border-collapse: collapse;" height="162"
 cellspacing="0" cellpadding="0" width="180" align="center" border="0">
<tbody>
<tr>
<td valign="top" width="28%" background="http://youhowto.diaryclub.com/images/d.gif">
<p>&nbsp;</p>
<p align="center">$calendar$</p></td></tr></tbody></table></p>
<p align="center"><img title="Free Theme v4 The dog I" height="29" alt="" src="http://youhowto.diaryclub.com/images/up.gif" width="179"></p>
<p align="center">&nbsp;&nbsp; &nbsp;&nbsp; $last_diary$&nbsp;&nbsp;&nbsp;&nbsp;</p>
<p align="center"><img title="Free Theme v4 The dog I" height="29" alt="" src="http://youhowto.diaryclub.com/images/f.gif" width="179"></p>
<p align="center">&nbsp;&nbsp; $favourite_diary$</p>
<p align="center">&nbsp;</p>
<p align="center">$vcounter$</p>
<p align="center">&nbsp;</p></td>
<td valign="top" width="1%">
<p>&nbsp;&nbsp;</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p></td>
<td valign="top" width="80%">
<p align="center"><strong><font color="#996600" size="3">$subject$</font> </strong></p>
<p align="center">$content$</p>
<p align="center">$post_stamp$</p>
<p align="center">&nbsp;</p>
<p align="center">&nbsp;</p></td></tr></tbody></table></p></td></tr></tbody>
</table></p></td></tr></tbody></table></p></td></tr>
<tr>
<td valign="top" width="1024" background="http://youhowto.diaryclub.com/images/d03.jpg" height="46">
<p>&nbsp;</p></td></tr>
<tr>
<td valign="top" width="1024" background="http://youhowto.diaryclub.com/images/d04.jpg" height="68">
<p>&nbsp;</p></td></tr>
<tr>
<td valign="top" width="1024" background="http://youhowto.diaryclub.com/images/d05.jpg">
<p align="center">
<table style="width: 626px; border-collapse: collapse; height: 159px;"
 height="159" cellspacing="0" cellpadding="3" width="626" border="0">
<tbody>
<tr>
<td width="600">
<p align="center">$comment_diary$</p>
<p align="center">
<table style="border-collapse: collapse;" height="280" cellspacing="0" cellpadding="0" width="320" border="0">
<tbody>
<tr>
<td valign="top" width="100%" background="http://youhowto.diaryclub.com/images/com.gif">
<p align="center">&nbsp;</p>
<p align="center">&nbsp;</p>
<p align="center">$comment_form$</p></td></tr></tbody></table></p>
<p align="center">&nbsp;</p></td></tr></tbody></table></p></td></tr>
<tr>
<td valign="top" width="1024" background="http://youhowto.diaryclub.com/images/d06.jpg" height="96">
<p>&nbsp;</p></td></tr></tbody></table>
</body>
</html>

ปล.เข้าไปดู แบบที่ 1 สีม่วงชมพู

Free Theme v4 The dog I

ที่ http://youhowto.diaryclub.com/?date=20060702

แบบที่สอง

Free Theme v4 The dog I

ที่ http://youhowto.diaryclub.com/?date=20060703

แบบที่สาม

Free Theme v4 The dog I

ที่ http://youhowto.diaryclub.com/?date=20060801

 

     Share

<< Free Theme v3 สีเขียว2Free Theme v5 The cat >>

Posted on Wed 16 Aug 2006 19:12

 

 

 

 

 

วิธีทำกรอบบรูปแบบง่าย ๆ หลาย ๆ แบบ
สอนทำslide photo จากเว็บ picturetrail
สอนทำslide photo
Free Theme v6 หัวใจสีชมพู
Free Theme v5 The cat
Free Theme v4 The dog I
Free Theme v3 สีเขียว2
โค้ดเพลงไทย
โค้ดเพลงสากล
Free Theme v2 สีเขียว
free Theme V1 สีม่วง

 

home

 



Name :
Email :
URL :
Comment :
กรอกข้อมูลก่อนส่ง CAPTCHA Image
Refresh
 


 

1s3i15f
ISHMAel back   
Sat 15 Mar 2008 16:20 [6]
 

1s3i15f
ISHMAel back   
Sat 15 Mar 2008 16:20 [5]
 

1s3i15f
ISHMAel back   
Sat 15 Mar 2008 16:20 [4]
 

1s3i15f
ISHMAel back   
Sat 15 Mar 2008 16:20 [3]
 

หาหน้าที่ใส่ Code ม่ายเจออะค่ะ (โง่จริงยัยคนนี้) ช่วยด้วยยยยยย
gap   
Sun 23 Sep 2007 18:15 [2]

แวะมาขอบคุณค่ะ เอาธีมไปใช้นะคะ

น่ารักทุกอันเลย ^^
dear   
Mon 19 Mar 2007 10:32 [1]

 

 


Thank you for every pic  Theme By youhowto