24h購物| | PChome| 登入
2008-10-20 14:54:43 | 人氣46| 回應0 | 上一篇 | 下一篇

【部落格素材教學法】文文分享~blog版型(425)海角七號

推薦 0 收藏 0 轉貼0 訂閱站台

文文分享~blog版型(425)-海角七號

當文文看完海角七號後..就忍不住想做個海角七號的版型
於是東找西找....後來才發現,這太紅了,
早有很多人已分享此類版型了(就是男女主角在海邊抱在一起那個)
於是呢......來點不同的.....
希望大家會喜歡唷
這是阿嘉的家
 
 
部落格版型圖:
 
      
 
 
ps:現在為了節省空間使用率,訂閱圖.回應和引用請自行點選下列css語法(在最後那2段的圖片網址)
就不在秀圖片了..請見諒
 
 
CSS語法:
++++++++++++++++++++++++++++++++++++++++++++
 
/*以下若要顯示請不要放上即可*/
/*隱藏文章欄位全部文章大標題*/
.yc3pribd .mhd{display:none}
/*隱藏更新日期欄*/
#ymodupdate{display:none}
/*隱藏部落格相簿*/
#ymodalbum{display:none;}
/*隱藏我要留言免受廣告干擾*/
#yblast .text a{display:none;}
 
+++++++++++++++++++++++++++++++++++++++++++++
 
  /*豎頭像會在自己頭像下方*/
#ymodprf .nickname{font-size:12px;font-weight:bold;}
#ymodprf .horos{background-image:url(http://xs132.xs.to/xs132/08426/dd-175-3413.gif);background-repeat:no-repeat;background-position:0% 50%;color:#FF0080;width:100px;height:222px;text-align:center;}
#ymodprf .horos img{display:none;}
/*two col layout 二欄式版面加大寬度設定*/
.twocolga #yhtw_mastfoot, .twocoldr #yhtw_mastfoot {width:950px;margin:0 auto;}
.twocolga[class], .twocoldr[class]{min-width:950px;}
.twocolga .ycnt3col, .twocoldr .ycnt3col {width:950px;text-align:left;margin:0 auto;}
/*奇摩置頂管理語法-顏色設定*/
background:transparent no-repeat;}
#yblast .text{color:#ffffff;}
 
/*自訂格名及部落格描述字*/
#yblogtitle .mbd,#yblogtitle .mft{background:transparent;color:#fffffrf;padding-top:380px;text-align:center; }
#yblogtitle h1, #yblogtitle a {color: #ffffff; font-size:18px;font-weight:bolder;font-family:標楷體;}
#yblogtitle .tbd{height:25px }
/*HEAD背景語法-置頂不重覆部份*/
body {background:url(http://xs232.xs.to/xs232/08426/dd-175-2698.gif) transparent no-repeat;background-position:center top;}
/*BODY背景語法-下方重覆部份*/
html {background:url(圖片2網址) #000000 repeat-y;background-position: center top;overflow-x:hidden;}
/*側欄區上標*/
.yc3sec .mhd, .yc3subbd .mhd, .yc3sec .mhd a, .yc3subbd .mhd a, .yc3sec .mhd a:link, .yc3subbd .mhd a:link, .yc3sec .mhd a:visited, .yc3subbd .mhd a:visited{background:transparent;color:#FFB7DD;text-align:center;}
 
/*Nav module body側欄區內文*/
.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft{background:transparent;color:#FFB7DD;}
 
/*Main content header文章區上標*/
.yc3pribd .mhd{background:transparent;color:#FFB7DD;}
 
/*Main content body文章內文及文章區*/
.yc3pribd .mbd{background:transparent;color:#ffffff;border:1px dotted #000000;}
.yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table, #yusrinfo table, #yusrintro p {background:transparent;color:#ffffff;}
#ymodcal .mbd td strong {color:#FFB7DD;} 
/*Links連結文字及位置顏色改變*/
a, a:link, a:visited{color:#FF80C0;text-decoration:none;}
a:hover{color:#FFFF80;text-decoration:none;}
a {text-decoration:none;}
a:hover {position:relative;top:2px;left:2px;}
 
/*Scrollbar捲軸區色彩*/
html{SCROLLBAR-FACE-COLOR:#000000;
SCROLLBAR-3DLIGHT-COLOR:#000000;
SCROLLBAR-ARROW-COLOR:#ffffff;
SCROLLBAR-TRACK-COLOR:#ffffff;
SCROLLBAR-DARKSHADOW-COLOR:#000000;
}
 
/*文章前小圖設定*/
.yblogcnt .blgtitlebar {margin-bottom:9px;}
.yblogcnt .blgtitlebar h2 {font-size:125%;font-weight:bold;background:url(http://i48.photobucket.com/albums/f229/carol418cam5/1451514.gif) no-repeat;padding-left:35px;}
/*左右欄位小圖*/
.ycntmod .mbd ul.list li{background-image:url(http://i281.photobucket.com/albums/kk238/carol418cam/nameicon_59591.gif);background-repeat:no-repeat;padding-left:22px;padding-top:10px;}
.ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;}
.ycntmod .rctop {zoom:1;background:url(http://xs232.xs.to/xs232/08426/a1116-1241.gif) left top no-repeat;margin-right:5px;}
.ycntmod .rctop div {background:url(http://xs232.xs.to/xs232/08426/a1116-2766.gif) right top no-repeat;height:31px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcbtm {zoom:1;background:url(http://xs232.xs.to/xs232/08426/a1116-3174.gif) left bottom no-repeat;margin-right:5px;}
.ycntmod .rcbtm div {background:url(http://xs232.xs.to/xs232/08426/a1116-4578.gif) right bottom no-repeat;height:26px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcl {padding-left:10px;background:url(http://xs232.xs.to/xs232/08426/a1116-5332.gif) repeat-y;}
.ycntmod .rcr {zoom:1;padding-right:10px;background:url(http://xs232.xs.to/xs232/08426/a1116-6113.gif) right repeat-y;}
.ycntmod .text {position:relative;word-break:break-all;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}
/*側欄區加框線*/
.yc3sec .rctop, .yc3sub .rctop {background:url(http://xs432.xs.to/xs432/08426/win-a1116762.gif) left top no-repeat;margin-right:0px;}
.yc3sec .rctop div, .yc3sub .rctop div {background:transparent right top no-repeat;height:26px;font-size:0;position:relative;right:-0px;}
.yc3sec .rcbtm, .yc3sub .rcbtm {background:url(http://xs232.xs.to/xs232/08426/win-a1118922.gif) left bottom no-repeat;margin-right:0px;}
.yc3sec .rcbtm div, .yc3sub .rcbtm div {background:transparent right bottom no-repeat;height:23px;font-size:0;position:relative;right:-0px;}
.yc3sec .rcl, .yc3sub .rcl {padding-left:8px;background:url(http://xs232.xs.to/xs232/08426/win-a1117536.gif) repeat-y;}
.yc3sec .rcr, .yc3sub .rcr {padding-right:8px;background:transparent right repeat-y;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}
 
/*btnsbsrb訂閱部落格圖示*/
div#btnsbsrb a,div#btnsbsrb_nologin a{display:block;width:187px;height:60px;overflow:hidden;background:url(http://xs232.xs.to/xs232/08426/win-a1119782.gif) no-repeat;margin:0}
 
/*make coomment bar回應跟引用更換圖片語法*/
div.btncomment a {display:block;height:30px;width:99px;background:url(http://xs232.xs.to/xs232/08426/win-a1120993.gif) no-repeat;}
div.btntrackback a {display:block;height:30px;width:99px;background:url(http://xs232.xs.to/xs232/08426/win-a1121502.gif) no-repeat;}
 
 
++++++++++++++++++++++++++++++++++++++++++++++++
 
 
本文出自:
 
版型照片由果子電影提供+語法參考tina家 +文文夢工廠組裝
 
請支持國片海角七號官網:http://cape7.pixnet.net/blog/category/0
(圖片素材如有侵權,煩請告知會盡快刪除!!)
 
 
注意事項:
1.當圖檔不見了(x),不再補檔,請自行上傳到自己的空間
2.純粹奇摩blog分享~請勿用於商業行為上

台長: 落葉之楓

是 (若未登入"個人新聞台帳號"則看不到回覆唷!)
* 請輸入識別碼:
請輸入圖片中算式的結果(可能為0) 
(有*為必填)
TOP
詳全文