最新訊息

314 學習手札  浴火重生
網站內的資源  緣至各方達人
相互分享教學 請隨意取用分享
莫忘傳承情意 讓這份情意傳下去
此塊園地 僅是學習筆記
提供素材內容  或許有缺失
不盡理想地方 敬請見諒
我非高手達人 願虛心學習 不斷修正改進
若有尖酸刻薄或無理要求 都非座上客
僅求心境桃花源 願做鴕鳥呆瓜
莫擾我清幽 疏忽怠慢之處 敬請原諒


sunny 美 發表在 痞客邦 PIXNET 留言(0) 人氣()


sunny 美 發表在 痞客邦 PIXNET 留言(4) 人氣()

/*無名 網誌 隱藏css語法整理*/


/*隱藏整個[xxx的地盤]區塊*/#boxMySpace{display:none;}

/*隱藏XXX的地盤字樣*/.boxMySpaceo{display:none;}
 

/*隱藏個人照片圖檔*/.boxMySpaceImg{display:none;}
 

/*隱藏網誌分類:未分類*/#blogCategory{display:none;}
 

/*隱藏網誌分類*/#blogCategory span{display:none;}
 

/*隱藏首頁*/#linkMypage{display:none;}
 

/*隱藏相簿*/#linkAlbum{display:none;}
 

/*隱藏網誌*/#linkBlog{display:none;}
 

/*隱藏留言*/#linkGbook{display:none;}
 

/*隱藏名片*/#linkUser{display:none;}
 

/*隱藏好友*/#linkFriend{display:none;}
 

/*隱藏影音*/#linkVideo{display:none;}
 

/*隱藏加為好友*/.boxAddfriendLink a{display:none;}
 

/*隱藏送禮物給XX*/.boxGiftLink a{display:none;}
 

/*隱藏好友列表名單*/.boxMySpace1 select{display:none;}


/*隱藏整各-首頁ˋ相簿ˋ網誌ˋ流言ˋ名片和好友*/
#serviceList{display:none;}


/*隱藏首頁ˋ相簿ˋ網誌ˋ流言ˋ名片ˋ好友ˋ加為好友和送禮物XX*/
#sertvice{display:none;}

/*隱藏會員圖示*/.vip_icon{display:none;}


/*隱藏圓點*/ul{display:none;}
●首頁
●相簿
●流言
--------------------------------------------------------

隱藏播放相簿 選項

請先進入設定-網誌管理-相簿播放*下拉是選單 選擇不播放


/*隱藏播放中相簿*/.boxSlideShowo{display:none;}
 

/*隱藏相片名稱*/#SlidePicTitle{display:none;}
 

/*改相簿字體大小*/#SlidePicTitle{font-size:**px}


/*隱藏上一張ˋ下一張ˋ暫停*/#buttonPlayPause,,#buttonPrev,,#buttonNext{display:none;}


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


隱藏音樂播放 選項

請先進入設定-音樂管理-關閉音樂

 
/*隱藏內建的播放器*/#Exobud{display:none;}


/*隱藏音樂播放*/#boxMusic.boxMusico a{display:none;}


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


隱藏最新文章選項


請先進入設定-網誌管理-側邊訊息欄位最新文章篇數 填0 代表不顯示



/*隱藏最新文章整個區塊*/#boxNewArticle{display:none;}


/*隱藏最新文章字樣*/ .boxNewArticleo{display:none;}


/*隱藏最新文章標題*/.boxNewArticle1{display:none;}


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


隱藏文章分類


請先進入設定-網誌管理-上排文章分類管理-隱藏分類內的文章 選隱藏


/*隱藏文章分類*/#boxCategory{display:none;}


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


隱藏文章彙集



/*隱藏文章彙集整個區塊*/:#boxdate{display:none;}


/*隱藏文章彙集字樣*/.boxdateo{display:none;}

 
/*隱藏"文章彙集"標題*/.boxdate1{display:none;}



以上語法都隱藏不住 請貼下面語法:

/*隱藏整個文章彙集欄位*/
#boxDate{DISPLAY:none}
#boxDate.boxDateo{DISPLAY:none}
#boxDate.boxDateo.sidetitle{DISPLAY:}
#boxDate.boxDate1{DISPLAY:none}
#boxDate.boxDate1{DISPLAY:none}


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


隱藏搜尋這個網誌文章

/*隱藏搜尋欄位*/#boxSearch{display:none;}


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


隱藏最新回應


請新進入設定-網誌管理-側邊訊息欄最新回應篇數 填0 代表不顯示



/*隱藏最新回應欄位*/#boxNewComment{display:none;}


/*隱藏最新回應字樣*/.boxNewCommento{display:none;}


/*隱藏最新回應標題*/.boxNewComment1{display:none;}


/*隱藏連結列最新回應*/

by:xx
#boxNewComment.side{visibility:hidden}
#boxNewComment.side a{visibility:visible}


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


隱藏最新引用

 
請先進入設定-網誌管理-側邊訊息欄最新引用篇數 填0 代表不顯示


/*隱藏最新引用欄位*/#boxNewTrackback{display:none;}


/*隱藏最新引用字樣*/.boxNewTrackback0{display:none;}


/*隱藏最新引用標題*/.boxNewtTrackback1{display:none;}


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


隱藏我的訂閱


請先進入設定-網誌管理-訂閱管理-不使用此功能打勾 記的按儲存噢
 
/*隱藏我的訂閱欄位*/#boxRssList{display:none;}


/*隱藏我的訂閱日期*/
.boxRssList1 .side{visibility:hidden;font-size: opt;}
.boxRssList1 .side span{visibility:visible;font-size:small;}
-------------------------------------------------------------------
隱藏參觀人氣統計

 
/*隱藏參觀人氣欄位*/#boxCounter{display:none;}


/*隱藏參觀人氣字樣*/.boxCountero{display:none;}


/*隱藏參觀人氣標題*/.boxCounter1{display:none;}


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

隱藏RSS


請先進入設定-網誌管理-不提供rss給別人訂閱 打勾不顯示


/*隱藏rss圖示*/.syndicate{display:none;}


PS:網誌有出現RSS圖示的地方[最新回應都會被隱藏]


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


/*隱藏無名LOGOˋ登入區欄位 */.powered .powerlogo IMG{DISPLAY:none}


PS:↑整個登入區塊[包瓜LOGO圖]都隱藏

 

/*隱藏 登入區*/.powered{display:none;}


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

請先進入設定-網誌管理-找[不顯示行事曆]選項請打勾

隱藏[行事曆]三個字 包含月份及連結

 

/*隱藏[行事曆]*/div.calendar a{display:none;}


sunny 美 發表在 痞客邦 PIXNET 留言(26) 人氣()

記錄語法研究中

無名css基本語法
====================================


文字屬性一覽
================================
color : #999999 /*文字色彩*/
font-family : 細明體 /*文字字型*/
font-size : 9pt /*文字大小*/
font-style:itelic /*文字斜體*/
font-variant:small-caps/*小字體*/
letter-spacing : 1pt/*字間距離*/
line-height : 200 /*設定行高*/
font-weight:bold /*文字粗體*/
vertical-align:sub /*下標字*/
vertical-align:super/*上標字*/
text-decoration:line-through/*加刪除線*/
text-decorationverline /*加頂線*/
text-decoration:underline /*加底線*/
text-decoration:none /*刪除連結底線*/
text-transform : capitalize /*首字大寫*/
text-transform : uppercase /*英文大寫*/
text-transform : lowercase /*英文小寫*/
text-align:right /*文字靠右對齊*/
text-align:left /*文字靠左對齊*/
text-align:center /*文字置中對齊*/

背景語法
===================================


背景屬性一覽
===============================
background-color:#F5E2EC /*背景色彩*/
background-image : url(image/bg.gif) /*背景圖片*/
background-attachment : fixed /*固定背景*/
background-repeat : repeat /*重複排列-網頁預設*/
background-repeat : no-repeat /*不重複排列*/
background-repeat : repeat-x /*在x軸重複排列*/
background-repeat : repeat-y /*在y軸重複排列*/
background-position : 90 90 /*背景圖片x與y軸的位置*/

連結語法
====================================


連結屬性一覽
==================================
A/*所有超連結*/
A:link/*超連結文字格式*/
A:visited/*瀏覽過的連結文字格式*/
A:active/*按下連結的格式*/
A:hover/*滑鼠移至連結*/
text-decoration:none;/*刪除連結線*/}
{cursor:s-resize;/*滑鼠指標樣式*/
font-weight:bold; /*文字粗體*/
border : 1px dotted #cc3300 ; /*文字框線*/}

滑鼠指標樣式一覽
===============================
cursor:crosshair 十字型 cursor:s-resize 箭頭朝下
cursor:move 十字箭頭 cursor:e-resize 箭頭朝右
cursor:help 加一問號 cursor:w-resize 箭頭朝左
cursor:n-resize 箭頭朝上 cursor:ne-resize 箭頭朝右上
scursor:nw-resize 箭頭朝左上 cursor:text 文字I型
cursor:se-resize 箭頭斜右下 cursor:sw-resize 箭頭斜左下
cursor:wait 漏斗 cursor:nono 預設

彩色捲軸
=======================================


刪除捲軸
=====================================






滑鼠移過連結位移
============================

說明:
在a:hover 滑鼠移至連結的屬性做文字位置的變化
top:1px;left:1px 位移數值
right:1px;bottom:1px 可改變位移方向

表格透明效果
================================

說明:
opacity=60 設定透明度(值越小越透明)

外部呼叫
================================


更改滑鼠
================================


*須為ani檔及cur檔


sunny 美 發表在 痞客邦 PIXNET 留言(10) 人氣()



圓球環繞、貓寫真時鐘 多款


(內容若有侵權 請回應通知 314將會即刻刪除 修正)


素材來至:日本部落格時鐘網
http://blog-pitatto.com/


愛貓寫真-時鐘


 




http://blog-pitatto.com/blogparts/clock_neco/swf/BP_necoclock.swf


放置在部落格語法:


<embed src="http://blog-pitatto.com/blogparts/clock_neco/swf/BP_necoclock.swf"
wmode="transparent" width="160" height="336"></embed>



巧克力時鐘


 




http://blog-pitatto.com/blogparts/clock_choco/swf/BP_chococlock_choco.swf


放置在部落格語法:


<embed src="http://blog-pitatto.com/blogparts/clock_choco/swf/BP_chococlock_choco.swf"
wmode="transparent" width="150" height="100"></embed>


6色 大數字環繞時鐘


 





http://blog-pitatto.com/blogparts/clock_change/swf/BP_changeclock_L.swf


放置在部落格語法:


<embed src="http://blog-pitatto.com/blogparts/clock_change/swf/BP_changeclock_L.swf"
wmode="transparent" width="140" height="300"></embed>


6色 小數字環繞時鐘


 





http://blog-pitatto.com/blogparts/clock_change/swf/BP_changeclock_S.swf


放置在部落格語法:


<embed src="http://blog-pitatto.com/blogparts/clock_change/swf/BP_changeclock_S.swf"
wmode="transparent" width="140" height="300"></embed>


綠色圓球環繞時鐘


 




http://blog-pitatto.com/blogparts/clock_ball/swf/BP_ballclock_green.swf


放置在部落格語法:


<embed src="http://blog-pitatto.com/blogparts/clock_ball/swf/BP_ballclock_green.swf"
wmode="transparent" width="180" height="40"></embed>


銀色圓球環繞時鐘





http://blog-pitatto.com/blogparts/clock_ball/swf/BP_ballclock_gray.swf


放置在部落格語法:


<embed src="http://blog-pitatto.com/blogparts/clock_ball/swf/BP_ballclock_gray.swf"
wmode="transparent" width="180" height="40"></embed>


紅色圓球環繞時鐘




http://blog-pitatto.com/blogparts/clock_ball_mini/swf/BP_ballclock_mini_red.swf


放置在部落格語法:


<embed src="http://blog-pitatto.com/blogparts/clock_ball_mini/swf/BP_ballclock_mini_red.swf"
wmode="transparent" width="180" height="40"></embed>


藍色圓球環繞時鐘




http://blog-pitatto.com/blogparts/clock_ball/swf/BP_ballclock_blue.swf


放置在部落格語法:


<embed src="http://blog-pitatto.com/blogparts/clock_ball/swf/BP_ballclock_blue.swf"
wmode="transparent" width="180" height="40"></embed>



黑色圓球環繞時鐘





http://blog-pitatto.com/blogparts/clock_ball/swf/BP_ballclock_black.swf


放置在部落格語法:


<embed src="http://blog-pitatto.com/blogparts/clock_ball/swf/BP_ballclock_black.swf"
wmode="transparent" width="180" height="40"></embed>


紅色數字石英鐘

 





http://blog-pitatto.com/blogparts/clock_dot/swf/BP_dotclock_pink.swf



放置在部落格語法:


<embed src="http://blog-pitatto.com/blogparts/clock_dot/swf/BP_dotclock_pink.swf"
wmode="transparent" width="160" height="200"></embed>


藍色圓形傳統時鐘

 





http://blog-pitatto.com/blogparts/clock_simple/swf/BP_floatclock_time.swf



放置在部落格語法:


<embed src="http://blog-pitatto.com/blogparts/clock_simple/swf/BP_floatclock_time.swf"
wmode="transparent" width="160" height="200"></embed>



春天百花開 部落格貼紙

 




http://blog-pitatto.com/blogparts/decolate_urara/swf/BP_uraradeco_b.swf


放置在部落格語法:


<embed src="http://blog-pitatto.com/blogparts/decolate_urara/swf/BP_uraradeco_b.swf"
wmode="transparent" width="160" height="200"></embed>



 


語法說明:


<embed src="http://SWF網址.swf"  width="150"
height="150" ></embed>


可自行調整 高、寬 尺寸


放置說明:


放置在
自定欄位
內的尺寸: 
請勿超過145
  width="145"  高 height="145"


若無法顯示SWF動畫 請按此下載








sunny 美 發表在 痞客邦 PIXNET 留言(0) 人氣()

找更多相關文章與討論

您尚未登入,將以訪客身份留言。亦可以上方服務帳號登入留言

請輸入暱稱 ( 最多顯示 6 個中文字元 )

請輸入標題 ( 最多顯示 9 個中文字元 )

請輸入內容 ( 最多 140 個中文字元 )

請輸入左方認證碼:

看不懂,換張圖

請輸入驗證碼