高雄三民區第四區保母系統[專業幼教+證照保母]
目前因為托育時間改變為7點到7:30 因此暫停這裡的一切 歡迎到臉書找我[沈麗娟] 祝福大家如意

目前分類:語法 (31)

瀏覽方式: 標題列表 簡短摘要

本文引用自e314520520 - Photoshop CS5 新功能 (影片教學)_霝兒

 

 

這篇說是教學也不算是 應該算是分享吧

CS5是一款很棒的圖片編輯軟體

朋友希望霝兒出教學文 但我實在很懶

況且這款軟體功能繁多 非三言兩語可一一道盡

只能幫忙爬文 分享資訊 希望能提供一些小小幫助嚕

首先必須下載此款軟體才能繼續學習

以下頁面有 Photoshop CS5 的載點提供

  http://webhd.xuite.net/_oops/yhmbcjtt/quj 

提供此載點頁面作者:   http://0rz.tw/Yg55B  

 

李濤老師詳解Photoshop CS5新功能 

(一)調整邊緣 快速去背 

(二)內容感知 填滿 

(三)操控彎曲&筆刷工具 

(四)ACR 和HDR攝影升級 

(五)3D應用全面簡化 

 

小小玩了一下去背合成 挺好玩的

CS5另有一項快速去背方法

可參考此篇

   http://www.minwt.com/ps/2120.html 

大致就是如此

示範圖做的不是很好 僅提供大家參考

有興趣的朋友們 不妨動手練習看看唷 

 

 

語蝶 發表在 痞客邦 PIXNET 留言(3) 人氣()

本文引用自min0427 - 新版MIB廣告隱藏(hunt教學)

最近三不五時跑個廣告出來擾亂試聽

想要處理時它卻又消失,昨晚好不容易逮住它

看來跟原本的MIB廣告長的差不多,就用類似的方式處理吧

下面附上新舊MIB廣告CSS隱藏語法

連到管理後台的 [CSS原始碼編輯] http://panel.pixnet.cc/theme/blog/editcss

將上面語法貼到最前面即可,記得按下右下角的[儲存]喔~

PS.有使用過類似 #links-row-1{ margin-top: -325px; } 語法的要拿掉喔

本文引用自blogbackup - 新版MIB廣告隱藏

 

語蝶 發表在 痞客邦 PIXNET 留言(7) 人氣()

本文引用自e314520520 - 幾個簡單步驟讓火狐flash動起來_霝兒

 

 

 

 

長久以來一直很困擾我的一個問題

就是我用火狐瀏覽器觀看網頁 swf動畫是完全不會動的 (如下圖)

霝兒選單中的圖卡是一張自製的swf圖片

爬文許久 終於讓我找到問題癥結點

原來 Firefox 軟體更新功能並不會自動更新外掛程式

大家都知道 要讓flash動起來 少不了外掛程式

 

外掛程式是什麼?

  • 外掛程式可以讓您播放影片、動畫或是遊戲。
  • 外掛程式是由像 Adobe Systems 與 Apple 等,不是 Firefox 的公司所開發的。
  • 外掛程式通常不會自動更新

 

有了上述基本概念 開始著手進行flash更新

想說試試看 沒想到一試成功 太開心了

以下是心得分享 ↓

幾個簡單步驟 省卻一堆文字贅述 搞得頭昏腦脹

首先打開火狐瀏覽器

點選最右邊的  點選【附加元件】再點【檢查您是否使用最新版本的外掛程式】

此時進入以下畫面 ↓

 
 
網頁往下拉 會看到這個畫面 ↓
 
尋找紅框部分
 Silverlight Plug-In 
Shockwave Flash
 
 
若非【最新版本】 則會出現以下畫面 ↓  
 
 
 
 
 按下【立即更新】首先來到以下畫面 ↓
 
 
 
 尋找紅框部分【About Flash Player page 】點下
 
出現下列網頁圖示後 找【Player Download Center】點下
 
 
依照步驟就可下載安裝嚕 ↓ (紅框部分會顯示最新版本訊息)
 
 
 
更新後顯示畫面
 
 
 
  
  
Silverlight 是個外掛程式  有些網站用它顯示多媒體內容
 
點我→  下載 Silverlight參考
 
 
查看步驟四、確認您的安裝  
 
 
若Silverlight 已安裝  則只會看到附有 Silverlight 版本的訊息畫面 
 
 
 
 
   安裝好後 重新啟動火狐 來到附加元件管理員後台
 
檢查紅框部分【Shockwave Flash】是否設定在【總是啟用】就OKㄚ 
 

 

將發現火狐瀏覽網頁 flash全都動起來了

 

以上 ↑ 心得分享_by霝兒

 
 

 

語蝶 發表在 痞客邦 PIXNET 留言(1) 人氣()

本文引用自e314520520 - 隱藏文章下方廣告欄語法_霝兒

 

 

 

min寶貝問我 最近是否有格友詢問廣告又出現的問題

說真的 沒捏

陳妹妹寶貝也問 為啥版型跑版 連分類都不見了

霝兒心想 這可能又是痞客在測試語法搞的鬼

果不其然

一早上線 就發現文章內容下方 多了兩個好難看的廣告頁

吼 那ㄟ架賣

不是霝兒愛找碴 對於機車龜毛的偶而言 實難忍受

若想隱藏這難看的廣告列

請套用下列語法於編輯欄最下方吧

#pixblogad {display:none;}  

 

瞧 版面又恢復清爽整潔了

語蝶 發表在 痞客邦 PIXNET 留言(5) 人氣()

本文引用自e314520520 - 霝兒小教學_如何隱藏「快捷功能BAR」P2

 

霝兒小教學_如何隱藏「快捷功能BAR」P2 

今天一上線看到痞客又將快捷列做了部分修改

加了一個小小紅圓點的【通知功能】

一堆朋友急著跳腳問霝兒該怎辦

不急不急

看了一下原始檔 其實很容易的

不過將之前的遮蔽語法 做點小更改就可以了

 想隱藏的朋友們

可將下列語法置於  自訂樣式【CSS原始碼編輯】區中的最下方即可

 #topbar{display:none;} 

像這樣↓

 

 

隱藏「快捷功能BAR」後 連【後台管理】也一併隱藏了

可參考此篇設定: 霝兒小教學_善用﹝連結選單﹞     

也可參考好友Hunt這篇設定: 自製痞客邦快捷列 

此篇小教學 希望能幫到想維持版面美觀整齊的朋友們

一起加油喔

 

語蝶 發表在 痞客邦 PIXNET 留言(1) 人氣()

 

 

霝兒小教學_善用「連結選單」 

這次改版 痞客將「快捷功能BAR」 改至頂端

有些人覺得不錯 也有人嫌醜

一直思考著 要如何讓版面簡潔又方便操作

除了利用送我回家圖卡 點我→參考此篇

也想到了運用【連結選單】替代

方法很簡單

就像掛上側欄掛件一樣 新增版位

再將下列語法複製到空白處即可 

<select onchange="location.href=this.options[this.selectedIndex].value;"><option value="">痞客連結</option><option value="">------------------------------</option><option value="http://panel.pixnet.cc/blog/article">後台管理</option><option value="http://www.pixnet.net">痞客首頁</option></select>

 

小掛件要如何放上 霝兒簡易做說明

點選【管理後台】→【側邊欄位設定】 按右上的【新增版位】

欄位標題自訂 空白處輸入掛件語法或音樂語法

然後用拖曳方式將掛件拖放到想要的位置上即可

註:

會員登入時 此方式點選可連至【管理後台】

若非登入狀況下點選則直接連至【痞客首頁】

點我回家圖卡也是一樣的唷

 

 

此次改版 正好學習如何將版頭連結給簡化

版面更清爽了

有興趣的朋友們 可以試試唷

 

本文引用自e314520520 - 霝兒小教學_善用「連結選單」

 

文章標籤

語蝶 發表在 痞客邦 PIXNET 留言(2) 人氣()

本文引用自e314520520 - 霝兒小教學_如何隱藏「快捷功能BAR」

                               

 

霝兒小教學_如何隱藏「快捷功能BAR」 

今天一上線就收到好友ruru的訊息 說是痞客改版了

看了一下 原來是將「快捷功能BAR」 改至頂端

且原來版面的

/*Hi! ID! (登出) | 管理後台 | 語系▼ | 部落格首頁 | 痞客邦 PIXNET */ 

連結也都不見

觀看版面原始檔研究了一下 找到隱藏「快捷功能BAR」的方法

其實 這個快捷功能也挺不錯用的

只是對於愛玩版面的我而言 感覺有礙觀瞻罷嚕

想辦法也要將其隱藏 免得影響美麗的版面設計

想隱藏的朋友們 可將下列語法置於  自訂樣式【CSS原始碼編輯】區中的最下方即可

#top_bar {display:none;} 

像這樣↓

問題來了

隱藏「快捷功能BAR」後 連【後台管理】也一併隱藏了

不怕 還好之前有做功課 研究了一堆圖片的連結方式 正好派上用場

霝兒利用【點我回家】圖卡連結語法 順利解決此問題

女生版圖片請參考這裡 http://e314520520.pixnet.net/blog/post/39588535 

男生版圖片請參考這裡 http://e314520520.pixnet.net/blog/post/39588525 

圖卡文章中皆附上語法連結 可連至【後台管理】

日後有空 霝兒會再製作圖卡分享

其實改部分語法 也是能顯現【後台管理】 只是暫時沒時間研究

霝兒最近很忙 明天還得帶阿公覆診

留言等霝兒有空回覆 請多見諒

此篇小教學 希望能幫到想維持版面美觀整齊的朋友們

一起加油喔

 

語蝶 發表在 痞客邦 PIXNET 留言(1) 人氣()

本文引用自e314520520 - 如何將Youtube影片轉成部落背景樂_霝兒

       

 

關於背景樂播放 霝兒習慣自行下載上傳

霝兒存放的音樂空間為XUITE 以下為網址連結 歡迎大家參觀

http://cht.tw/x/hospw

有時會懶的上傳 只好在Youtube尋找

但Youtube的音樂語法擷取與XUITE有異

此時只得稍做修改才行

方法其實很簡單

首先 放張圖讓大家了解一下 如何找出音樂語法

點小圖 可看原圖  

 

 1. 按【分享】

2. 按【嵌入】

3.  顯示【整段音樂語法】

4. 可調整影片大小

這時 我們將整段音樂語法複製

就拿這首田馥甄_你就不要想起我為例

http://www.youtube.com/watch?v=GsKbnsUN2RE

此影片的整段音樂語法如下:

<iframe width="560" height="315" src="//www.youtube.com/embed/GsKbnsUN2RE" frameborder="0" allowfullscreen></iframe>

Youtube當音樂背景的播放語法為:

<embed allowscriptaccess="never"  src="音樂網址&rel=1&autoplay=1" type="application/x-shockwave-flash" width="自設" height="自設"></embed>

《以上寬高皆可任意設定 width="寬" height="高" 》

音樂網址怎找呢?

先看一下我們找到的整段音樂語法吧

<iframe width="560" height="315" src="//www.youtube.com/embed/GsKbnsUN2RE" frameborder="0" allowfullscreen></iframe>

以下就是擷取的音樂網址 

//www.youtube.com/embed/GsKbnsUN2RE

看到紅色embed了嗎? 只要將embed改成v就可以了

//www.youtube.com/v/GsKbnsUN2RE

《注意:是小寫的v喔 》

使用背景音樂語法套用音樂網址後放置在HTML編輯欄中即可

背景音樂語法:

<embed allowscriptaccess="never"  src="音樂網址&rel=1&autoplay=1" type="application/x-shockwave-flash" width="自設" height="自設"></embed>

套用音樂網址後語法

<embed allowscriptaccess="never"  src="//www.youtube.com/v/GsKbnsUN2RE&rel=1&autoplay=1" type="application/x-shockwave-flash" width="560" height="315"></embed> 

附帶一提:
 
若只想純當背景樂 而不想顯示螢幕的話
 
則將寬高各設定為1 即可
 
若要顯示的話 請自訂寬高喔
 

 

延伸閱讀:

背景音樂與文章音樂錯開播放

語蝶 發表在 痞客邦 PIXNET 留言(1) 人氣()

本文引用自e314520520 - 霝兒小教學_關於部落格描述

 

有格友問起 為什麼霝兒的部落格描述 可以擺放如此整齊 段落分明

像這樣 ↓

也曾看過格友們套用霝兒版面後 部落描述的落落長

卻無法像霝兒一樣 擁有整齊潔淨的外觀

像這樣 ↓

其實 這是可以做設定的

無論套用任何版面 皆適用

首先 檢視一下自己的部落描述吧

是否如上圖 就算寫的段落分明 但儲存後 顯示出的效果 依然拖的落落長一大段

這時 我們只要加個語法</br> 就能讓文字井然有序的排列整齊了

其它如HTML 語法中的分段語法<p>或是分行語法<br>

也是可以用來整理文字敘述的

大家試試看吧

補述:

寫教學文很辛苦 雖然有些觀念淺顯易懂

但還是有很多搞不清楚狀況的格友存在著

霝兒希望藉此小教學 幫助一些初學者解惑

所謂 人外有人 天外有天 不要太膨脹自己 

懂的人靜靜觀看就好

你懂 不代表全世界的人都懂

 

   

文章標籤

語蝶 發表在 痞客邦 PIXNET 留言(4) 人氣()

本文引用自ru6854 - 線上加相框

線上加相框

 

不必下載軟體!!!

 

 

1.首先按>>>

 

Loonapix.com

 

http://www.loonapix.com/framer

 

2.按瀏覽選擇一張照片>>>

 

 

3.上傳好了之後~選擇自己喜歡的相框>>>

 

註:new!就是這組聖誕節相框

 

 

4.按這顆可以調整照片大小>>>

 

 

5.調整好了之後按最下面 Save>>>

 

 

6.將你的照片另存圖片就可以了!!!

 


 

7.也能當成聖誕卡送給朋友

 

 

語蝶 發表在 痞客邦 PIXNET 留言(0) 人氣()

本文引用自min0427 - 版主回覆也可使用表情

前些天回應區的表情很怪

連新安裝"留言插入表情"的功能都不能導向表情相簿

以致於表情會點不出來

去問過客服後,客服已處理好留言插入表情的功能了

而且也發現,回應插入表情已可放置超過100個了~

以前只能放100個,再多就秀不出來了~

如何知道呢?

當妳將回應區下方的"表情符號"點下去後

1.將捲軸拉到最下方

2.會看到"載入更多",點下去後會秀出更多個表情

痞客教學圖:Q03.jpg

噹噹~看~

是不是多出了許多表情

(當然,表情圖需先上傳到你自己設定的表情相簿)

痞客教學圖:Q04.jpg

 

記得以前剛來痞客時,我曾試過將表情符號的語法貼上回覆區

但~~偶想太多了~頂多就是個XX~ML12.gif   

甚至還試過將自己家的表情語法貼上格友家的回應欄~

再次證明~偶想太多了~也還是一樣是個XX~EN (6).gif  

初來痞客時,我還去客服那邊要求,希望可以回覆有表情

但客服回覆我說,他們會考慮~感謝我的建議~g2.gif  

然而....卻遲遲沒消息~

最近可能因為痞客在回應表情區做了調整

連後台的回應管理都能看到表情圖案了

以前是語法,要看有表情的回應需到前台~ML14.gif  

連帶的,現在也能使用在回應回覆上喔~

把先前的不可能化做可能了~  ML10.gif  

重點是,痞客也不發通知~一點都不曉得~MI (22).gif  

剛好格朋友來通知我去看一位格友的文MI (14).gif  

原來我先前的傻方法也可以用了~不再是XX~

所以ㄋㄟ

回覆格友時,先到自己版面的回應欄

按一次[空白鍵],再點一下表情符號

選好妳想要用的表情~

將秀出的語法複製貼上版主回覆欄即可~

痞客教學圖:Q02.jpg

 

鏘鏘鏘~看到囉嗎~

回覆有表情了喔~M  (7).gif

高興嗎~偶也粉高興~~  ML02.gif

痞客教學圖:Q01.jpg

神力女超人陳妹妹跟偶縮,這樣回覆粉耗時

要偶企跟痞哥講,讓它便民一點

偶又不素痞媽,偶只不過素痞卒 M  (10).gif  

倒是想到另一個方法,那就是直接在自己版面上的回應欄上

將想要回覆的內容跟表情都key上之後

然後全部複製貼上版主回覆欄~這樣可能會快一點點點~09.gif  

 

就愛玩表情~對吧~LL02.gif  

 

 

文章標籤

語蝶 發表在 痞客邦 PIXNET 留言(1) 人氣()

本文引用自ru6854 - YouTube影片轉檔,可自定畫質、音量 (ClipConverter)

 

需要把你YouTube上的影音
備份下來?
下面這個網站除了
能快速轉成你要的檔案格式
還可以自定想要的畫質、音量



首先找到你的YouTube影音,把影片網址複製起來




請進入:ClipConverter.cc



貼上影片網址,按Continue繼續




它會偵側出影片的'來源畫質'
選最高的來源畫質
(第一種)轉出來比較漂亮




接著選你要的檔案格式有MP3、AAC、WMA、M4A、
OGG、MP4、3GP、AVI、MPG、WMV、FLV
應有盡有




下面是讓你調整音量音質畫質畫面比例
如果懶得調整,按Start,它就開始轉檔啦




轉檔完畢,按下載回家吧



就為您介紹到這裡

http://www.wretch.cc/blog/Umod/3623297

翔霏圖片整理上傳

文章標籤

語蝶 發表在 痞客邦 PIXNET 留言(0) 人氣()

  

U5教學 霝兒教你做閃字
 
 
 
 
會寫這篇教學 是應好友要求
其實網路上很多這種教學文章
霝兒實在很懶的寫教學文(又盛情難卻)
口述又無法解釋該如何製作
好了 廢言不多說 有興趣的格友們就請繼續往下看吧
 
-----------------------------------------------
【Ulead gif Animator 5】
是一款很知名的動畫製圖軟體
大多數人都將它簡稱為「U5」
它是一個付費軟體 可以上網找看看「試用版」
要學習製作動畫 閃字 首先非得有這款軟體才可行
有興趣者 請照下列圖文解說學習製作吧
 
  
 
 
 
 
 
 
成品如下: ↓
 
 
附上閃圖一張:
 
有興趣的好友們 請自行動手做做看吧
 
製作教學很辛苦 請勿盜圖盜文 謝謝合作!!
 
↑ 以上教學分享 By 霝兒 
 

 
霝兒建議:
學習製圖 無論使用何種軟體 最好先熟悉如何操作
且由最簡單最基本方向開始 再慢慢尋求進階
切莫羨慕一堆特效製作 急於跳級學習
如此才能使學習更加事半功倍
遇有問題提問 才不致於【雞同鴨講】【答非所問】
 
霝兒學習製圖已有六年之久 說是無師自通 或許沒人相信
但事實就是如此
不懂的 就尋求網路資源 (網路上有太多這方面的教學)
或許也是因為興趣 加上不氣餒的阿甘精神(非弄懂不可)的堅持
才能持續學習至今
 
只能說 學無止盡 羅馬不是一天造成的
人外有人 天外有天
不敢說自己有多高竿或是所謂製圖製版高手
學習到的東西 都是屬於自己的
就是這份小小成就與驕傲 才能促使自己不斷往前進
霝兒能˙為啥你(妳)不能?
 
加油!! 各位
只要願意努力學習 每個人都可領會這份學習過程的樂趣無窮
哈 好像離題了(原諒霝兒的碎念喔) 
 
 

本文引用自e314520520 - U5教學/ 霝兒教你做閃字

 

文章標籤

語蝶 發表在 痞客邦 PIXNET 留言(0) 人氣()

本文引用自min0427 - 語法產生器- 線上版

 

swf 貼圖語法產生器http://home.educities.edu.tw/nkhs9323005/B14.htm
一般貼圖語法產生器http://home.educities.edu.tw/nkhs9323005/B13.htm
呆呆之家框架語法產生器http://home.educities.edu.tw/nkhs9323005/B15.htm
 

本文引用自ru6854 - 語法產生器- 線上版

 

文章標籤

語蝶 發表在 痞客邦 PIXNET 留言(0) 人氣()

       

 

將xuite當swf倉儲

xuite的圖檔 檔案 影音 接受外部連結

所以 可以好好利用xuite 放置swf網誌掛件

xuite的swf 必須 利用 發表日誌 的方式 插入文章中

取得放置在 xuite 內的網址

步驟一:

註冊登入 xuite  http://blog.xuite.net/(免費申請)

管理後台新增文章

步驟二:

選擇→插入 影片/音樂→選 上傳 SWF 檔GO

步驟三:

選擇 電腦內的.SWF檔 上傳

插入xuite內的swf檔尺寸 是固定的大尺寸

可選擇是否自行微調成適當尺寸

 (這個動作是龜毛的我 不調整就不舒服 0..0||| )

步驟四:

 發表文章 (才能取得證確的網址)

步驟五:

瀏覽日誌

步驟六:

點文章最下方→點 編輯 →進入編輯 文章頁

步驟七:

點選 HTML複製SWF 網址語法

同一篇文章插入的SWF檔 網址  會有規律自動照數字排列

例如:

http://5.mms.blog.xuite.net/5/2/d/0/11739951/blog_163832/dv/45563444/45563444.swf

http://5.mms.blog.xuite.net/5/2/d/0/11739951/blog_163832/dv/45563444/45563444_0.swf

http://5.mms.blog.xuite.net/5/2/d/0/11739951/blog_163832/dv/45563444/45563444_1.swf

以此類推

放置 在部落格中的 SWF 語法

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

番外篇:

如果不是自己的xuite 要查詢別人家的swf網址

點選 網頁→檢視原始檔 

編輯尋找

一般 網頁 部落格 尋找.swf 即可查到網址

但是 xuite 的語法 已隱藏 .swf
xuite 則要尋找 mms 才可

請複製 這段 含有 mms 的語法 測試

擷取出的網址→貼在網址列 一一照順序測試

............................................................................

好好利用就可以將xuite這塊寶第 當作自己的swf倉儲使用

更多延伸教學 檔案:314精華區

 

本文引用自e314520520 - 將xuite當swf倉儲

文章標籤

語蝶 發表在 痞客邦 PIXNET 留言(0) 人氣()

12:33

分享: 7Headlines facebook PLURK twitter   

想把你電腦裡的mp3音樂、歌曲
剪出其中一段副歌
來當手機鈴聲?
利用melofania這個網站
不需要下載軟體,就能夠快速完成!




melofania這個網站,可以剪出30秒內的手機鈴聲


請按下面進入:

下一張(熱鍵:c)


上傳音樂




色部分就是手機鈴聲,自己移動到想要的位置吧
鈴聲限制最長30秒,如果不需要這麼長,可以用滑鼠把它縮短
好了就按下一步




會要你填上歌手、曲名




選擇你要
.mp3(一般手機)還是 .m4riPhone用)檔案



是不是很方便呢?

http://www.wretch.cc/blog/Umod/3623308

翔霏圖片整理上傳

 

 

本文引用自ru6854 - melofania 線上剪歌網站,製作手機鈴聲

文章標籤

語蝶 發表在 痞客邦 PIXNET 留言(0) 人氣()

1

搬到新家後看著各位格友將自己的家佈置的如此漂亮,

不由的我也心動想要改改門面換換裝璜,

因天兔來擾亂我的假期那兒也不能去,

那就大膽冒險的開始敲敲打打改裝我的房子吧

探索格友筠媽親愛的,我把房子變大了

沈小慧的教導,一開始我也是有看沒有懂,

摸索了好久終於將我的家佈置完成了,

相信我辦的到你們也是可以的,因為沒有想像中的難喔。

以下是我整理出來方便大家容易操作改格,

在改格之前大家一定要先原始的CSS 原始碼編輯裏的語法先複製下來

免的到時改錯了無法復原。

底下是我現在的版圖改完成的語法,大家可以參考看看。

在管理後台選自訂樣式再點CSS原始碼編輯,

進入畫面後開始找你想要變更的語法:

側邊欄位字體變大

.box-title {

height:32px;

line-height:32px;

overflow:hidden;

color:#333;     改成#000000;   這是側欄位改標題的顏色(依你喜歡的顏色變更)

background:url(http://pic.pimg.tw/candywjb/1379459591-3610034888.jpg);

padding:0 10px 3px 30px;

}

 

box-text {

color:#999;        改成9900ff  這是側欄位的字體顏色

font-size:12px;     改成13px   這是側欄位的字體大小

padding:10px;         

}

 

box-text a {

color:#777;         改成9900ff

}

 

.box-text a:hover {

color:#444;          改成9900ff

 

痞客邦主體相片系統規定尺寸為950*300

一般按照這尺寸更改,圖片都會比較小,

如果要將圖片變大那就是要升級成為VIP

現在自己勤勞一點,自己做變動吧。

版圖的尺寸改法  照片尺寸1024*379(這是我版圖的尺寸)

 

#header {

position:relative;

height:300px;            改成400px(這是放入相片大小的位置) 

background-image:url(none); 

background-color:#9f9; 

background-position:undefined; 

background-repeat:repeat; 

padding:50px 0 0; 

}

 

#banner { 

height:300px;    改成380px(這是放入相片大小的位置) 

background:url(http://d.share.photo.xuite.net/wjb519/1d556a6/6741476/387207106_x.jpg);

}

將這刪除改你想更換相片的網址(複製連結網址貼上)

將想要的圖片尺寸改為1024*379,再將照片上傳到隨意窩,

因我痞客邦裏文章上傳的圖片,已在系統設定好尺寸不想再做變動而改來改去,

所以乾脆上傳到隨意窩。

 

改相片簿   部落格   留言  名片

原本為英文字做以下變更就可改成中文

#navigation {

position:absolute; 

top:315px;   改成435px這是看你要將相片簿 部落格 留言 名片等字體要擺放在那個位子的數字 

right:40px;   

width:270px;  

height:35px;   

background:#fff url(http://pic.pimg.tw/pixnetvisual/7b50563db8d70081580c27a1f139cdc8.gif); 刪掉 

-webkit-border-top-left-radius:5px; 

-webkit-border-top-right-radius:5px;

-moz-border-radius-topleft:5px; 

-moz-border-radius-topright:5px; 

border-top-left-radius:5px; 

border-top-right-radius:5px; 

margin:0; 

padding:0 0 0 10px; 

}

  

#navigation li a {

display:block; 

width:100%; 

height:35px; 

font-size:0; 

text-indent:-5000px; 

刪掉

 

相片簿  部落格  留言  名片的中間空格距離 

#navigation li#link-album { 

width:60px; 

}

#navigation li#link-blog { 

width:50px;  改成75px(這可依你們想擺放的位子更改數字)光這些數字我喬好久

} 

#navigation li#link-guestbook { 

width:85px;  改成70px 

}

#navigation li#link-profile { 

width:65px;   改成35px 

} 

  

最新留言回覆日期的顏色 

#latest-comment li span { 

color:#bbb;     改成#666666 

font-size:.9em;   改成13 

border-right:1px solid #ddd; 

margin:0 5px 0 0; 

padding:0 5px 0 0; 

} 

 

以上是我版圖更改的語法,

每一位所選的版圖不一樣可能更改後也會有所不同,

再依你們的版圖作調整。

而每個人一開始部落格的版面不是會有個廣告欄,

有個語法貼上後就可以蓋住了,可參考 min 的 刪除左上角或右上角廣告教學

但我想再更改圖片時那個廣告就又會回來,

整個版面又要重新再更改一次,  

所以現在我這樣更改完成後,只要更改相片就可以了,

大家試試看吧~

 

 

本文引用自candywjb - 更改版圖相片變大,我也做到了

語蝶 發表在 痞客邦 PIXNET 留言(1) 人氣()

 

  一般的跑馬燈
滑鼠移入就會停止的跑馬燈                               
  左右來回彈的跑馬燈
  帶著圖形       與 超連結 一起跑的跑馬燈
哇!好多不一樣的跑馬燈喔~       ^.^
跑馬燈可以有很多變化,只要你了解一些關於跑馬燈的HTML語言...

跑馬燈的基楚HTML:
編輯網頁,打開原始碼                        
<html>
<head>
...<title>標題</title>
</head>

              <body>

...... 貼在這兒
</body>
              </html>
<marquee>要跑的文字或物件</marquee>          
HTML標籤語言通常是配對的,
跑馬燈是以 <marquee>開始,</marquee>結尾,
在標籤語言中間所包含的就是要〝跑〞的東西。
註 :HTML中『 < 』 與 『 > 』符號,是鍵盤上的〝大於〞、〝 小於〞 那個符號, 不是注音符號中的 括弧 喔!
 

屬性
跑馬燈不只只能向左跑,還可以改變 方向、速度... 還有設定範圍的的寬高,只要在標籤中加上「屬性」就可控制。
加在那兒?
  <marquee 加在這>       要跑的文字 </marquee>
  註:加屬性前記得按一格「空白鍵」,       〝空格〞 是「屬性」與「屬性」間的分段,你可以任意組合使用。
 
 
 
屬 性 一 覽 表
屬         性
其         他 說 明
範         例
範         例 的 完 整 語 法
對齊 align="top" 齊上 top
居中 midden
齊下 botton
 
方向 direction="up" 左 left
右 right
上 up
下 dun
慢慢向上跑 <marquee direction="up"       height="50" scrollamount="1">
要跑的文字</marquee>
行為 behavior="altemate" 左右來回 alternate
進入後停止slide
反覆 scroll
左右來回彈
<marquee behavior="alternate">
要跑的文字</marquee>
進入後停止 <marquee behavior="slide">
要跑的文字</marquee>
(備註:一般反覆scroll的指令不用寫,因為那是預設)
height="高的數字" (跑馬燈區域的高度)

width="寬的數字"

(跑馬燈區域的寬度)
速度 scrollamount="1"        中間的數字是
      「滑動步伐的寬」
      步伐寬1 步伐寬5 <marquee scrollamount="1">       要跑的文字</marquee>
<marquee scrollamount="5">       要跑的文字</marquee>
背景色
bgcolor="
#0022FF"    
"#0022FF"是HTML色碼,兩個       兩個為一組,由00~99,AA~FF所組成,代表紅R、綠G、藍B,
      數字越小越深,數字越大越亮。
      例: #FF0000,       #00FF00, #0000FF,       #FFFF00, #9966CC,....。

圖片也可以跟著跑
在跑馬燈<marquee> 標籤開始       至</marquee>結尾,中間所包含的物件 都會跟著跑,包含文字、圖形、超連結...
範例:       圖       與 超連結 都可以夾帶一起跑  
寫法:
<marquee>
            <img src="圖形的http位置" width="圖寬"              height="圖高">
            < a href="超連結的網址" target="_blank">
要超連結的文字</a>
            </marquee>
【說明】
註1. 顯示圖形的HTML是:<img       src="圖形的http位置">

   例:我要顯示這張小圖→

    假設我已把這張叫做「INDEX_LOGOME2.GIF」的圖上傳 放到我的http://www.liu-may.com網站空間的「img」裡,
    所以圖的絕對路徑位置是「http://www.liu-may.com/img/INDEX_LOGOME2.GIF」
    那麼要顯示這張圖的HTML寫法就是↓
    <img       src="http://www.liu-may.comimg/INDEX_LOGOME2.GIF ">
註2. 超連結的HTML是:<a       href="連結的http位置">名稱</a>
  target="_blank"       表示超連結開啟方式是「開在新視窗 」
    例:我想要超連結到「奇摩」,並且開在新視窗,而奇摩的網址是「http://tw.yahoo.com」
      那麼這段超連結的HTML寫法是:
      <a href="http://tw.yahoo.com"       target="_blank"> 奇摩       </a>

滑鼠移入就會停止的跑馬燈
範例:
              滑鼠移入就會停止的跑馬燈                           
寫法:
<marquee onMouseOver="this.stop()"             onMouseOut="this.start()" height="50"             direction="up" scrolldelay="4" scrollamount="1">要跑的文字</marquee>
【說明】
onMouseOver="this.stop()" 表示滑鼠移入〝範圍區〞既「停止」
onMouseOut="this.start()" 表示滑鼠離開便「跑動」
在stop與start後面的『 ( 』與『 ) 』,是鍵盤上數字健9與0上方的那個括弧符號,不是數字〝零〞喲 ^.^ 
PS:以上跑馬燈 整段HTML要改的只有〝要跑的文字〞 ^_^

 文章取自:http://www.liu-may.com/notebook/html/01marquee.htm#3

 

本文引用自ru6854 - 跑馬燈 html 教學 2

 

 

本文引用自min0427 - 跑馬燈 html 教學 2

語蝶 發表在 痞客邦 PIXNET 留言(0) 人氣()

如何在置頂頁的日誌描述放置兩個透明Flash動畫做頁首背景:

複製以下語法貼在日誌描述位置,如圖:

<EMBED style="LEFT:0px;POSITION:absolute;TOP:0px;" align=left src=Flash網址.swf width=1000 height=200 type=application/octet-stream wmode="transparent" quality="high" ;>
<EMBED style="LEFT:0px;POSITION:absolute;TOP:0px;" align=left src=Flash網址.swf width=1000 height=200 type=application/octet-stream wmode="transparent" quality="high" ;>

例如 :
<EMBED style="LEFT:0px;POSITION:absolute;TOP:0px;" align=left src=http://blog.roodo.com/oei/2a5e1776.swf width=1000 height=200 type=application/octet-stream wmode="transparent" quality="high" ;>

調整簡易說明 :

LEFT: 0px   ( Flash顯示靠左邊界 )

TOP: 0px   ( Flash顯示至頂邊界 )

align=left  ( Flash起始位置,通常置於左邊 )

width=1000   ( Flash起始寬度 )

height=200   ( Flash起始高度 )配合頁首的 #banner{height:200px;} 高度語法使用

wmode="transparent" 將 flash 透明化

 文章取自:http://blog.xuite.net/m.liou/liou/20532118-%E5%A6%82%E4%BD%95%E5%9C%A8%E7%BD%AE%E9%A0%82%E9%A0%81%E7%9A%84%E6%97%A5%E8%AA%8C%E6%8F%8F%E8%BF%B0%E6%94%BE%E7%BD%AE%E5%85%A9%E5%80%8B%E9%80%8F%E6%98%8EFlash%E5%8B%95%E7%95%AB%E5%81%9A%E9%A0%81%E9%A6%96%E8%83%8C%E6%99%AF%EF%BC%9A

 

本文引用自ru6854 - 如何在置頂頁的日誌描述放置兩個透明Flash動畫做頁首背景

文章標籤

語蝶 發表在 痞客邦 PIXNET 留言(0) 人氣()

本文引用自min0427 - 隱藏文章下方的廣告與捷徑bar

相信許多格友都對痞客的超多廣告很困擾

除了左右欄的廣告(可以強拉去隱藏)

再來就是文章區下方的  廣告bar 跟  "您可能會有興趣的文章"

初來痞客就找過許多相關語法~但套上去沒用~只好做罷~

前些天,霝兒 寶貝告知,有語法可消除下方廣告bar上的動畫

雖不能全消除,但也令人為之雀躍~5_key.png  

注意看~您的文章下方是不是有以下這個 kk-2.jpg

如果有,請照步驟來~

1.先到後台管理的自訂樣式

kk-3.jpg

2.再到css原始瑪編輯,點選"前往"

 

kk-4.jpg

3.貼上語法 

#content .recommended-posts {display:none;}
#blog468x60Banner{display:none !important;}

 

將語法貼在所有語法的最下方即可~

kk-6-1.jpg

 

但~問題又來了,那個"您可能會有興趣的文章"

 

一直消不掉~LU (4).gif  

 

kk-1.jpg

 

只好繼續容忍它的囂張~111_key.png  

 

後來~意外在我家臭老頭的格子發現~"為啥米你的格子沒有那個

 

討人厭的"您可能有興趣的文章"

 

這回他說了很棒的方法~就是.............不告訴你~

 

  沒啦~要告訴啦~  2_key.png  

 

只要將上述語法,再貼一次到剛剛語法區的最上面

 

這樣就可以了~

 

kk-5.jpg

 

   

 也就是說,同樣的語法貼兩次,各在語法頭跟語法尾~

 

這樣清楚嗎~164.png

 

看看成果~很讚吧~

kk-8.jpg

 

感謝霝兒與我家臭老頭~172.png

 

另外~找語法時,也順便找到了去除部落格最下方的捷徑bar

 

就是下面這個~

 

總是不經意的透露出一些小小的隱私

 

bar-1.jpg

 

如果妳也不喜歡的話~

 

請在語法區加上這段語法

 

#toolbar-box{display:none;}

 

把它貼在剛剛貼的語法的上方~

 

也就是倒數第二的位置~

 

kk-6-2.jpg

 

來看看成果~

 

你看~素不素給它清爽多了啊~

 

又不會透露其他不想給知的訊息~

 

 

bar-2.jpg

此語法來自 http://smallwu36.pixnet.net/blog/post/27204614

 

做了以上綜合的圖片教學~

 

希望大家都能懂~5_key.png  

 

 

 

語蝶 發表在 痞客邦 PIXNET 留言(0) 人氣()

1 2