PIXNET Logo登入

楓雪--芳之霖---坊坊

跳到主文

歡迎光臨這裡記錄了我的點點滴滴！ 收藏及分享 文章如有侵權請告知-----立即刪除--謝謝--

部落格全站分類：收藏嗜好

  • 相簿
  • 部落格
  • 留言
  • 名片
  • 8月 04 週四 201614:04

  • 如何在文章中插入影音




[教學] 如何在文章中插入影音




(繼續閱讀...)
文章標籤

kiki 發表在 痞客邦 留言(0) 人氣(8)

  • 個人分類：部落教學
▲top
  • 6月 15 週一 201510:34

  • Xuite部落格CSS自訂式樣屬性詳解

Xuite部落格CSS自訂式樣屬性詳解

 

(繼續閱讀...)
文章標籤

kiki 發表在 痞客邦 留言(0) 人氣(9)

  • 個人分類：部落教學
▲top
  • 6月 07 週日 201510:44

  • 痞客邦 文章編輯器 連結語法

痞客邦 文章編輯器 連結語法



314-1.gif


痞客邦 文章編輯器 連結語法


314學習手札


先輸入文字


(點選圖片也可設定連結語法)


在將文字圈選起來


才會出現 連結 選項


輸入網址


選擇 新視窗 或整頁開啟


標題-輸入連結文字標題文字 不填也可


簡易編輯連結語法1  


 


Xuite 隨意窩 文章編輯 語法 也是類似


先輸入文字


在將文字圈選起來


在點選 連結 選項


輸入網址


一定要輸入標示文字 不然此設定全無


選擇 新視窗 或整頁開啟


簡易編輯連結語法2


 好學.gif  





http://sunny0731.pixnet.net/blog/category/1144889
(繼續閱讀...)
文章標籤

kiki 發表在 痞客邦 留言(0) 人氣(13)

  • 個人分類：部落教學
▲top
  • 6月 07 週日 201510:17

  • 語法｜各式框框語法

本文引用自rita589768 - 語法｜各式框框語法
語法｜各式框框語法



太多人發問關於兔子文章內提供的複製語法框是如何使用
不過因為無名文章內並不支援此種語法，所以兔子提供其他可支援無名的語法框框
右邊為自動反白語法框不適用於無名，無名請複製左邊其他部落格請自行斟酌。
(提供的都是基本款,可以自己去做變化喔)












非自動反白語法

自動反白語法

<div style="BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; SCROLLBAR-FACE-COLOR: #fff; SCROLLBAR-HIGHLIGHT-COLOR: #fff; OVERFLOW: auto; BORDER-LEFT: 1px solid; WIDTH: 200px; SCROLLBAR-SHADOW-COLOR: #fff; SCROLLBAR-3DLIGHT-COLOR: #fff; SCROLLBAR-ARROW-COLOR: #fff; SCROLLBAR-TRACK-COLOR: #fff; BORDER-BOTTOM: 1px solid; SCROLLBAR-DARKSHADOW-COLOR: #fff; SCROLLBAR-BASE-COLOR: #fff; HEIGHT: 50px">這邊打上文字</div>














改變框線顏色

改變框線顏色

<div style="BORDER-RIGHT: #000 1px solid; BORDER-TOP: #999999 1px solid; FONT-WEIGHT: normal; OVERFLOW: hidden; BORDER-LEFT: #000 1px solid; WIDTH: 200px; BORDER-BOTTOM: #000 1px solid; HEIGHT: 50px; FILT4R: Alpha(opacity=80)">這邊打上文字即可</div>














改變邊框成成虛線

改變邊框成成虛線

<div style="BORDER-RIGHT: 2px dashed; BORDER-TOP: 2px dashed; OVERFLOW: auto; BORDER-LEFT: 2px dashed; WIDTH: 200px; BORDER-BOTTOM: 2px dashed; HEIGHT: 50px">這裡打上文字</div>


 














變成點點框線

變成點點框線

<div style="BORDER-RIGHT: 2px dotted; BORDER-TOP: 2px dotted; OVERFLOW: auto; BORDER-LEFT: 2px dotted; WIDTH: 200px; BORDER-BOTTOM: 2px dotted;SCROLLBAR-FACE-COLOR: #fff; SCROLLBAR-HIGHLIGHT-COLOR: #fff;SCROLLBAR-SHADOW-COLOR: #fff; SCROLLBAR-3DLIGHT-COLOR: #fff; SCROLLBAR-ARROW-COLOR: #fff; SCROLLBAR-TRACK-COLOR: #fff;SCROLLBAR-DARKSHADOW-COLOR: #fff; SCROLLBAR-BASE-COLOR: #fff;HEIGHT: 50px">這裡打上文字</div>

 














邊框變雙框

邊框變雙框

<div style="BORDER-RIGHT: 5px double; BORDER-TOP: 5px double; OVERFLOW: auto; BORDER-LEFT: 5px double; WIDTH: 200px; BORDER-BOTTOM: 5px double; HEIGHT: 50px">這裡打上文字</div>

 














變成立體框

變成立體框

<div style="BORDER-RIGHT: #999999 5px inset; BORDER-TOP: #999999 5px inset; OVERFLOW: auto; BORDER-LEFT: #999999 5px inset; WIDTH: 200px; BORDER-BOTTOM: #999999 5px inset; HEIGHT: 50px">這裡打上文字</div>

 














邊框兩層色

邊框兩層色

<div style="BORDER-RIGHT: #999999 10px outset; BORDER-TOP: #999999 10px outset; SCROLLBAR-FACE-COLOR: #fff; SCROLLBAR-HIGHLIGHT-COLOR: #fff; OVERFLOW: auto; BORDER-LEFT: #999999 10px outset; WIDTH: 178px; SCROLLBAR-SHADOW-COLOR: #fff; SCROLLBAR-3DLIGHT-COLOR: #fff; SCROLLBAR-ARROW-COLOR: #fff; SCROLLBAR-TRACK-COLOR: #fff; BORDER-BOTTOM: #999999  10px outset; SCROLLBAR-DARKSHADOW-COLOR: #fff; SCROLLBAR-BASE-COLOR: #fff; HEIGHT: 45px">這裡打上文字</div>

 














框內加底圖

框內加底圖

<div style="BORDER-RIGHT: #f3a5c9 1px solid; BORDER-TOP: #f3a5c9 1px solid; FONT-WEIGHT: normal; OVERFLOW: hidden; BORDER-LEFT: #f3a5c9 1px solid; WIDTH: 200px;BACKGROUND-IMAGE: url(http://p7.p.pixnet.net/albums/userpics/7/5/232075/49316daf4cf6d.gif); BORDER-BOTTOM: #f3a5c9 1px solid; HEIGHT: 50px; filt4r: Alpha(opacity=80)">這邊打上字</div>

 














改文字顏色.字型.大小

改文字顏色.字型.大小

<div style="BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; FONT: 12pt Comic Sans MS; OVERFLOW: auto; BORDER-LEFT: 1px solid; WIDTH: 200px; COLOR: #000; BORDER-BOTTOM: 1px solid; HEIGHT: 50px; FILT4R: Alpha(opacity=10)">這邊打上文字</div>













點一下框內就反白(無名不支援)

ctrl+A反白全選

 














卷軸邊框顏色

卷軸箭顏色

<div style="BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; SCROLLBAR-HIGHLIGHT-COLOR: #fc0000; OVERFLOW: auto; BORDER-LEFT: 1px solid; WIDTH: 200px; SCROLLBAR-SHADOW-COLOR: #fc0000; SCROLLBAR-3DLIGHT-COLOR: #fc0000; SCROLLBAR-ARROW-COLOR: #fc0000; SCROLLBAR-TRACK-COLOR: #ffffff; BORDER-BOTTOM: 1px solid; SCROLLBAR-DARKSHADOW-COLOR: #fcfc90; HEIGHT: 50px">打上文字</div>
<div style="BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; SCROLLBAR-FACE-COLOR: #fcb400; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW: auto; BORDER-LEFT: 1px solid; WIDTH: 200px; SCROLLBAR-SHADOW-COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #fcb400; SCROLLBAR-ARROW-COLOR: #fcb400; SCROLLBAR-TRACK-COLOR: #ffffff; BORDER-BOTTOM: 1px solid; SCROLLBAR-DARKSHADOW-COLOR: #fcb400; SCROLLBAR-BASE-COLOR: #ffffff; HEIGHT: 50px">打上文字</div>

arrow_357.gif解說
  FONT: 8pt =文字大小
  FONT-FAMILY=文字字型(另外有Verdana新細明體或者Comic Sans MS和標楷體等等..)
  BORDER =線框
  RIGHT=右邊
  BOTTOM=下面
  TOP=上面
  LEFT=左邊
  solid=直線框(款式還有double(立體)  dotted (點點) dashed (虛線)
  grooved(2色凹框)inset(上凹框)outset(下凹框)ridged (暗色凹框)
  FILTER: Alpha(opacity=40)=變成半透明狀(數值可調)
  width=寬度(框框)
  HEIGHT:高度(框框)
  COLOR=文字顏色
  BACKGROUND-COLOR=框內加底色
  BACKGROUND-IMAGE: url(***)=框內加入底圖(動畫亦可)


本文引用自ab09301314 - 語法｜各式框框語法





 
(繼續閱讀...)
文章標籤

kiki 發表在 痞客邦 留言(0) 人氣(7)

  • 個人分類：部落教學
▲top
  • 5月 13 週三 201512:38

  • 如何放大痞客邦的會員頭像(大頭照)

本文引用自blogbackup - 如何放大痞客邦的會員頭像(大頭照)
如何放大痞客邦的會員頭像(大頭照)



下圖藍色框選的地方就是痞客邦的會員頭像(大頭照)
AvatarZoomIn01.PNG   


會員頭像預設的尺寸是90x90,只要簡單的幾句 Javascript 語法即可將它放大 


語法如下,此範例為將90x90放大到150x150


複製上面語法,將它貼到 http://panel.pixnet.cc/blog/config [部落格描述] 裡,如下圖,原有的內容不需刪除
AvatarZoomIn02.PNG


可以將上面語法裡面的150修改成你想要的大小喔!
以上~有任何問題請再留言讓我知道吧


 


會員頭像, 大頭照, 放大, 痞客邦, 尺寸




 
(繼續閱讀...)
文章標籤

kiki 發表在 痞客邦 留言(0) 人氣(15)

  • 個人分類：部落教學
▲top
  • 4月 22 週三 201512:19

  • 在照片上加上動畫的線上製作機




蝴蝶與鬱金香.gif


在照片上加上動畫的線上製作機


請進入→http://blingee.com/blingee/upload_base?
這個網站需先註冊


下方範例是我加上ㄌ兩支動畫蝴蝶圖在原來圖片上



進入網站註冊及上傳圖片製作步驟請參考下方圖解
1.


2.


3.


4.


5.


6.
　


7.
　


8.


9.
　


10.


 


複製下的語法中在<img ...裡面這段 http://........gif  這個就是圖片網址


原文


照片加動畫

http://angelheart45.pixnet.net/blog/trackback/174fc3b744/79795075



(繼續閱讀...)
文章標籤

kiki 發表在 痞客邦 留言(0) 人氣(9)

  • 個人分類：部落教學
▲top
  • 4月 14 週二 201513:15

  • 新版CSS架構


新版CSS架構

 

(繼續閱讀...)
文章標籤

kiki 發表在 痞客邦 留言(0) 人氣(10)

  • 個人分類：部落教學
▲top
  • 4月 14 週二 201512:17

  • 有趣的大頭貼產生器

2013 03 17 1204
 
FaceYourManga 有趣的大頭貼產生器，五分鐘快速完成一張Q版個人頭像！
 Boring
(繼續閱讀...)
文章標籤

kiki 發表在 痞客邦 留言(0) 人氣(80)

  • 個人分類：部落教學
▲top
  • 4月 08 週三 201514:33

  • 影音、檔案(Honey愛情搜尋下載)免安裝


影音、檔案(Honey愛情搜尋下載)免安裝

 

(繼續閱讀...)
文章標籤

kiki 發表在 痞客邦 留言(0) 人氣(55)

  • 個人分類：部落教學
▲top
  • 4月 07 週二 201511:41

  • 痞客預約發表文章教學

本文引用自ru6854 - 痞客預約發表文章教學



 搬來痞客發現,痞客後台真的強大很多~


來分享一下心得


在痞客是可以預約發表文章的喔~SB (2).gif  很驚奇吧~


寫文寫到三更半夜不好意思發表~可以用這方法~10_key.png  


8_key.png  糟糕透露自己行蹤~


好吧~不要管我嘿~先來講解如何使用~



一.先按發表文章,跳出以下畫面後


1.點一下文章日期的時間區


2.跳出一個日期跳窗


3.若要指定日期發表,請點選日期


4.若只是要預約時間點而已,請改時間即可~點該時間就會跳換~


po-1.jpg


二.預約好妳想要的時間後,並將"更多設定"分類好


之後按儲存,最後按發表~


po-2.jpg


噹噹~預約好了~關機睡覺去~176_key.png  


看到文章列上該文的時間是紅色的嗎~


沒錯~因為是未來時間,所以呈紅色的~


等到時間一到,它會自動幫妳發表出去~多便利啊~FUN (2).gif  


po-3.jpg


預約發表文章講完,順便講一下單篇文章的草稿儲存


不需像奇摩那樣,用文字文件夾來儲存寫一半的文章


痞客得猴的狀態比奇摩好一些~


但它的後台強~不怕文寫到一半跳掉就通通不見了~


來~請看~SB (2).gif  


一.按發表文章,開始編寫,寫的途中,偶爾去按一下上面的"儲存"功能"


以免未知狀況~


二.寫到一半發表出去後


1.先將該文打勾


2.點選"設文章狀態


3.會挑出一排功能列表


4.點選草稿


po-4.jpg


該篇文章就會變成草稿


po-7.jpg


可隨時點編輯功能,再繼續撰寫


po-5.jpg


等全部寫完時,文章日期點選"現在",然後按"儲存文章"即可~


po-6.jpg


如果按發表後還是呈現草稿狀態


只要再到設文章狀態更改即可~


po-8.jpg


希望對婆婆媽媽們有幫助喔~FUN (2).gif  



 

 

 

本文引用自min0427 - 痞客預約發表文章教學




(繼續閱讀...)
文章標籤

kiki 發表在 痞客邦 留言(0) 人氣(0)

  • 個人分類：部落教學
▲top
12...21»

天氣

美女時計

個人資訊

kiki
暱稱：
kiki
分類：
收藏嗜好
好友：
累積中
地區：

熱門文章

  • (31,305)youtube影片重複播放、影片下載、影片音樂下載
  • (8,855)【韓文發音對照表】韓文基本字母表(含羅馬拼音)
  • (1,512)無聊收集/ 符號組成的生日快樂圖案 ┋37款┋
  • (398)毛線織圖目錄
  • (217)32875個MSN 表情圖示 下載 (超級完整版) 轉貼更新:07/2/28
  • (101)snsd 少女時代 Genie(說出你願望) MV 中文空耳
  • (56)一個免費英文拼字測驗
  • (38)可愛游標
  • (25)網頁特效語法
  • (3)432FLASH網站

最新文章

  • 元宵節快樂
  • 聖誕節快樂
  • 唯美插畫女孩
  • 綜合韓版動圖
  • 唯美夢幻秋景-星之
  • 你的心事我知道-星兒的版型62
  • 用javascript語法製作隨機撥放音樂盒
  • 童話風格圖片 / 水苑仙境
  • 中國娃娃PUCCA 動靜態表情圖
  • 鈴鈴噹&考場那些事&歪歪兔QQ表情

誰來我家

點我回家

寵物

星座運勢

參觀人氣

  • 本日人氣：
  • 累積人氣：

應援團

最新留言

  • [22/07/08] 訪客 於文章「【英文名字大全】女生/男生的意義、翻譯、...」留言：
    也可以參考一下網站 https://name.my-help...
  • [22/07/02] 訪客 於文章「【英文名字大全】女生/男生的意義、翻譯、...」留言：
    感謝分享，很實用的名字翻譯系統！我在這個取名字網站 http...
  • [20/08/08] wenshu 於文章「元宵節快樂...」留言：
    假期愉快 ...
  • [18/06/27] 奢侈品精仿賣家 於文章「 聖誕節快樂...」留言：
    u9oCg4hfe2b奢侈品仿牌，保固說到做到，誠信經營，，...
  • [16/04/14] 52694.la 於文章「MSN圖庫/小動畫 240...」留言：
    裡再聲和做你你好和學夫來用來信自人作不太三們。 魚﹎訊...
  • [16/04/05] 俴 誏 ? 闚 於文章「MSN圖庫/小動畫 240...」留言：
    得物到那文會西有全子真和一，家上多這果的幾，和作。 最...
  • [16/04/01] ♥ღ紫玫瑰♥ღ 於文章「男孩、女孩眨眼頭像...」留言：
    kiki 我帶走美美素材 謝謝友的妳分享...
  • [16/03/25] 星之 於文章「MSN圖庫/小動畫 240...」留言：
    哇! 有好多可愛表情符號我帶走幾個囉!! 謝謝~[:em...
  • [16/02/28] 星兒 於文章「MSN圖庫/小動畫 240...」留言：
    我拿走幾個表情符號. 謝謝好友的分享! [:emotio...
  • [15/11/08] 派報員 於文章「生日快樂 - 星兒的版型製作 No.26...」留言：
    上公就理們然地後出這向他用國文，不小子，得並 鴻博☆...

音樂

日曆

nidBox 盒子親子網

卡路里

游標