ลำดับตอนที่ #1
คืนค่าการตั้งค่าทั้งหมด
คุณแน่ใจว่าต้องการคืนค่าการตั้งค่าทั้งหมด ?
ลำดับตอนที่ #1 : Blogskin1
Blog Skins
ทดสอบโค้ด
________________________________________________________________________________________________________
โค้ด
________________________________________________________________________________________________________
ทดสอบโค้ด
________________________________________________________________________________________________________
โค้ด
________________________________________________________________________________________________________
<html><head>
<title>02. create & inspire.</title>
<style type="text/css">
#navbar-iframe {display: none;}
::-moz-selection {background-color:#f9f9f9;color:#333333}
a:link,a:active,a:visited{font-family: arial; font-size: 11px; color: #403129; text-decoration: none;}
a:hover{text-decoration: none; font-family: arial; font-size: 11px; color: #8B636C; cursor:hand; text-decoration: underline;}
body{background-color: #f9f9f9; color: #333333; font-family: arial; font-size: 11px;}
blockquote{color: #333333; padding: 20px; background: #fdfdf3;}
img:hover{opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100);}
img{filter: alpha(opacity=80); moz-opacity:.80; opacity:.80;}
.entries{background-color:#ffffff; padding: 10px; top: 15px; left: 325px; position: absolute; width: 500px;}
.side{background-color: #ffffff; padding: 10px; top: 365px; left:100px; position: absolute; width: 200px;height:300px;}
.title{text-align:right;top:250px;left:100px; position: absolute; width: 200px;font:georgia;font-size:20pt;}
.h1 {font:normal 15pt arial; color:#F7DCE4; text-transform:uppercase; text-align:left;}
.h2 {font: normal 9pt arial; color: #666666; letter-spacing: 2px; text-transform: lowercase;}
#navigation{font: 8pt arial; line-height: 200%; cursor: default; color: #ffffff; background: #cac8c8; letter-spacing: 2px; word-spacing: 10px; margin: 0 auto;
padding: 5px;}
</style></head><body>
<div class="entries">
<center><img src="http://farm5.static.flickr.com/4120/4810920751_ca660cfc59.jpg" /></center><br>
<div style="word-spacing: 2px; color:#EDE4E4; ">
<span style="color:#666666; background:#E3E3E3; cursor:pointer" id="navigation" onMouseover="this.style.color='#666666',this.style.background='#f9f9f9'" onMouseout="this.style.color='#666666',this.style.background='#E3E3E3'" onClick="changeNavigation('about')">about</span>
● <span style="color:#666666; background:#E3E3E3; cursor:pointer" id="navigation" onMouseover="this.style.color='#666666',this.style.background='#f9f9f9'" onMouseout="this.style.color='#666666',this.style.background='#E3E3E3'" onClick="changeNavigation('chat')">chat</span>
● <span style="color:#666666; background:#E3E3E3; cursor:pointer" id="navigation" onMouseover="this.style.color='#666666',this.style.background='#f9f9f9'" onMouseout="this.style.color='#666666',this.style.background='#E3E3E3'" onClick="changeNavigation('links')">links</span>
● <span style="color:#666666; background:#E3E3E3; cursor:pointer" id="navigation" onMouseover="this.style.color='#666666',this.style.background='#f9f9f9'" onMouseout="this.style.color='#666666',this.style.background='#E3E3E3'" onClick="changeNavigation('archives')">archives</span>
</div><br><br>
<blogger>
<div class="h1"><BlogDateHeader>TalkS</BlogDateHeader></div>
<br>
<div class="h2">
<p>พิมพ์ทักทายเพื่อนๆ</p>
<p>................</p>
<p>...............</p>
</div>
<div align="right"><br>
อัพเดตเมื่อวันที่<br>
</div>
</blogger>
</div>
<div class="side">
<div id="main">
<div class="h1">about</div>
<div class="h2">ข้อมูลส่วนตัว :) </div>
<p>............................................................</p>
<p>............................................................</p>
<p>............................................................</p>
<p>............................................................</p>
<p>............................................................<br>
</p>
</div>
<div id="about" style="display:none">
<div class="h1">about</div>
<div class="h2">ข้อมูวส่วนตัวอีกรอบนึง</div><br>
<p>............................................................</p>
<p>............................................................</p>
<p>............................................................</p>
<p>............................................................</p>
<p>............................................................<br>
<br></div>
<div id="chat" style="display:none">
<div class="h1">chat</div>
<div class="h2">ถ้าไม่มีหรือใส่ไม่เป็นให้ใส่อะไรก็ได้</div><br>
<br>ถ้ามีให้ใส่ตรงนี้ขนาด 200 X<br>
<br>
</div>
<div id="links" style="display:none">
<div class="h1">LINK</div>
<div class="h2">link to my.id</div><br>
<a href="http://writer.dek-d.com/ใส่ยูสเซอร์เนมของคุณ/qmsg/" target="_blank">QMSG</a><br><br>
<a href="http://my.dek-d.com/ใส่ยูสเซอร์เนมของคุณ/friend/request_friend.php" target="_blank">ADD-ME</a><Br><br>
<a href="http://writer.dek-d.com/ใส่ยูสเซอร์เนมของคุณ/sendsecret.php" target="_blank">SMSG</a><br><br>
<a href="http://writer.dek-d.com/ใส่ยูสเซอร์เนมของคุณ/assessment/Character_popup.php" target="_blank">ZIB</a><br><br>
<a href="http://writer.dek-d.com/ใส่ยูสเซอร์เนมของคุณ//writer/" target="_blank">WRITE</a><br><br>
<div class="h1">credits.</div><br>
template by : <a href="http://heavilyybroken.blogspot.com/" target="_blank">mymost</a><a href="http://blogskins.com/me/mymostloved" target="_blank">loved*</a><br>
header image : <a href="http://kseoul.tumblr.com/" target="_blank">kseoul.</a>
</div>
<div id="archives" style="display:none">
<div class="h1">re re play</div>
<div class="h2">click click click click.</div><br>
<select style="width: 200px; font:8pt arial;" name="ArchiveMenu" onChange="location.href=this.options[this.selectedIndex].value;">
<option value="/">past months.</option>
<BloggerArchives>
<option value="<$BlogArchiveURL$>"><$BlogArchiveName$></option>
</BloggerArchives>
<option value="insert your url">the present.</option></select><br><br>
<BloggerPreviousItems>
● <a href="<$BlogItemPermalinkURL$>"><$BlogPreviousItemTitle$><br></a>
</BloggerPreviousItems>
</div></div>
<div class="title">
<div style="color: #666666; font-family: georgia; letter-spacing: 2px; font-size: 45px; font-style: italic;">Blogskins Group</div>
</div></div></body>
<script> function changeNavigation(id)
{document.getElementById('main')
.innerHTML=document.getElementById(id).innerHTML}
</script>
</html>
_________________________________________________________________________________________________________
เก็บเข้าคอลเล็กชัน
ความคิดเห็น