24h購物| | PChome| 登入
2009-09-21 14:40:15 | 人氣45| 回應0 | 上一篇 | 下一篇

【部落格素材教學法】小紅豆版型▪☆粉系列☆

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

 

 

 
　　

本格專屬logo

謝游標分享

各式樣板簡單類

寬1280x2背景圖


 ☜先點圖進入相簿展示原圖→圖上按滑鼠右鍵→另存圖片再自行上傳到個人空間取得連結網址☜
提供上傳空間

(一)申請(青蛙)imageshack空間申請及上傳swf檔或圖片

(二)Photobucket-1GB免費空間~~圖片及影片上傳分享網

■ 將上傳後背景圖片連結網址填入版型語法如下。

　■ /*大標題圖背景重覆底背景設定*/
body {background:url(http://自行上傳背景圖片連結網址填入) center top transparent no-repeat;}
html {background:url(http://自行上傳背景圖片連結網址填入) center top #ffffff   repeat;}

※Xuite 相簿內圖片網址無法對外連結；請勿直接複製相簿內圖網址使用 ※

/*隱藏招呼語*/#yblast{display:none;}*/

/*招呼語置中*/
#yblast .text{color:#8D8D8D;}#yblast{TEXT-ALIGN:center;}#yblast .text{font-size:13px;font-weight:bolder;}#yblast .bg{background-image:url(http://);background-repeat:no-repeat;background-position:50% 100%;width:0px;height:40px;}

/*部落格描述及名稱連結底色及文字顏色設定*/
#yblogtitle .mbd, #yblogtitle .mft{background:url(http://);color:#ffb8f7;padding:210px 280px 80px 280px;text-align:center;text-align:center;}
#yblogtitle h1, #yblogtitle a {color:#ffb8f7;font-size:95%;font-weight:bolder;font-family:新細明體;}

#yblogtitle .tft {margin:0px 80px 0px 0px;}

#yblogtitle .tbd p{font-family:新細明;color:#fe88ff;font-size:13px;}

/*連結文字及位置顏色改變設定*/
a, a:link, a:visited{color:#ea98ff;text-decoration:none;}
a:hover{font-family:double;background-image:url(http://i594.photobucket.com/albums/tt21/jie88888/105.gif);}

/*捲軸區色彩設定*/


html {
SCROLLBAR-FACE-COLOR:#ffffff;
SCROLLBAR-HIGHLIGHT-COLOR:#ffd8eb;
SCROLLBAR-SHADOW-COLOR:#ffd8eb;
SCROLLBAR-3DLIGHT-COLOR:#ffd8eb;
SCROLLBAR-ARROW-COLOR:#ffd8eb;
SCROLLBAR-TRACK-COLOR:#ffd8eb;
SCROLLBAR-DARKSHADOW-COLOR:#ffd8eb;}


/*三欄式 版面加大寬度設定*/
.thrcol #yhtw_mastfoot {width:950px;margin:0 auto;}
.thrcol{min-width:950px;}
.thrcol .ycnt3col {zoom:1;width:950px;text-align:left;margin:0 auto;}
.thrcol .yc3main {width:100%;float:left;}
.thrcol .yc3mainbd {margin-left:185px;}
.thrcol .yc3pri {width:100%;float:right;}
.thrcol .yc3pribd {margin-right:185px;}
.thrcol .yc3subbd {width:185px;float:left;position:absolute;right:-1px;}
.thrcol .yc3sec {width:185px;float:right;position:absolute;left:-1px;}

/*無框設定*/

.ycntmod {width:100%;position:relative;margin-bottom:0px;overflow:hidden;}
.ycntmod .rctop {background:transparent left top no-repeat;margin-right:0px;}
.ycntmod .rctop div {background:transparent right top no-repeat;height:0px;font-size:0;position:relative;right:-0px;}
.ycntmod .rcbtm {background:transparent left bottom no-repeat;margin-right:0px;}
.ycntmod .rcbtm div {background:transparent right bottom no-repeat;height:0px;font-size:0;position:relative;right:-0px;}
.ycntmod .rcl {padding-left:5px;background:transparent repeat-y;}
.ycntmod .rcr {padding-right:5px;background:transparent right repeat-y;}
.ycntmod .text {position:relative;word-break:break-all;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}

/*大標題圖背景+重覆底背景設定*/
body {background:url(http://自行上傳背景圖片連結網址填入) center top transparent no-repeat;}
html {background:url(http://自行上傳背景圖片連結網址填入) center top #ffffff  repeat;}

/*左右欄位小圖*/


.ycntmod .mbd ul.list li {BACKGROUND:url(http://) no-repeat 0% 0%;padding-left:17px;COLOR:#f6c8ff;BORDER-TOP:1px solid;BORDER-RIGHT:1px solid;BORDER-LEFT:1px solid;BORDER-BOTTOM:1px solid;}
.ycntmod .mbd ul.list li.more {margin:2px 2px;text-align:right;background:url(http://) 17px center no-repeat;}

/*文章前小圖設定*/



.yblogcnt .blgtitlebar {margin-bottom:9px;zoom:1;}
.yblogcnt .blgtitlebar h2 {font-size:125%;font-weight:bold;background:url(http://i899.photobucket.com/albums/ac191/ok555ok555/50x50-172.gif) no-repeat;padding-left:30px;padding-top:50px;}

/*make coomment bar回應跟引用更換圖片語法*/
div.btncomment a
{display:block;height:75px;width:100px;background:url(http://i899.photobucket.com/albums/ac191/ok555ok555/ok555pk555/z12.gif) no-repeat;}
div.btntrackback a
{display:block;height:75px;width:100px;background:url(http://i899.photobucket.com/albums/ac191/ok555ok555/ok555pk555/z13.gif) no-repeat;}
div#btnsbsrb a, div#btnsbsrb_nologin a{display:block;width:100px;height:75px;overflow:hidden;background:url(http://i899.photobucket.com/albums/ac191/ok555ok555/ok555pk555/z11.gif) no-repeat;margin:0;}

/* 游標*/

body{cursor:url(http://blog.roodo.com/nainai1009/a8a62406.ani );}

a:hover{cursor:url(http://blog.roodo.com/nainai1009/a8a62406.ani );}

/*管理三個按鍵*/

div.btncompose a{display:block;width:79px;height:50px;overflow:hidden;background:url(http://i899.photobucket.com/albums/ac191/ok555ok555/z7-2.gif) no-repeat;}
div.btnphoto a{display:block;width:79px;height:50px;overflow:hidden;background:url(http://i899.photobucket.com/albums/ac191/ok555ok555/z8-2.gif) no-repeat;}
div.btnsetup a{display:block;width:79px;height:50px;overflow:hidden;background:url(http://i899.photobucket.com/albums/ac191/ok555ok555/z9-1.gif) no-repeat;}


/*回應下方圖片*/


#yartcmt .pagination strong{display:none;}
#yartcmt .pagination{height:189px;background:url(
http://i899.photobucket.com/albums/ac191/ok555ok555/z3-3.gif) no-repeat;background-position:center;}
.reportbtns span{background:transparent;border:2px outset #4079ff;}

/*左右框設定*/

.ycntmod {width:100%;position:relative;margin-bottom:15px;overflow:hidden;}
.ycntmod .rctop , .ycntmod .rctop div , .ycntmod .rcbtm , .ycntmod .rcbtm div , .ycntmod .rcl , .ycntmod .rcr {background:transparent;}
.ycntmod .text {position:relative;word-break:break-all;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}

.ycntmod .rcr {zoom:1;padding-right:0px;background:transparent right repeat-y;}
.ycntmod .text {position:relative;word-break:break-all;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}
.yc3sec .rctop, .yc3sub .rctop {zoom:1;background:url(http://i899.photobucket.com/albums/ac191/ok555ok555/z4-3.gif) no-repeat;}
.yc3sec .rctop div, .yc3sub .rctop div {background:transparent right top no-repeat;height:18px;font-size:0;position:relative;right:-0px;}
.yc3sec .rcbtm, .yc3sub .rcbtm {zoom:1;background:url(http://i899.photobucket.com/albums/ac191/ok555ok555/z6-2.gif) no-repeat;}
.yc3sec .rcbtm div, .yc3sub .rcbtm div {background:transparent right bottom no-repeat;height:90px;font-size:0;position:relative;right:-0px;}
.yc3sec .rcl, .yc3sub .rcl {padding-left:2px;background:url(http://i899.photobucket.com/albums/ac191/ok555ok555/z5-3.gif) repeat-y;border:none;}
.yc3sec .rcr, .yc3sub .rcr {zoom:1;padding-right:6px;background:transparent right repeat-y;}
.yc3sec .rcr, .yc3sub .rcr {zoom:1;padding-right:13px;background:transparent right repeat-y;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}

 

/*左右欄位 (文字置中) */


.text {color:#ff98ea;font-size:110%;font-family:新細明體;text-align:center;}
.yc3pribd .text {color:#ff98ea;font-size:108%;font-family:新細明體;}

/*左右欄位 (標題) */

.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft {background:url(http://);}
.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft {background:url(http://);}
.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:#ff98ea;text-align:center;}
.yc3sec .mhd a, .yc3subbd .mhd a, .yc3sec .mhd a:link, .yc3subbd .mhd a:link, .yc3sec .mhd a:visited, .yc3subbd .mhd a:visited{background:none;}


#ycmntlist .mhd {text-align:center;}
#ycmntlist .mbd, #ycmntlist .mbd{background:url(http://);text-align:center;}
#ycmntlist .mbd li strong {background:url(http://);color:#ff98ea;}
#ycmntlist .mbd li a{background:url(http://);color:#ff98ea;}
#ycmntlist .actionbar {font-family:新細明體;color:#ff98ea;}
#ycmntlist table th {background:url(http://);font-family:新細明體;font-size:14px;color:#ff98ea;}
#ycmntlist .listbd {background:url(http://);color:#ff98ea;}
#ycmntlist .reply {background:url(http://);font-family:新細明體;font-size:14px;color:#4079ff;}

/*中間欄位 (標題) */

.yc3pribd .mbd, .yc3pribd .mft{padding:10px;background:transparent;color:#ff98ea;}
.yc3pribd .mhd{background:url(http://);padding-left:5px;}
.yc3pribd .mhd h3{color:#ff98ea;font-size:14px;}
#yarticle .text q{background:url(http://);font-family:新細明體;font-size:14px;}
div.actionbar span{background:url(http://);border:1px #ff98ea outset;}
#bloginfo td{background:url(http://);font-family:新細明;color:#ff98ea;font-size:14px;}
table#usrinfo th{background:url(http://);font-family:新細明;color:#ff98ea;font-size:14px;text-align:center;}
#usrinfo td{background:url(http://);font-family:新細明;color:#ff98ea;font-size:14px;}
#ybloginfo table, #yusrinfo table{background:url(http://);}
div#yusrintro p{font-family:新細明;color:#ff98ea;font-size:14px;}
div#yusrintro p{background:url( http://);}

/*訪客~留言區塊*/
div#postrte th{background:url(http://);font-family:新細明體;color:#00a89f;font-size:14px;}
div#postrte td{font-family:新細明體;color:#00a89f;}
div#caption{font-family:新細明體;color:#00a89f;font-size:14px;}
div#rteNote{font-family:新細明體;color:#00a89f;font-size:15px;}


/*回覆留言欄*/

#yreplymsg label{font-family:新細明體;color:#009098;font-size:14px;}
#yreplymsg td{font-family:新細明體;color:#009098;font-size:14px;}
#yreplymsg table {background:url(http://);}


/*相簿點閱區、自動播放 按鍵、相簿分類*/
#yphtgallery .text q{background:url(http:// );font-family:新細明;font-size:14px;font-weight:bold;border:2px outset #d280ff;}
#yphtgallery .text q a{color:#d280ff;font-size:15px;}
select, option {background:url(http:// );font-family:新細明;color:#d280ff;font-size:14px;}
#yphtsingle .text q{background:url(http:// );font-family:新細明;font-size:14px;}
#yphtsingle .text q a{color:#d280ff;}
div.buttonmenu{background:url(http://);color:#d280ff;}
table#datatable td input{background:url(http://);width:22px;}

#yphtgallery, button{font-family:新細明體;color:#d280ff;font-size:14px;}
div.btncmntdel, div.btncmntre{background:url(http:// );border:1px #d280ff outset;font-size:14px;font-family:verdana;}
div#ymngmsg q span{background:url(http:// );border:1px #d280ff outset;}
div#ymngmsg q span a{background:url(http:// );color:#d280ff;}
#ymngmsg .actionbar{background:url(http:// );}
div#ymngmsg span{background:url(http:// );font-family:標楷體;color:#008cd8;font-size:14px;}

 


/*部落格檔案、個人資料、自我介紹*/
table#bloginfo th {background:url(http:// );font-family:標楷體;color:#4095ff;font-size:15px;text-align:center;}
#bloginfo td{background:url(http:// );font-family:標楷體;color:#4095ff;font-size:15px;}
table#usrinfo th{background:url(http:// );font-family:標楷體;color:#4095ff;font-weight:bold;font-size:15px;text-align:center;}
#usrinfo td{background:url(http:// );font-family:標楷體;color:#4095ff;font-size:15px;}
#ybloginfo table, #yusrinfo table{background:url(http:// );}
div#yusrintro p{font-family:標楷體;color:#4095ff;font-size:15px;}
div#yusrintro p{background:url( http:// );}

 


/*選擇全部、取消全部*/
#yphtgallery .actionbar {background:url(http:// );font-family:標楷體;color:#f6c8ff;font-size:14px;}

/*奇摩置尾區不顯示*/
#yhtw_mastfoot{display:none;}

/*月曆粗體日期顏色設定*/
#ymodcal .mbd td strong {color: #2f3800;}

/*編輯刪除按鈕圖片設定*/

div.btnblgedit, div.btnblgdel, div.btnblgreport, div.btncmntdel {background:transparent;border:2px outset #f6c8ff;}
.reportbtns span{background:transparent;border:2px outset #f6c8ff;}

 /*INPUT搜尋圖片設定*/
input, select{background:transparent;color:#f6c8ff;}















 


- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -


背景圖材取自韓網http://factory.blog.naver.com


 


本篇人物圖材取自韓網cyworld /걸스홀릭


http://www.cyworld.com/mall/mall7_gift_show.asp?wishid=&present_seq=108655
/小紅豆加工製作。 

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -


 

 


                                                        

                                                        
                                
                                                        

                                
                                    
                                    

                                
                                                    

                                                        
                                                        我要檢舉
                                                        
                                                        

                                                        

                                                        

                                                            
                                                        

                                                    

                                                        
                                                    

                                                        台長：
                                        落葉之楓
                                                    

                                
                                    
                                    
                                    
                                                    

                                                        
您可能對以下文章有興趣

                                    
                                                        
                                                        
                                                        
                                                        
                                                    

                                    
                                                
                                                
                                                
                                                
                                
人氣(45) | 回應(0)| 推薦 (0)| 收藏 (0)| 轉寄

                                      全站分類: 數位資訊(科技、網路、通訊、家電) | 個人分類: 部落格素材教學法綜合/其他 |
此分類下一篇:【部落格素材教學法】小熊有話要說公告欄♥
此分類上一篇:【部落格素材教學法】可愛小動圖                                        

                                    

                                    
                                

                                
                                
                                
                                
                                
                                                                
                                
                                
                                

                                
                                

                                    

                                    

                                    

                                        
                                                

                                                    我要回應
                                                

                                                                                        

                                        
                            
                                                        
                

                        
                        

                        
                        

                        
                        
                        


                        


                        

                          

                            

                            

                          


                          

                            

                            

                          

                          
                          

                            


                            

                              否
                              是 (若未登入"個人新聞台帳號"則看不到回覆唷!)
                            

                          

                          
                          

                            

                            

                              
                            

                          


                          

                            
* 請輸入識別碼：


                            

                              








請輸入圖片中算式的結果(可能為0) 
















                              

                            

                          


                          

                            
(有*為必填)

                            

                          


                          

                            
                            
                            
                          

                        

                        
                                                                
                                    


                                                                        

                                                                        

                                

                                

                            

                            
                        

                        


                    

                    
                

                

                
                
            
                


                

            
        

        
    

    













      
      TOP
      

    





    













    

        

            

        

        

    

    

        

            

                

                

                    

                    
                    
                    詳全文