Layout |

Layout

แจก Theme อ่ะ // Luffy One Piece

posted on 29 Jan 2007 23:39 by kugutsu in Layout

ประมาณว่า อยากจะทำ lay out ตั้งเยอะตั้งแยะ
แต่ว่าใช้เองไม่หมด
อัน Mello นี่ก็เพิ่งใช้เอง ยังไม่อยากจะเปลี่ยน
(ไม่อยากจะเปลี่ยนแต่ก็อยากทำใหม่ พอเข้าใจม่ะ?)
อยูี่่ในเวอร์ชั่นทดลองอ่ะ
พักนี้เบื่อๆ ไม่มีอะไรทำ (ไม่สิ มีเยอะแยะ แต่ด้วยเหตุต่างๆนาๆ ทำให้ไม่สามารถทำได้)

รับข้อเสนอแนะต่างๆ
อยากให้ทำ Theme ไรยุได้นะ >_<
อันนี้ใครอยากใช้ ก็ Copy ข้างล่างไปแปะใน CSS ได้เลย
(หรือว่าจริงๆถ้าสามารถ จะช่วยโหลดรูปไปupload ในblog ตัวเองแล้วเปลี่ยน URL ก่อนก็จะดีมากเลยนะ แต่ถ้าขี้เกียจก็ช่างมันเถ้อะ)

Layout Title : My Friends
Series : One Piece / Luffy &Chopper
Image Songs : Friend / Mocca
Date : 2007.01.26

/* สีของลิงค์ */
a:link, a:visited{
	color:#616A23;
	border-bottom:0px dotted #616A23;
	text-decoration:none;
}
a:hover{
	color:#616A23;
	border-bottom:0px solid #616A23;
}
/* ทั้งหน้ามีลักษณะเป็นอย่างไร */

.site{
	margin:0px;
	padding-top:0px;
	align:left;

background:#95a525 url('http://possession.exteen.com/images/luffy/bg01_0201.gif');
}

/* ความกว้างของหน้าบลอค */
#wrapper{
		margin:0px;
	padding-top:0px;
	padding-left:0px;
	width:680px;

}
/* เซตความกว้างของหน้าบลอค, แบคกราวนด์ของบลอคทั้งหมดและขอบ */

#all{
	width:680px;
right:0px;
float:left;
overflow:auto; 
position:absolute;

}
/* แถบบนสุด */
#uptab{

}
/*แถบกลาง หรือก็คือที่แสดงบลอค */
#midtab{
	width:680px;
	padding:0px;
	margin-left: 0px;
	border:none;
	float:left;
background-image:url('none')
}
/* แถบล่างสุด */
#downtab{
	float:left;
width:680px;
height:4px;
}
/* รูปภาพด้านบน เซตความสูงและกว้างตามภาพ */
.picture{
	background: url('http://possession.exteen.com/images/luffy/luffybaby.jpg') no-repeat;
	height: 347px;
	width: 680px;
	border-bottom:0px dotted #FFFFFF
}
.title{
		display:none;
}
.content{
	width:680px;
	font-family: Tahoma, "MS Sans Serif";
	font-size: 13px;
	color:#3B4014;
	text-align:right;
	float:right;
background-color:#95a525;
}

/* พวกที่แสดงเนื้อหาบลอคความกว้างเป็นเท่าไหร่ */
.leftcontent{
	width:500px;
	float:left;
	text-align:left;
	background-color:#ADD630;
	border-left:0px #FFFFFF dotted;
}

/* พวกที่เป็นแถบลิงค์ต่างๆ */
.rightcontent{
	width:179px;
	float:right;
	text-align:left;
	background-color:#949538;	
	border-bottom:0px #FFFFFF dotted;
}
.iday {
	
}
/* สีของหัวข้อพวก วันที่ ประเภท */
.iday h3 {
	background-repeat: no-repeat;
	background-position: left top;
	margin:10px 14px 0px 10px;
	padding:3px 0px 3px 3px;
	font-size: 14px;
	color:#3B4014;
	background-color:#a7b929;
}
/* เรื่องหนึ่งๆ */
.entry{
	padding:5px 15px 5px 10px;
	margin:5px 0px 5px 0px;
}
/* หัวข้อ entry จะให้เป็นรูปอะไร เซ็ต padding ตัวสุดท้ายตามความกว้างของรูป */
.entrytitle a:link, .entrytitle a:visited, .entrytitle a:hover{
	background-image: url('/global/theme/predefined/easy/bl.gif');
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 12px;
	text-decoration:none;
	font-weight:bold;
	color:#3B4014;
	border:0px none;; padding-left:16px; padding-right:10px; padding-top:0px; padding-bottom:0px
}
/* ส่วนแสดงเนื้อหา entry */
.entrycontent{
	padding:5px 10px 5px 16px;
	color:#3B4014;
	font-size:12px;
}
/* ส่วนแสดงข้อมูลของ entry เช่นวันที่โพส */
.entryfooter{
	border-top:1px dotted #FFFFFF;
	padding:2px 2px 2px 15px;
	color:#3B4014;
	font-size:9px;
}
/* ชื่อผู้โพส */
.entryposter{
	padding:0px 5px 0px 0px;
}
/* ลิงค์ไปดู comment ของ entry */
.entrycomment a:link,.entrycomment a:visited,/* สีเวลาเอาเมาส์วาง */
.entrycomment a:hover{
	background-image: url('/global/theme/predefined/easy/comment.gif');
	background-repeat: no-repeat;
	color:#616A23;
	text-decoration:none;
	border:0px none;; padding-left:0px; padding-right:80px; padding-top:0px; padding-bottom:0px
}
/* สีเวลาเอาเมาส์วาง */
.entrycomment a:hover{
	color:#3B4014;
	border:0px;
}
/* แถบแสดงชื่อ */
.profile{
	padding:5px; margin:0px 1px 0px 10px;
	font-size:10px;
}
/* พวกหัวข้อของด้านข้าง เช่น คำว่า Recommended */
.sidebar-title{
	padding:2px 0px 2px 0px;
	color:#3B4014;
	font-family:Tahoma;
	font-size:12px;
	font-weight:bold;
	padding-left:10px;
	background-color:#95a525;
	border-bottom:1px #FFFFFF dotted;
	border-top:1px #FFFFFF dotted;
}
.sidebar-item{
	padding:0px 0px 0px 5px;
	margin:0px 0px 10px 0px;
}
/*แต่ละไอเท็มของแถบด้านข้าง*/
.sidebar-item li{
	background-repeat: no-repeat;
	list-style-type: none;
	background-image: url('/global/theme/predefined/easy/bl.gif');
	background-position: 0px 2px;; margin-left:10px; margin-right:5px; margin-top:0px; margin-bottom:0px; padding-left:15px; padding-right:0px; padding-top:0px; padding-bottom:0px
}
.sidebar-item a:link, .sidebar-item a:visited, .sidebar-item a:hover{
	font-family:"Trebuchet MS",Tahoma;
	text-decoration:none;
	font-size:11px;
	border:0px;
}
.sidebar-item a:hover{
	color:#616A23;
	border:0px;
}
/* ส่วนคอมเมนต์ */
.comment{
	padding:6px 5px 2px 5px;
	margin:10px;
	background-color:#a7b929;
}
.commentcontent{
	color: #3B4014;
	padding:5px 5px 5px 16px;
	font-size:11px;
	line-height: 1.3em;
}
.commentfooter{
	padding:2px 2px 2px 15px;
	color:#3B4014;
	font-size:9px;
}
.commentdetail{
	padding:0px 5px 0px 0px;
}
.commentposter a:link, .commentposter a:visited, .commentposter a:hover{
	text-decoration:none;
	padding:0;
	border-bottom:0px;
}
.commentposter a:hover{
	border-bottom:0px;
}
/* ฟอร์มใส่คอมเมนต์ */
form{
	padding:2px 5px 2px 20px;
	margin:10px;
	font:11px Tahoma,"MS Sans Serif";
	background-color:#95a525;
}
input{
	font:11px Tahoma,"MS Sans Serif";
}

อ่า แล้วก็ถ้าจะใช้เจรงๆ Credit กลับมาด้วยจะปลาบปลื้มมากเลย :3

กลับมาสู่โลกส่วนตัว

โดน Spoiled One Piece อีกจนได้ หงุดหงิดเฟร้ยยย >_< รักลูฟี่ง่ะ อยากเป็นลูกเรือ Going Mary ชะมัด XD
Batwoman เป็น เลสเบี้ยนแหล่ะ เปรี้ยวจริงๆ (เพิ่งรู้ว่ามี Batwoman นะเนี่ย นึกว่ามี แต่ Batgirl Batwoman ก่ะ Batgirl เนี่ยไม่เหมือนกันนะ >_< ) เธอชื่อ Katherine Kane เรียก Kate ก็ได้ :)