目前分類:┌ 教學 (8)

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

播放器範例:


step1. 自備音樂存放空間 (fileden 似乎不給用了)
step2. 複製語法 (全選後右鍵複製或ctrl+c)   
step3. 將語法貼入文章 (進階編輯器請先換成一般編輯器)、自訂欄位或網誌描述三處皆可
step4. 將上傳後的音樂網址複製下來,並請取代語法中的"在此貼入您的mp3網址"

★ 聽說只能放 mp3 格式的音樂檔案
★ 語法中的 bgcolor="#ffffff",可修改成與背景相近的色碼
★ 自動播放請在語法中音樂網址的 .mp3 後加上 &autoplay=1
  變成 → flashvars="son=http://您的音樂網址.mp3&autoplay=1"
  (請支持"不要強暴讀者耳朵運動",避免使用自動播放造成讀者困擾)


2. wordpress plugin 7.0

播放器範例:


step1. 自備音樂存放空間 (fileden 似乎不給用了)
step2. 複製語法 (全選後右鍵複製或ctrl+c)   
step3. 將語法貼入文章 (進階編輯器請先換成一般編輯器)、自訂欄位或網誌描述三處皆可
step4. 將上傳後的音樂網址複製下來,並請取代語法中的"在此貼入您的mp3網址"

★ 聽說只能放 mp3 格式的音樂檔案
★ 語法中的 bgcolor="#ffffff",可修改成與背景相近的色碼
★ 自動播放請在語法中音樂網址的 .mp3 後加上 &autostart=yes
  變成 → flashvars="soundFile=http://您的音樂網址.mp3&autostart=yes"
  (請支持"不要強暴讀者耳朵運動",避免使用自動播放造成讀者困擾)
--

以上兩種播放器的 swf 檔案都是存在我的空間
如果長期要使用的話請自行另存檔案到自己的空間喔!!
這個不知道哪天會不小心被我刪除 :p

★ 請在連結上點右鍵→另存目標
  → dewplays 下載
  → wordpress plugin 下載


歡迎轉載此文,請回應告知或引用 :)
p.s 此兩款播放器無名一般會員也可使用

--
原文by leah


阿堂 發表在 痞客邦 PIXNET 留言(8) 人氣()



請先下載撥放器所需要的檔案
點此下載∥(黑色版)
點此下載∥(黃色版)
點此下載∥(紅色版)

「主播放器檔」mp3player.swf *這個要上傳 (請自行上傳)
「音樂曲目檔」mp3player.xml *這個要上傳 (請自行上傳)
「放置播放器的語法」放置語法.txt *這個是放置語法 (不必上傳)

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

使用記事本 (notepad.exe) 開啟 mp3player.xml (此檔名不得任意更改)


autoStart="參數"
"參數"設定為 yes 即是自動播放
"參數"設定為 no 即是不自動播放
"參數"設定為 random 即是隨機自動播放
即是紀錄音樂項目的地方
多加幾行 就能多撥幾首音樂
*(音樂曲目無數量限制,愛放幾首就放幾首)

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

然後將 mp3player.swfmp3player.xml 上傳自網路空間

安裝方式:在無名Link區開一個資料夾→連結管理→將語法貼到名稱
安裝語法:語法在 放置語法.txt 檔裡

阿堂 發表在 痞客邦 PIXNET 留言(1) 人氣()

最近即時通常常自動登入登出

解決的方法很簡單哦~

即時通 → 偏好設定 → 網路連線設定 → 勾選 不要偵測網路狀況

這樣應該就可以了,希望能幫助到大家唷!!


★ 歡迎轉載此文,請回應告知或引用 :)
★ 看完回應是一種美德 :)


阿堂 發表在 痞客邦 PIXNET 留言(1) 人氣()

今天我就來分享給大家使用吧! 呵呵~
有些過長的語法非VIP無法使用,大家只好來縮短網址~

--
step1. 請點此進入縮短網址的地方

step2. 把你想要縮短的網址輸入,再按Make TinyURL, 會出現簡址

step3. 請複製第二行的簡址,然後再貼到自己所要的地方

阿堂 發表在 痞客邦 PIXNET 留言(0) 人氣()

本來想要直接貼絕對位置的 ...
可是我還是覺得要先從初級開始 ... 這樣才比較有先後順序 ...

★何謂 css 與標籤?

 css 為「Cascading Style Sheets」的縮寫
 中文稱為 : 串聯樣式表
 應用在網頁中可控制版面的色彩、文字、背景、排版 ... 等
 可使原始檔更為精簡,可縮短讀取時間唷!!

 常常聽會寫 css 的人說「標籤」,到底是什麼意思呢?
 標籤,顧名思義,就是為某個區塊貼上屬於他的標籤
 以此標籤寫入 css 樣式後,就可以幫此區塊編輯樣式囉!!

 有些標籤是相同的,有些標籤是唯一的,怎麼分辨呢?
 開啟網頁原始檔後,常常會出現 :
 <div id="links"> 或 <div class="side">
 這就代表此 div 區塊已經被貼上屬於它的標籤了
 「id」和「class」又有什麼分別呢?
 id 代表此網頁中只有唯一一個此標籤,不能有重複
 class 代表此網頁中可有數個同樣為此標籤的區塊,可以重複

 只要運用這些標籤,編輯 css 之後,頁面就可以美輪美奐了唷!!


★常用樣式指定說明

 font-size: 10px; /*文字大小,可以 px 或 pt 為單位*/
 font-family: arial; /*文字字型,一般常用為 arial 或 verdana*/
 color: #色碼; /*內容顏色,即文字的顏色,可參閱網路色碼表*/
 width: 123px; /*寬度,以 px 為單位*/
 height: 456px; /*高度,以 px 為單位*/
 background: #色碼 url(圖片網址) no-repeat fixed left top; /*背景指定*/
  註:色碼即背景色,url(圖片網址) 請貼入圖片網址
    no-repeat 表不重複顯示
    可改成 repeat (重複顯示)、repeat-x (重複 x 軸)、repeat-y (y 軸)
    fixed 表鎖定背景不隨捲軸捲動,刪除則反之
    left top 表示圖片開始位置,表左上
    可改right top (右上)、left bottom (左下)、right bottom (右下)
      left center (左中)、right center (右中)、center top (中上)
      center bottom (中下)、center center (置中)
    或是以百分比指定位置 100% 100% 表最右下,0% 0% 最左上
    前者為 x 軸指定,後者為 y 軸指定
    ↑ 也可用 px 微調或精確指定背景位置
 line-height: 18px; /*行高,可以 px、pt、百分比為單位*/
 border: 1px solid #色碼; /*框線指定*/
  註:依序為「框線粗細」、「框線樣式」、「框線顏色」
    solid 表直線,dotted 表點線 (2px以上較為明顯)
    dashed 表虛線,double 表雙框線 (3px以上較為明顯)
    此為整圈框線指定,可分開指定上下左右之框線~
    border-top: ; /*上框線*/
    border-bottom: ; /*下框線*/
    border-left: ; /*左框線*/
    border-right: ; /*右框線*/
 padding: 10px 20px 10px 20px; /*區塊空白距離*/
 margin: 5px 0px 5px 0px; /*區塊邊界距離*/
  註:空白與邊界怎麼分別?
    簡單說來就是此區塊框線外與內的空白距離唷!!
    欲指定框線外的距離,即 margin
    欲指定框線內的巨哩,即 padding
    依序是 : 上、右、下、左,若為 margin: 5px; 即上下左右皆 5px
    也可以分開指定上下左右~
    padding-top、margin-left:;... (與框線設定方式相同,以此類推)
 text-align: left; /*文字靠左對齊*/
 text-align: right; /*文字靠右對齊*/
 text-align: center; /*文字置中對齊*/
 letter-spacing: 1px; /*文字間距*/
  註:使用文字間距時,斷行會出現要 enter 兩次才可順利斷行的問題
    此時可以在樣式表加入 br { letter-spacing: 0px; } 解決

--
以上,待續 (進階篇) ...
可參考各大教學網站唷!! leah 我也是從網站學會的
OECSPACE

★轉載請註明此文網址,以確保原作在下我的權益,感謝~

下台一鞠躬 orz




----
原文:http://blog.pixnet.net/lesleah/post/377361

阿堂 發表在 痞客邦 PIXNET 留言(0) 人氣()

有人問阿堂如何在網誌播放MV?所以這次就來介紹這個囉!
I'm VLOG影音播放器,那接下來我們就來看看如何放置吧!

步驟1

先進入【VLOG影音日誌】
點選你喜愛的【VLOG-MV】進入

步驟2

影片下方有‧嵌入此支影片,請按複製連結複製語法
因為語法過長,只需複製語法中從到這段

步驟4

1. 把複製的語法貼到 -> 資料夾管理 -> 新增資料夾 -> 連結管理 -> 新增連結 -> 名稱
2. 或把複製的語法貼到文章裡也可以喔!!

註: 請勾選「使用一般編輯器」再貼上語法

阿堂 發表在 痞客邦 PIXNET 留言(4) 人氣()

有些人套用其它的CSS樣式之後,版面原本有顯示好友名單的,
而套用樣式之後,好友名單卻消失了,為什麼會這樣子呢?

今天阿堂就來教大家如何讓版面顯示好友名單

步驟1. 進入CSS中,找出 select {display: none;} 的語法
步驟2. 把 select {display: none;} 整段拿掉就可以顯示好友名單

補充:   select 代表好友名單 . display: none 則是讓它全部消失

---
有不懂的地方再問阿堂,到留言板留言也可以喔!!

阿堂 發表在 痞客邦 PIXNET 留言(2) 人氣()

今天來教非vip的人縮小相片容量

---
步驟1. 先進小畫家選檔案 --> 按開起舊檔選擇你要的圖
步驟2. 再選影像 --> 延展/扭曲 裡的延展水平與延展垂直
      (至於要用多少%縮,依個人而定)

容量會變小,只不過圖會稍微小張一點

阿堂 發表在 痞客邦 PIXNET 留言(0) 人氣()