24h購物| | PChome| 登入
2008-02-20 16:05:45 | 人氣13| 回應0 | 上一篇 | 下一篇

【部落格素材教學法】妮子自製*// 維尼天使~邊框、回引訂閱、性別小卡套組

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

 

妮子自製*// 維尼天使~邊框、回引訂閱、性別小卡套組
 

妮子做了這款~維尼天使~邊框、回引訂閱、性別小卡套組

是第一次做這樣的套組

真是累死我了

花了我整個下午(因為我兒子再哭鬧,所以邊顧他邊製作~~呼!)

我還滿喜歡的,希望各位格友也會喜歡

喜歡的話,可以帶走,別忘了回應與引用唷

別忘了妮子的logo喔====>

期待您的再度光臨

預覽圖
 
語法如下:
 
/*shared rounded corner for all modules*妮子自製*//~維尼天使~邊框*/
.ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;}
.ycntmod .rctop {zoom:1;background:url(http://tsm851078.t35.com/moreline/anguar01.gif) left top no-repeat;margin-right:5px;}
.ycntmod .rctop div {background:url(http://tsm851078.t35.com/moreline/anguar02.gif) right top no-repeat;height:100px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcbtm {zoom:1;background:url(http://tsm851078.t35.com/moreline/anguar03.gif) left bottom no-repeat;margin-right:5px;}
.ycntmod .rcbtm div {background:url(http://tsm851078.t35.com/moreline/anguar04.gif) right bottom no-repeat;height:82px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcl {padding-left:6px;background:url(http://tsm851078.t35.com/moreline/anguar05.gif) repeat-y;}
.ycntmod .rcr {zoom:1;padding-right:6px;background:url(http://tsm851078.t35.com/moreline/anguar06.gif) right repeat-y;}
.ycntmod .text {position:relative;word-break:break-all;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}
 

          

  更換回應.引用.訂閱部落格圖片方式

請點右上管理部落格→更換面版→自訂樣式
將下方語法貼上再按確定即可

/*妮子製-維尼熊訂閱部落格圖片-語法開始*/
div#btnsbsrb a{display:block;width:圖片寬度px;height:圖片高度px;overflow:hidden;background:url(訂閱部落格圖片網址) no-repeat;margin:0;}
div#btnsbsrb_nologin a{display:block;width:圖片寬度px;height:圖片高度px;overflow:hidden;background:url(訂閱部落格圖片網址) no-repeat;margin:0;}
#yblogtitle .tft {text-align:right;padding-bottom:0px;position:relative;}

                  

/*妮子製-維尼熊回應引用圖示-語法開始*/
div.btncomment a {height:圖片高度px;width:圖片寬度px;background:url(回應圖片的網址) no-repeat;}
div.btntrackback a {height:圖片高度px;width:圖片寬度px;background:url(引用圖片的網址) no-repeat;}

更換性別圖方式

管理部落格→面板設定→自訂樣式   貼上此語法

/*改變性別圖-語法開始*/
#ymodprf .horos img{display:none;}
#ymodprf .horos{width:圖片寬度px;height:圖片高度px;background:url(圖片網址) center no-repeat;}
/*改變性別圖-語法結束*/

 

在自定欄位貼上圖片方式

管理部落格→管理自定欄位→新增自定欄位

請複製下面語法   點選【儲存】就完成了

圖片網址">

文章出處: 

 

 

台長: 落葉之楓

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