目前分類:電腦工具 (364)

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

boboku合成圖製造機

 

合成圖製造機 :



http://www.boboku.com/#close





想玩趣味的合成圖 不需要有影像技巧 不需要高貴的影像程式輔助



簡單的步驟 讓你玩得盡興 唬的別人一愣一愣的



使用說明:



1.點選合成圖製造機 :



http://www.boboku.com/#close



點選一張你想合成的圖片↓





2.上傳相片 -- 注意:上傳預覽滿意 請選擇保存在電腦 才不用花費







夠簡單吧^^



簡單的製造機不能滿足你嗎 314 有多篇 合成圖技法



相關影像技巧延伸教學:



合成影像教學



小畫家 合成影像製作法



遮色片合成技巧



臉部挖空仿製技巧



合成賀卡 簡單做



動畫框合成影像錄影教學



Adobe Photoshop影像去背教學



教學文製作-螢幕拍照



奇摩相簿內的圖檔+浮水印



等尺寸合成影像



logo製造機



大頭貼製作正式免費版








 

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


介紹一個可以製作照片特效的網站,網址 http://www.boboku.com/

使用方式很簡單,先點選一個想要的特效。


image1


按一下[瀏覽]按鈕,選取一張照片。


 image2


開始上傳照片。


image3


很快的就可以秀出特效結果,按一下[保存]按鈕,可以儲存該特效照片。


image4


以下是我的操作版 效果還不錯喔 快去試試吧





轉自火星人的天空之城


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

免費好用的軟體數位教學連結

高雄縣軟體教學影音網由高雄縣網路教學中心製作及維護,內容包含電腦基礎、office系列、網頁製作、動畫設計、視訊處理、繪圖、工具軟體等線上影音教學,可多加利用


連結網址http://video.ks.edu.tw/soft/


中小企業網路大學包含財務融通、綜合知識、資訊科技、行銷流通、人力資源等5個學院,提供免費登錄數位教學及公務人員數位學習時數,是難得的學習環境


主辦單位: 經濟部中小企業處 執行單位: 中華民國資訊軟體協會


連結網址http://www.smelearning.org.tw/


嘉義縣和興國小數位學習機會中心,對資源利用有助益


連結網址http://itaiwan.moe.gov.tw/


資源利用http://itaiwan.moe.gov.tw/content.aspx?prog_id=1011002&ProgId=1011000


小周的教學部落格


連結網址http://tw.myblog.yahoo.com/jw!uHYyYr.RGBIO13VdZQuLOPU9mw--/





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



引用  小周ㄉ教學


 


 


上傳影片說明: 步驟一:加入 YouTube http://www.youtube.com/ 步驟二:上傳您的影片(參閱 YouTube手冊 http://www.youtube.com/t/yt_handbook_home) 步驟三:找到您的影片 步驟四: 複製此段程式碼 步驟五:打開記事本,貼上程式碼,再複製藍色部分 〈embed 到 embed〉 步驟六:至YAHOO你的部落格點選發表文章 步驟七:切換至 觀看HTML原始碼,貼上剛 複製的藍色部分 步驟八:發表文章即可

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

使用PhotoFunia----你也可以成為大明星喔


修圖後相片


本文引用 重灌達人ㄉ文章 http://briian.com

PhotoFunia是一個很有趣的小網站,它可以幫我們將自己上傳的大頭照合成在內建的數十種場景中,包含電影海報、廣告看板、電視畫面、超人裝、辣妹T-shirt、報紙、畫廊、雜誌封面...等等,每種場景的組合看起來都很…有趣,大家沒事可以玩玩看。 PhotoFunia是一個很有趣的小網站,它可以幫我們將自己上傳的大頭照合成在內建的數十種場景中,包含電影海報、廣告看板、電視畫面、超人裝、辣妹T-shirt、報紙、畫廊、雜誌封面...等等,每種場景的組合看起來都很…有趣,大家沒事可以玩玩看。

網站資訊:



使用方法:

第1步 開啟PhotoFunia網站,直接在「Select an effect」頁面中點選你要的場景(特效)。


第2步 然後再按〔Browse...〕按鈕,選取你的照片。注意!檔案大小需在 500kb以內,必須是jpg、png或gif格式的圖檔才行。


縮小圖片尺寸的方法:

  1. 照片太大?如何調整圖片的大小、尺寸? (如何批次縮圖?)
  2. Image Resizer 按右鍵幫圖片縮圖、調整大小!(支援多圖批次轉檔、浮水印)

第3步 選取好圖片並上傳之後就做好囉,很簡單。這網站會自動偵測照片中的人臉,並把人臉以外的部份裁切掉,如果照片中有很多個人臉,會只留下第一個選中的部份。不過有時候也會裁得有點奇怪啦...得看照片裡面的人臉是不是夠正、夠清晰。


第4步 另外〔Faces〕頁面中還可看到最近十分鐘有哪些人上傳了照片,是面人頭牆啊!按進去可以看他們合成後的樣子。

原相片

超有質感ㄉ 試試看喔





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


找到ㄧ個語法教學網站,還不錯 (感謝無私的大大)

 按此連結

























































































使用效果



使用指令



附註


字體大小變化<font size=?>想輸入的字</font> ?=1~7 (字體大小尺寸,1最小,7最大)
字體顏色<font color=??????>想輸入的字</font>??????=RGB (16進位顏色或文字輸入)
字體變粗<b>想輸入的字</b>可讓字體變成粗體
字體變斜<i>想輸入的字</i>可讓字體變成斜體
字體加底線<u>想輸入的字</u>可讓字體加入底線
字體居中<center>想輸入的字</center>可讓字體居中
字體刪除線<s>想輸入的字</s>可讓字體中間出現一行刪除線
字型設定<font face="字型名稱">想輸入的字</font>顯示其它字型 (字體要對方也有才行)
打字機字體<tt>想輸入的字</tt>把字體顯示成打字機使用的字體
上標字<sup>想輸入的字</sup>把字體顯示成上標字
下標字<sub>想輸入的字</sub>把字體顯示成下標字
水平線<hr color=??????>??????=RGB (16進位顏色或文字輸入)
換行輸入想輸入的字<br>想輸入的字可讓字體換行重疊
超連結<a href="想連結網址">連結地的名稱</a>可連結到其他地方
貼圖<img src="圖形的網址">可顯現出圖形
放大貼圖

<IMG SRC="圖擋位址" ALGIN=MIDDLE HEIGHT=??? WIDTH=???>放大圖檔語法(???自訂高寬)


放大貼圖
走馬燈(循環)<marquee behavior=scroll>想輸入的字</marquee>以走馬燈循環的方式顯現字體
信箱連結語法<a href="mailto:信箱網址">連結地的名稱</a>以走馬燈循環的方式顯現字體
插入多媒體檔案

<embed src="多媒體檔網址" WIDTH="寬度"HEIGHT="高度">多媒體名稱


<embed src="http://comic.yam.com/woolon/swf/woolon001.swf" WIDTH="300"HEIGHT="200">懷石鐵板


播放MP3.RA.FLASH.影片....多媒體檔案
笑聲<bgsound src=http://www.ek21.net/Taunt019.wav>哈哈哈哈插入笑聲


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






部落格文章區要使用背景圖,
不可用相簿中圖片網址
要先將圖片上傳網路空間取得網址
再將圖片網址貼到語法中~~
然後將語法貼在文章編輯區
的HTML原始碼內


語法如下:



<div style=" width: 背景圖寬度px; height: 背景圖高度px; z-index: 1; letter-spacing: 3px; background-image: url('圖片上傳網路空間取得的網址'); top:10px">
<br><br><br><br><b>文章內容文字<br><br>
文章內容文字<br><br>
文章內容文字<br></font></b><br></p>
</div>





引用:http://tw.myblog.yahoo.com/jw!.rXvnqSaAwLoob9CH1Sg3Wg-/article?mid=8465


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


本篇主要簡單示範如何在PhotoCap  使用『複製印章』在照片快速加光芒或小星星!


1.在PhotoCap叫出你的照片, 如下按『複製印章』


2.選擇『載入的影像』按【資料夾】




3.按【顯示資料夾】找出要加光芒小圖案




4.在你想要加光芒地方按一下, 就是那麼簡單 !!




以下再示範用『複製印章』 快速+大量+隨意加光芒 !





最後再附上常用的光芒素材送給大家 ! !




包括以下40款可愛卡通像素的小星星


後記: 40款像素來自



想玩嗎 ?首先你要有 PhotoCAP 4.01最新版本:




PhotoCap 4.01完整版下載 (7.4MB,共3個不同伺服器的下載點,請挑一個下載即可)























正體中文版



下載點1



下載點2



下載點3


進入
PC Home 下載

簡體中文版



下載點1



下載點2



下載點3


進入
PC Home 下載

English Version



下載點1



下載點2



下載點3


進入
PC Home 下載



以下再放一些連結供大家參考

 


1.PhotoCAP素材懶人包V1.0版: http://ftp.stu.edu.tw/photocap/PCMaterial_V100.exe


2.PhotoCAP素材懶人包V2.0版: http://ftp.stu.edu.tw/photocap/PCMaterial_V200.exe 

3.PhotoCAP素材懶人包V3.0版: http://ftp.stu.edu.tw/photocap/PCMaterial_V300.exe

 

 



 

 

想要光芒及小星星的朋友請按囉 ! 


http://us2.yyshare.com/file.php?file=e5daeca5effd720588d4fd066c613eec&na=us2_46df450dddbd0.rar


或  ftp://icprint:1111@upload.myweb.hinet.net/STAR.rar



引用:http://tw.myblog.yahoo.com/jw!QCAFGtWGGRnbwgIuSurJW8HzXTQ-/article?mid=15417


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




 



爬了好多格友們的家 發現文章底 都會出現知識家小廣告


像這樣↓





之前霝兒曾嘗試用格友們分享的語法覆蓋


卻發現廣告仍存在 = =


無意中 發現一個簡易又有效的好方法


那就是到後台做設定


首先 點選【部落格資料】↓ 如下圖





再來 將最底的【知識問答設定】勾選拿掉 ↓ 如下圖





按確定後 返回部落格 隨意點選一篇文章看



會發現 知識家的廣告不見嚕 0.0



如下圖 ↓





感覺版面美觀許多


這方法或許很多人已經知道


但還是分享給一些不知如何做設定的格友們


希望大家都能擁有美觀整潔的版面


 



 


 


 




引用:http://tw.myblog.yahoo.com/jw!V3nxAk.BFRm.p9KGFpExf.kL8ws_/article?mid=6583


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


 

 

 


 

關於文章預覽部分

 

既然有朋友問起 那霝兒索性做個圖文解說好嚕

 

這篇適合新手或是不懂預覽的格友們觀看

 

引用過霝兒版型的格友們 通常都會於文章中看到下列圖示



 

紅色框框中的圖 即為霝兒擺放的預覽圖

 

發表文章後 會呈現如下圖的樣子


 


 

也就是在文章內容前列 會有一張預覽圖示

 

這是方便自己分類管理文章所用

 

也方便格友們先預知文章大概內容而做的設定

 


 

至於如何擺放預覽圖 方法很簡單

 

如下圖 ↓

 


 

文章發表編輯時 於後台【加入相片處】上傳即可

 

有兩種選擇方式

 

(一) 本身電腦直接上傳

 

(二) 先上傳部落格相簿中再挑選

 

因為霝兒的預覽圖是從自己電腦上傳的

 

所以才會貼上 【此圖無需複製】的告示

 

就算複製了 引回貼上也無法顯示的唷

 

其實霝兒每篇版型發文 都已先將預覽圖做裁切

 

格友們只要將最頂的那張圖先複製於電腦中

 

於引文時再上傳文章中 就能看到預覽圖示了 

 


 

這樣不知格友們明白嚕嗎?

 


想當初 霝兒也是一頭霧水 摸不著頭緒 全靠自己摸索

 

希望這篇解說 有幫到一些不懂預覽圖如何張貼的朋友們

 

祝大家 網遊愉快

 


 

 

 

引用:http://tw.myblog.yahoo.com/jw!V3nxAk.BFRm.p9KGFpExf.kL8ws_/article?mid=9718


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


 


因為一直有新手詢問,要如何使用SANCTUARY自訂版型???


那麼就 和哉 來為大家解說


以下是依照SANCTUARY所製作自訂樣式全套版面語法的使用方式,


不一定也適用於其他版主設計的版面語法安裝方式。


 


先複製下版型語法內容 



新增一份文字文件貼入語法內容



登入部落格管理頁面



按下 面板設定


■各式樣版設定檢視:



↓↓↓



選擇好樣版記得先按下[各式樣板]頁面的[確定]


↓↓↓


◆進階樣式設定檢視:



◆自訂樣式設定方式:


將裡面原本的YAHOO 基本語法內容全部清除



↓↓↓



↓↓↓回到文件複製下SANCTUARY自訂樣式語法



↓↓↓



按右鍵 貼入語法 



↓↓↓



按下確定  回部落格首頁就OK 啦!


 


SANCTUARY設定的版面語法內容,已經有包含了YAHOO全套基本版型設定,所以自訂樣式欄裡頭YAHOO提供的CSS語法,不需要留下。 


 


Q:一次可以放幾組自訂樣式版面語法,在自訂樣式欄內?


A:一次只能使用一套版型,如果要更換,一樣得要把之前的語法內容全清除,再貼入新的版型語法組,存放多組相同區塊設定的語法會互相干擾,可能導致版面無法照設定顯示,也會拖慢版面讀取速度。


 


Q:我把好幾個不同背景圖的背景語法組設定,都存放在自訂樣式欄內,這樣可以嗎?


A:這樣不行喔,相同區域的語法設定,一次只能用一組在自訂樣式內,重複的設定會互相干擾,也會拖慢版面的讀取開啟速度。


 


Q:選擇用中秋節慶面板去變更自訂樣式,版面變得怪怪的?


A:YAHOO的【節慶面板】樣式,部分面板有官方的特殊設定,可能會導致自訂樣式語法無法正確呈現,請盡量別選擇這類面板來做變更。


 


Q:如果我想恢復原始YAHOO版面?


A:只要在各式樣板裡,選擇一個樣板按下確定,就會回復成原始版型了。 



引用:http://tw.myblog.yahoo.com/jw!zgGA9hWTEg6DAB0jiS5wNn8-/article?mid=10430


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


部落格更換動畫背景語法


我一定是瘋了 被公司趕著要修圖


還在這晃 真的是瘋了
 


要更改時 強烈建議你 先將語法-全選-複製 起來


用word先備份 以防萬一


請從-管理部落格進入-選面板設定-選自訂樣式


會出現css語法

不同的樣式會出現不同的語法


我自個的經驗


最佳奇摩背景圖尺寸1003X640像素


最佳標題橫框圖尺寸750X103像素-這尺寸可在CSS語法變更


我要留言尺寸-520X52像素-沒時間測試 還不知道最佳尺寸


↑這尺寸也可在CSS語法變更


背景 橫框圖片必須是放置在網路空間的圖片


不行用自己電腦內的圖片


不行用各部落格相簿內的圖片


需上傳圖片請參考


免費上傳圖片網教學


http://tw.myblog.yahoo.com/monkey_014148/article?mid=669



如果你沒有用進階樣式 -自訂 背景圖- 就請在第一排語法中 改背景圖






 /*Background*/
body{background:#FFFFFF url(http://tw.yimg.com/i/tw/blog/skin3/bg2.jpg) repeat-x;}


如果你跟我一樣 有用進階樣式 -自訂 背景圖]


請在這更改背景圖






 /*Background image for whole page*/
body {background-image: url(http://freebsd.chjhs.tpc.edu.tw/~94214/yo1.gif?TT062zEBw2Fyl15D); background-repeat: repeat}


標題背景圖設定-要先設定這裡 才會有標題語法出現


管理部落格進入-選面板設定-進階樣式-選標題底圖 先隨便先選一張圖



標題的橫框圖 請在這更換






 /*Background image for blog title*/
#yblogtitle .mbd {background-image: url(http://freebsd.chjhs.tpc.edu.tw/~94214/yo3.gif?TT062zEBTY6JKjzB); background-repeat: no-repeat}


 


我要留言 的說話橫框圖 請在最後一排語法 內更換






 /*Opacity for blast*/
#yblast .bg {zoom:1; filter:alpha(opacity:100); background: url(http://freebsd.chjhs.tpc.edu.tw/~94214/yo2.gif) no-repeat}


我也測試過 奇摩這不支援swf 動畫檔


轉圖檔教學


http://freebsd.chjhs.tpc.edu.tw/~94214/8-9.htm


可用來做奇摩部落格橫扁背景圖素材


http://tw.myblog.yahoo.com/monkey_014148/article?mid=388



亮麗唯美閃圖動畫背景圖


http://tw.myblog.yahoo.com/monkey_014148/article?mid=156


GIF動畫調整影像尺寸-


開啟Ulead GIF Animator -按編輯-選改變影像大小


JPG調整影像尺寸-


開啟PhotoImpact -按調整-選調整大小


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


測試心得:


自由欄位-可以接受GIF、 連結語法


                  -不接受MP3 、SWF動畫檔、影片檔


文章影音部份-一篇文章只接受一則影音


                             目前測試到可接受這3種網頁影音


                             MP3部分還沒測試完成 目前我測試的方法都失敗


奇摩-影音蒐集網

http://video.yahoo.com/


YouTube-MV蒐集網-目前維修當機狀態


http://www.youtube.com/results?search=%E4%BC%8D%E4%BD%B0&search_type=search_videos


google-影音蒐集網


http://video.google.com/


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


CSS樣式表
























































語法一:使用

標籤


語法二:直接寫在標籤內

語法三:外掛方式
樣式種類說明
background-color背景顏色
background-image背景圖片
border-top設定上邊框線
border-bottom設定下邊框線
border-left設定左邊框線
border-right設定右邊框線
border-color設定邊框顏色
color設定文字顏色
height設定高度
width設定寬度
text-align對齊方式
text-decoration文字修飾方式
font-size字型大小
font-weight字型粗細

















































































background-attachment背景是否固定
background-position背景圖片的位置
background-repeat重複貼圖方式
border-top-width設定上邊框線厚度
border-bottom-width設定下邊框線厚度
border-left-width設定左邊框線厚度
border-right-width設定右邊框線厚度
border-width設定邊框厚度
border-style設定邊框樣式
border-collapse邊框線重疊
float設定文繞圖
text-indent縮排
text-transform大小寫轉換
font-family字型名稱
font-style字型樣式
font-variant大小寫變換
letter-spacing文字間距
line-height設定行高
list-style-type項目符號樣式
margin設定邊界
margin-top設定上邊界
margin-bottom設定下邊界
margin-left設定左邊界
margin-right設定右邊界
padding設定邊距
table-layout表格配置方式
CSS串聯樣式表教學『基礎篇』

CSS是「Cascading Style Sheets」縮寫,一般稱為【串聯樣式表】


CSS有甚麼好處呢?為甚麼要學呢?以下說明幾點你就會發現使用CSS的好處:

■它能更精確的控制網頁版面的文字、背景、字型等...


■它能讓我們只修正一個CSS文件,便可同時更新眾多的網頁版面外觀及格式。

■它可以使用html的文件內碼更精簡,縮小檔案下載的速度。


■適用於各種作業平台。

CSS串聯樣式表教學『文字屬性一覽』


color : #525050 /*文字色彩*/

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-decoration:overline /*加頂線*/


text-decoration:underline /*加底線*/

text-decoration:none /*刪除連結底線*/


text-transform : capitalize /*首字大寫*/

text-transform : uppercase /*英文大寫*/


text-transform : lowercase /*英文小寫*/

text-align:right /*文字靠右對齊*/


text-align:left /*文字靠左對齊*/

text-align:center /*文字置中對齊*/




 

連結屬性:『屬性分類』


A /*所有超連結*/

A:link /*超連結文字格式*/ (是代表普通狀態的連結)


A:visited /*瀏覽過的連結文字格式*/ (是代表造訪過的連結)

A:active /*按下連結的格式*/ (是代表按下去連結)


A:hover /*滑鼠移至連結*/ (是代表滑鼠移到連結)

color 是代表連結顏色


font-size 是代表連結文字大小,適用 point(pt) 或是 pixels(px)

text-decoration 是代表文字樣式,none 代表沒有底線







引用:http://tw.myblog.yahoo.com/jw!pnOpqmiaBRawDY4.7ZmFug--/article?mid=2278


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


/******各式顏色的設定******/
/*
招呼欄位底色及文字顏色設定*/
#yblast .text{color:# 4A 8E22;}
#yblast .bg{background:url(http://i240.photobucket.com/albums/ff40/tina88888888/006/402-05.gif) no-repeat;padding:25px;}
******
/*部落格描述及名稱連結底色及文字顏色設定*/
#yblogtitle .mbd, #yblogtitle .mft{background:transparent no-repeat;color:# 4A 8E22;padding:250px 50px 0px 50px;text-align:right;}
#yblogtitle h1, #yblogtitle a {color:# 4A 8E22;font-size:15px;font-weight:bolder;font-family:
標楷體;}
*******
中間文章標題圖片
yc3pribd .mhd{background:#ffffff url(http://blog.roodo.com/bnmmo/e 4ac 50c 1.gif); ;height:90px;}
******
/*
側欄區上標圖及文字顏色設定*/
.yc3pribd .mhd,.yc3sec .mhd, .yc3subbd .mhd,#ymodcal .mhd{background:url(http://blog.roodo.com/bnmmo/8647220b.gif)  no-repeat right top ;color:#a5d54b;padding-left:0px;padding-top:0px;height:58px;text-align:center;}
.yc3sec .mhd a, .yc3subbd .mhd a, .yc3sec .mhd a:link, .yc3subbd .mhd a:link, .yc3sec .mhd a:visited, .yc3subbd .mhd a:visited{color:#a5d54b;}
*******
/*
側欄區內文底色及文字顏色設定*/
.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft{;color:#609245;}
/*
文章內文及文章區底色及文字顏色設定*/
.yc3pribd .mbd,.yc3pribd .mft{ padding:10px; color:#609245;}
******
/*
奇摩置尾區不顯示*/
#yhtw_mastfoot{display:none}
/*
月曆粗體日期顏色設定*/
 #ymodcal .mbd td strong {color:# 91A 566;}
/*
連結文字及位置顏色改變設定*/
a, a:link, a:visited{color:# 4A 8E22;text-decoration:none;}
a:hover{color:#D2EE99;position:relative;top:2px;}
******
/*
捲軸區色彩設定*/
html{SCROLLBAR-FACE-COLOR:#D2EE99;
SCROLLBAR-3DLIGHT-COLOR:#D2EE99;
SCROLLBAR-ARROW-COLOR:#ffffff;
SCROLLBAR-TRACK-COLOR:#ffffff;
SCROLLBAR-DARKSHADOW-COLOR:#D2EE99;
SCROLLBAR-BASE-COLOR:#D2EE99;}
/*
個人資料管理頁面公開的部落標題+管理回應文字顏色設定*/
#ybloginfo table, #yusrinfo table, #yusrintro p ,.listbd,#ycmntlist table th ,#ycmntlist .btncmntre{background:transparent #ffffff ;color:#666666;}
/******
各式背景的設定******/
/*大標題圖背景+重覆底背景設定*/
body {background:url(http://i240.photobucket.com/albums/ff40/tina88888888/006/402-hd.jpg) center top transparent no-repeat;}
html {background:url(http://i240.photobucket.com/albums/ff40/tina88888888/006/402-bd.jpg) center top #ffffff repeat-y;}
/*
上標背景設定*/
.yc3pribd .mhd,.yc3sec .mhd, .yc3subbd .mhd,#ymodcal .mhd{background:url(http://i240.photobucket.com/albums/ff40/tina88888888/006/402-06-1.jpg) repeat-x right top ;height:80px;text-align:center;}
******
/*
中間文章標題前小圖設定*/
.yblogcnt .blgtitlebar {margin-bottom:9px;zoom:1;}
.yblogcnt .blgtitlebar h2 {font-size:125%;font-weight:bold;background:url(http://i240.photobucket.com/albums/ff40/tina88888888/006/402-05.gif) no-repeat;padding-left:50px;padding-top:30px;}
******
/*
左右欄位標題前小圖*/
.ycntmod .mbd ul.list li{background-image:url(http://i240.photobucket.com/albums/ff40/tina88888888/006/394-15.gif);background-repeat:no-repeat; padding-left:20px;padding-top:10px;_line-height:1.5em}
*******
/*
管理三個按鍵*/
div.btncompose a{display:block;width:110px;height:25px;overflow:hidden;background:url(http://i240.photobucket.com/albums/ff40/tina88888888/006/402-13.gif) no-repeat;border:1px #AED469 solid;}
div.btnphoto a{display:block;width:110px;height:25px;overflow:hidden;background:url(http://i240.photobucket.com/albums/ff40/tina88888888/006/402-14.gif) no-repeat;border:1px #AED469 solid;}
div.btnsetup a{display:block;width:110px;height:25px;overflow:hidden;background:url(http://i240.photobucket.com/albums/ff40/tina88888888/006/402-15.gif) no-repeat;border:1px #AED469 solid;}
******
/*
管理三按鍵位置設定*/
#yblogtitle .tft {margin:0px 0px 0px 0px;}
******
/*btnsbsrb
訂閱部落格圖示*/
div#btnsbsrb a, div#btnsbsrb_nologin a{display:block;width:110px;height:25px;overflow:hidden;background:url(http://i240.photobucket.com/albums/ff40/tina88888888/006/402-16.gif) no-repeat;margin:0;border:1px #cdea98 solid;}
******
/*make coomment bar
回應跟引用更換圖片語法*/
div.btncomment a {display:block;height:169px;width:48px;background:url(http://i240.photobucket.com/albums/ff40/tina88888888/006/402-11.gif) no-repeat;}
div.btntrackback a {display:block;height:169px;width:48px;background:url(http://i240.photobucket.com/albums/ff40/tina88888888/006/402-12.gif) no-repeat;}
*******
/*
編輯刪除按鈕圖片設定*/
div.btnblgedit,div.btnblgdel,div.btnblgreport,div.btncmntdel {background:transparent;border:1px solid # 91A 566;}
.reportbtns span{background:transparent;border:1px solid # 91A 566;}
*******
/*INPUT
搜尋圖片設定*/
input, select{background:transparent;color:# 91A 566;}
*******
/*側欄及文章區不設透明度*/
.yc3sec .mhd, .yc3subbd .mhd,#ymodcal .mhd,.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft{filter:alpha(opacity=100);opacity:1.0}
.yc3pribd .mhd,.yc3pribd .mbd,.yc3pribd .mft,.ycntmod .rctop,.ycntmod .rctop div,.ycntmod .rcbtm,.ycntmod .rcbtm div ,.ycntmod .rcl ,.ycntmod .rcr {filter:alpha(opacity=100);opacity:1.0}
*******
/*部份管理設定不放圖片*/
#yreplymsg table,div#postrte th,div.buttonmenu,table#datatable td input, div.actionbar span,#yartcmt .pagination{background:transparnet;}
#ymsgboard .rcr q,div.cmntusrinfo span, div.cmntusrinfo.reportbtns span,#yreplymsg table,div#postrte th,#yphtgallery .text q{background:transparnet;}
select, option,#yphtsingle .text q,#yphtgallery .actionbar,div.buttonmenu,table#datatable td input,div.actionbar span,#yreplymsg table {background:transparnet;}
/*
回應下方圖片*/
#yartcmt .pagination strong{display:none;}
#yartcmt .pagination{height:260px;background:url(http://i240.photobucket.com/albums/ff40/tina88888888/006/402-04.jpg) no-repeat center bottom}


/******框框的設定******/
#yblogtitle .rctop{background:transparent left top no-repeat;margin-right:0px;}
#yblogtitle .rctop div{background:transparent right top no-repeat;height:0px;right:-0px;}
#yblogtitle .rcl{background:transparent repeat-y;border:none;}
#yblogtitle .rcr{background:transparent right repeat-y;}
#yblogtitle .rcbtm {background:transparent left bottom no-repeat;margin-right:0px;}
#yblogtitle .rcbtm div {background:transparent right bottom no-repeat;height:0px;right:-0px;}
.ycntmod {width:100%;position:relative;margin-bottom:15px;overflow:hidden;}
.ycntmod .rctop {zoom:1;background:transparent  ;margin-right:0px;}
.ycntmod .rctop div {background:transparent;height:0px;font-size:0;position:relative;right:-0px;}
.ycntmod .rcbtm {zoom:1;background:transparent;margin-right:0px;}
.ycntmod .rcbtm div {background:transparent right bottom no-repeat;height:0px;font-size:0;position:relative;right:-0Px;}
.ycntmod .rcl {padding-left:0px;background:transparent;border: 1px solid #a5d54b}
.ycntmod .rcr {zoom:1;padding-right:0px;background:transparent;}
.ycntmod .text {position:relative;word-break:break-all;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}


/*以下若要顯示請不要放上即可*/
/*
隱藏部落格文章下方廣告*/
.ysm ,.ysm .ysmlabel,.ysm DL ,.ysm DL.last {display:none;}
/*隱藏部落格相簿*/
#ymodalbum{display:none;}
/*
隱藏我要留言免受廣告干擾*/
#yblast .text a{display:none;} 
/*
文章分類--最新回應--最新文章--捲軸內容高度--內容超出區塊自動由瀏覽器決定-相對定位*/
 #ymodfolder .mbd, #ymodnewcomt .mbd, #ymodnewart .mbd {HEIGHT:250px;OVERFLOW:auto;position:relative;}  


/******其他版面的設定******/
/*二欄式版面窄欄靠右加大寬度設定*/
.twocolga .yc3main {width:100%;float:left;}
.twocolga .yc3mainbd {margin-right:20px;}
.twocolga .yc3pri {width:100%;}
.twocolga .yc3subbd {width:185px;position:absolute;right:-10px;}
.twocolga .yc3sec {display:none;}
.twocolga #yhtw_mastfoot, .twocoldr #yhtw_mastfoot {width:900px;margin:0 auto;}
.twocolga[class], .twocoldr[class]{min-width:900px;}
.twocolga .ycnt3col, .twocoldr .ycnt3col {zoom:1;width:900px;text-align:left;margin:0 auto;}
/*
三欄式版面加大寬度設定*/
.thrcol #yhtw_mastfoot {width:990px;margin:0 auto;}
.thrcol[class]{min-width:990px;}
.thrcol .ycnt3col {zoom:1;width:990px;text-align:left;margin:0 auto;}
.thrcol .yc3main {width:100%;float:left;}
.thrcol .yc3mainbd {margin-left:180px;}
.thrcol .yc3pri {width:100%;float:right;}
.thrcol .yc3pribd {margin-right:180px;}
.thrcol .yc3subbd {width:180px;float:left;position:absolute;right:5px;}
.thrcol .yc3sec {width:180px;float:right;position:absolute;left:5px;}


引用:http://tw.myblog.yahoo.com/jw!cs6EvQWABUELErDQgEI-/article?mid=35740


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


自訂版型語法


【一】/*部落格名稱標題前小圖片與文字字體顏色字體大小變更設定Blog title*/
#yblogtitle h1{font-size:130%;font-weight:bold;background:url(圖片網址gif) no-repeat;padding-left:30px; color:#ff0000;font-family:標楷體;}
#yblogtitle .mbd,#yblogtitle .mft{font-size:130%;font-weight:bold;background:url(
圖片網址) no-repeat;padding-left:30px; color:# 0000f f;font-family:標楷體;}


 


【二】/*管理三按鍵位置設定*/


#yblogtitle .tft {margin:0px 0px 0px 0px;}


橫幅圖片及部落名稱及文字大小顏色更改
/*
部落格橫幅背景底圖設定Background image for blog title*/


#yblogtitle .mbd {display:block;width:97%;height:550px;overflow:hidden;background:url(http://blog.roodo.com/bnmmo/3d 1c 4937.jpg);background-repeat:repeat;}
#yblogtitle .mbd {background: url(http://home.educities.edu.tw/nkhs9323005/gif0415.gif); background-repeat: repeat}
#yblast{display: none}
/*大標題圖背景+重覆底背景*/
body {background:url(大標題圖背景http://i209.photobucket.com/albums/bb293/hui_0629/1-lovestory405.jpg) center top transparent no-repeat;}
html {background:url(
重覆底背景http://i298.photobucket.com/albums/mm264/butter_9705/2-lovestory405.jpg) center top #ffffff; repeat-y;}


/*部落格全版背景底圖設定Background color for whole page*/
body {background: url(http://home.educities.edu.tw/nkhs9323005/gif0415.gif)}


/*Background背景圖底圖重複*/
body{background:#ffffff url(背景圖網址) repeat;}


/*Background背景圖底圖固定*/
body{ background:#ffffff url(背景圖網址) no-repeat;background-attachment: fixed}


 


/*Background color for whole page背景底色*/
body {background-color: #
色碼}


/*部落格描述及名稱連結底色及文字顏色設定*/


#yblogtitle .mbd,#yblogtitle .mft{background:transparent;color:#411E34;padding-top:460px;text-align:center; font-size:18px;}#yblogtitle h1,


#yblogtitle a {color:#411E34; font-size:22px;font-weight:bolder;font-family:標楷體;}


/*Blog title部落格標題敘述欄底圖*/
#yblogtitle .mbd,#yblogtitle .mft{background: url(底圖網址) repeat; }#yblogtitle h1{color: #000000 ;}


/*Background color for blog title部落格敘述底色*/
#yblogtitle .mbd, #blogtitle .mft {background-color: #色碼}


/*部落格標題圖*/
#yblogtitle h1 { display:block; float:left; background:url(標題圖網址)no-repeat; width:圖片寬度px height:圖片高度px; font-size:0; line-height:0; text-indent:-5000px; overflow:hidden; cursor:pointer; cursor:hand;}


/*Blog title標題置中*/
#yblogtitle .mbd,#yblogtitle .mft{font-size:180%;color:#色碼;font-family:新細明體; color:#D 23C 78;text-align:center;}
#yblogtitle .thd a{width:168px;height:40px;top:-0px;position:relative;left:0px;display:block;}
#yblogtitle .thd h1 {font-size:180%;color:white;font-family:
新細明體;}


/*Blog title*部落格標題大小+顏色*/
#yblogtitle .mbd,#yblogtitle .mft{ font-family:標楷體;font-size:170%}
#yblogtitle h1{color:#FF0000;font-family:
標楷體;}


/*Text color for blog title*部落格標題字體顏色*/
#yblogtitle .text {color: #660099;font-family:
標楷體;font-size:150%;}


☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆


招呼欄的設定


/*Blog blast module招呼語欄字體顏色文字圖框置中*/
#yblast .text{color:#000000;}
《字顏色》


#yblast{text-align:center}《文字置中》


#yblast .bg{background-image:url(http://);background-repeat:no-repeat; background-position:50% 50%;width:446px;height:60px} 《加入背景圖片》#yblast .text{font-size:15px;font-weight:bolder}《文字大小》


/*Opacity for blast招呼語圖框+文字置中*/
#yblast{zoom:1;position:relative;top:-20px;left:0px;margin:0 0 -55px 0;z-index:2;}
#yblast .text,#yblast .bg{overflow:hidden;padding:5px 5px;width:
招呼語圖框寬px;height:招呼語圖框高px;}#yblast .text{zoom:1;margin:-55px 0 0;}
#yblast .text a#yblast a.edit{background:url(
圖框網址);width:13px;height:13px;}
#yblast .bg {zoom:1; filter:alpha(opacity:
透明度); background: url(圖框網址) no-repeat}
#yblast .text{color:#
文字顏色之色碼;font-size:90%;}


/*招呼語欄位圖框背景底圖變更設定Opacity for blast*/
#yblast .bg {zoom:1; filter:alpha(opacity:100); background: url(圖片網)}


☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆


自我介紹欄設定


/*部落格自我介紹欄位內容中性別圖片檔變更設定welcome*/
#ymodprf .horos img{display:none;}
#ymodprf .horos{width:100px;height:100px;background:url(http://home.educities.edu.tw/nkhs9323005/gif0255.gif) center no-repeat;}


/*blog profile 部落格檔案、個人資料、自我介紹加圖片*/
table#bloginfo th {background:url(部落格檔案標題圖片的網址);}
table#bloginfo td {background:url(
部落格檔案敘述圖片的網址);}
table#usrinfo th {background:url(
個人資料標題圖片的網址);}
table#usrinfo td {background:url(
個人資料敘述圖片的網址);}
#yusrintro p {background:url(
自我介紹圖片的網址);}


/*個人資料管理頁面公開的部落標題文字顏色*/
#ybloginfo table, #yusrinfo table, #yusrintro p {background: transparent #ffffff;color:#666666;}


☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆


各種圖片設定


/*Main content body文章底圖*/
.yc3pribd .mbd, .yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table, #yusrinfo table, #yusrintro p{background-image:url(底圖網址);color: #FF0099} #ymodcal .mbd td strong {color: #FF0099;}


/*Main content header文章標題底圖*/
.yc3pribd .mhd{ background:url(圖片網址) repeat; color:#FF0099}


/*中間欄位標題背景底圖與標題字體顏色設定Main content header*/
.yc3pribd .mhd{background:#ffffff url(http://blog.roodo.com/bnmmo/e 4ac 50c 1.gif);color:#ff0000;}

/*中間欄位標題文章內容背景底圖與文章內容文字字體顏色設定Main content body*/
.yc3pribd .mbd, .yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table, #yusrinfo table, #yusrintro p{background-image: url(底圖網址http://home.educities.edu.tw/nkhs9323005/gif0005.gif) no-repeat;
color:#000000} #ymodcal .mbd td strong {color:#ff0000;}
.yc3pribd .mbd, .yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table, #yusrinfo table, #yusrintro more{background-image: url(http://home.educities.edu.tw/nkhs9323005/gif0415.gif);}


/*中間欄位文章標題前小圖片與文字字體大小變更設定Article content module*/
.yblogcnt .blgtitlebar {margin-bottom:20px;zoom:1;}
.yc3pribd .mbd,more {font-size:110%;font-weight:bold;background:url(http://home.educities.edu.tw/nkhs9323005/gif0005.gif) no-repeat;padding-left:30px;}
.yblogcnt .blgtitlebar h2 {background:url(http://home.educities.edu.tw/nkhs9323005/gif0203.gif) no-repeat;padding-left:30px;}

/ *Article content module中間文章前小圖尺寸字體*/
.yblogcnt .blgtitlebar {margin-bottom:22px;}
.yblogcnt .blgtitlebar h2 {font-size:120%;font-weight:bold;background:url(
小圖網址) no-repeat;padding-left:80px;height:80px;}
.yblogcnt .blgtitlebar h 2 a {color:# 5C 1C 04;padding-right:62px;}


/*左右欄位標題背景底圖與標題字體顏色設定Nav module header*/
.yc3sec .mhd, .yc3subbd .mhd{font-family:標楷體;font-size:100%;font-weight:bold;background: url(http://home.educities.edu.tw/nkhs9323005/gif0722.gif);color:#ff0000; no-repeat;padding-left:18px;}


/*Nav module body左右欄位底圖*/
.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft{background-image:url(底圖網址);}


/*Nav module header左右欄標題底圖*/
.yc3sec .mhd, .yc3subbd .mhd, .yc3sec .mhd a, .yc3subbd .mhd a,.yc3sec .mhd a:link, .yc3subbd .mhd a:link,.yc3sec .mhd a:visited, .yc3subbd .mhd a:visited{background-image : url(http://blog.roodo.com/bnmmo/8647220b.gif);}


/*左右欄位內容中背景底圖設定Nav module body*/
.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft{background-image: url(http://home.educities.edu.tw/nkhs9323005/gif0415.gif);}


/*Nav module header左右欄位標題底色*/
.yc3sec .mhd, .yc3subbd .mhd{background: #色碼;color: #色碼;}


/*Background color for module左右欄位內容底色*/
.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft {zoom:1; background: #色碼; filter:alpha(opacity:透明度)}
/*Links連結--文章標題左右最新文章字樣大小+內底圖*/
a, a:link, a:visited{color:#331626;font-size:120%;text-decoration:none;}
a:hover{color:# 5C 1C 04;text-decoration:none;background:url(
圖片網址) repeat;background-position:50% 50%;}
a {text-decoration:none;}
a:hover {position:relative;top:6px;left:6px;}


/*左右欄位內容中標題前小圖片變更設定Nav module list*/
.ycntmod .mbd ul.list li {background:url(http://home.educities.edu.tw/nkhs9323005/gif0005.gif) left .2em no-repeat;padding-left:20px;margin-bottom:1px;_margin-bottom:1px;_line-height:1.5em;}
.ycntmod .mbd ul.list li.more {background:url(http://home.educities.edu.tw/nkhs9323005/gif0005.gif) left .2em no-repeat;}
ycntmod .mbd ul.list li {background:url( 圖片網址)


left .6em no-repeat;padding-left:20px;margin-bottom:3px;_margin-bottom:3px;_line-height:2em;}
.ycntmod .mbd ul.list li.more {margin:-3px 0 0 -3px;text-align:right;background:url(
圖片網址)


15px center no-repeat;}
2em-->2可更改讓左右標題每一行空間變大小


解說:紅色部份可改(圖片網址) ( 圖片網址 )
/******各式背景的設定******/


/*左右欄位小圖*/
.ycntmod .mbd ul.list li {BACKGROUND:url(http://i209.photobucket.com/albums/bb293/hui_0629/016-1.gif) no-repeat 0% 0%;padding-left:22px;COLOR:# 6C 6C 6C ;BORDER-TOP:2px inset;BORDER-RIGHT:2px inset;BORDER-LEFT:2px inset;BORDER-BOTTOM:2px inset;}
.ycntmod .mbd ul.list li.more {margin:2px 0 0 2px;text-align:right;background:url(http://i209.photobucket.com/albums/bb293/hui_0629/1079019.gif) 22px center no-repeat;}


/*Nav module list左右欄位小圖*/
.ycntmod .mbd ul.list li {background:url(
小圖網址1) left .1em no-repeat;padding-left:25px;margin-bottom:3px;_margin-bottom:3px;_line-height:1.5em;}
.ycntmod .mbd ul.list li.more {margin:-3px 0 0 -3px;text-align:right;background:url(
小圖網址2) 20px center no-repeat;}


/*左右欄位小圖設定*/
.ycntmod .mbd ul.list li {margin-bottom:8px;background:url(


http://i211.photobucket.com/albums/bb82/lovable1978/thnameicon_145545.gif) no-repeat;color:# 6C 6C 6C ;padding-left:19px;}
.ycntmod .mbd ul.list li.more {margin:20 5;text-align:right;background:url(
http://i211.photobucket.com/albums/bb82/lovable1978/i-h28-ra.gif) 22px center no-repeat;}


#左右欄內最新文章、最新回應、文章分類之標題前小圖示#


(2組圖)


圖片網址1 --> 出現在 左右標題 前面


圖片網址 2--> 出現在 更多回應 所有文章(最下面一行) 前面


/*Nav module list*/
.ycntmod .mbd ul.list li {background:url( 圖片網址)


left .6em no-repeat;padding-left:20px;margin-bottom:3px;_margin-bottom:3px;_line-height:2em;}
.ycntmod .mbd ul.list li.more {margin:-3px 0 0 -3px;text-align:right;background:url(
圖片網址)


15px center no-repeat;}


2em-->2可更改讓左右標題每一行空間變大小


解說:紅色部份可改(圖片網址) ( 圖片網址 )


/*更新日期欄位內容中日期時間前小圖片變更設定Module latest upup*/
#ymodupdate .mbd .date{
圖片網址) left center no-repeat;padding-left:7px;font-size:89%;font-family:verdana;}
padding-left:7px ←圖檔和右邊文字相差距離,數字越大,兩者之間距離越遠
font-size:89% ←
圖檔大小


/*INPUT搜尋圖片設定*/


 input, select{background:transparent;color:# 5F 6567;}


/*文章下方回應框上圖片語法*/
#yarticle .browsebtns{background:url(圖片網址) center bottom no-repeat;width:圖寬度px;height:圖高度px;}


/*回應欄位加圖片*/
#yartcmt .pagination strong{display: none} #yartcmt .pagination{ background:url(http://i211.photobucket.com/albums/bb82/lovable1978/s-33.gif) no-repeat;height:227px; background-position: center;}


為何多一個?/*回應欄位加圖片*/
#yartcmt .pagination strong{display: none} #yartcmt .pagination{ background:url(http://i209.photobucket.com/albums/bb293/hui_0629/cd340.gif) no-repeat;height:334px; background-position: center;}


div.btnblgedit,div.btnblgdel,div.btnblgreport,div.btncmntdel {background:transparent;border:1px solid # 5F 6567;} .reportbtns span{background:transparent;border:1px solid # 5F 6567;}


/*guestbook留言版加圖片*/


#ymsgboard q a {background:url(留言板按鈕圖網址) ;}
#ymsgboard .mhd {background:url(
留言板標題圖網址) ;}
#ymsgboard .mbd {background:url(
留言板底圖網址) ;}
/*make coomment bar回應引用更換圖片*/
div.btncomment a {display:block;height:px;width:px;background:url(我要回應圖片網址) no-repeat;}
div.btntrackback a {display:block;height:
px;width:px;background:url(我要引用圖片網址) no-repeat;}


/*btnsbsrb訂閱部落格圖示*/
div#btnsbsrb a,div#btnsbsrb_nologin a{display:block;width:171px;height:50px;overflow:hidden;background:url(http://i209.photobucket.com/albums/bb293/hui_0629/980309-a5.gif) no-repeat;margin:0;}


/*btnsbsrb訂閱部落格圖*/
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;}


 


/*comment list management管理回應欄*/
.listbd {background:url(管理回應底圖網址); color:#文字顏色之色碼;}
#ycmntlist table th {background: url(
管理回應標題圖網址); color: #文字顏色之色碼; }
#ycmntlist .btncmntre {background:url(
管理回應按鈕圖網址);}


/*格友留言回應後圖示*/
#ypreviewmsg .yvstrcmnt{background:transparent url(圖片網址) no-repeat scroll center top;padding-top:103px;}


/*預覽或確認按鈕框*/
input,select{background:url(
圖片網址);color:#2D0000;border: 3px double #4B6978;font-size:16px;font-family:verdana;}


/*按鈕框框*/
input,select{background: #框底色碼;color: #文字色碼;border: 1px solid #框線色碼;FONT-SIZE: 9px;font-family:verdana;}


/*編輯刪除按鈕圖片設定*/
div.btnblgedit,div.btnblgdel,div.btnblgreport,div.btncmntdel {background:transparent;border:1px solid # 5F 6567;} .reportbtns span{background:transparent;border:1px solid # 5F 6567;}


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


☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆


連結線設定


/*Links連結去底線*/
a,a:link,a:visited{color:#未連結時色碼http://tw.myblog.yahoo.com/jw!cs6EvQWABUELErDQgEI-/article?mid=35739


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


 


10組隱藏 奇摩部落格CSS 設定


 


感恩 阿泰 已經整理 10組隱藏 奇摩部落格CSS 設定


阿泰104http://tw.myblog.yahoo.com/jw!wYx0YyCGQUXR43yXjqsCSvL5Kg--/


 


可以加快開啟 部落格 速度,請自行選擇想要隱藏的項目


 


*隱藏奇摩部落格網頁~頁首和頁尾欄位*/
#yhtw_masthead,#yhtw_mastfoot{display:none;}



/*Blog latest update module隱藏更新日期欄位*/
#ymodupdate{display:none}



/*Blog album module隱藏部落格相簿*/
#ymodalbum{display:none;}



/*隱藏左右欄位標題*/
.yc3sec .mhd,.yc3sub .mhd{display:none}
.yc3sec .mbd,.yc3sub .mbd{zoom:1;filter:alpha(opacity:0)}



/*隱藏文章欄位標題*/
.yc3pribd .mhd{display:none}
.yc3pribd .mbd{zoom:1;filter:alpha(opacity:0)}



/*隱藏個人性別圖*/
#ymodprf .horos img{display:none;}



/*Profile隱藏自我介紹欄位*/
#ymodprf{display:none}



/*隱藏回應按鈕*/
div.btncomment a {display:none;}



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



/*隱藏回應欄位*/
#rtemodule {display:none;}


 


使用說明:


 進入 管理部落格 → 面板設定 →自訂樣式 → 貼上想隱藏的語法


 



 



如果 語法 無法呈現 隱藏 效果


請檢查 CSS 語法


請先點選CSS欄中空白處 →按 Ctrl+F 搜尋可有相同開頭的語法


如果你要隱藏 回應欄位


/*隱藏回應欄位*/
#rtemodule {display:none;}


語法中有相同的 #rtemodule {display:none;} 開頭語法


請覆蓋 或刪除此相同語法,才不會造成語法衝突


 


 



 



 




 


日後要開啟 再刪除隱藏語法即可


 


314延伸教學:


 


隱藏奇摩部落格→完全隱藏


 






















更新日期小圖隱藏更新日期訂閱部落格隱藏奇摩部落格單篇文章隱藏
置頂文章設定 隱藏留言板語法留言板圖示語法 部落格相簿語法隱藏相簿語法
引用文章 教學隱藏性別圖性別圖語法設定搜尋即時通語法


 




引用:http://tw.myblog.yahoo.com/jw!wAWD3aSfGRl2jdEuOsuKozEW.w--/article?mid=73137


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

 



如何複製影音和SWF之動畫



 



現在的影音和SWF好像都不能直接複製要用檢視原檔之語法才有文章,而檢視原檔之語法要



輸入一些英文字.可是輸入錯誤也有時忘記英文字,而且用語法框有時候又太長,



可以用複製到回應裡再將左下方的HTML打勺,並將語法複製到文章就可以了.


例:一日一生1




 


2.複製到回應


 

3.回應左下方之HTML打勺並將語法複製到文章(左下方的HTML打勺)


 

4.文章


 

5.文章左下方HTML打勺並將語法貼上,就發表






 


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



開啟一張圖片'選擇T型文字工具在圖片打上所需字體


點擊字體成虛線框'效果如下圖所設置




在百寶箱中的圖庫選擇→文字/路徑特效→類型→漸層-光線

在這裡共有6種不同顏色特效

 


 

以下↓這一張我是選用第4種特效-字型為金梅草行書


↓這一張我是選用第2種特效-字型為華康流線體




  您有沒有發現到2張圖片中的字體粗細非常明顯呢


這個關鍵是在於你所選的字體字型上的關係


而不是在於顏色或特效喔



 





引用此篇文章複製語法如下


↙ ↘




<p align=center><img style="WIDTH: 52px; HEIGHT: 44px" src="http://tw.blog.yahoo.com/photo/photo.php?id=D0Hmvi6AQE4KB_APoqr3Vch64w--&amp;photo=ap_3aPtHXZ7s58GqW552zqrpAp_MR2qC60KqRMUuw9UJsrsrSZGu.mBHg--/24/o/JJbKy1FMTfOIWaJqWg_pZA.jpg" width=100 height=44 /></p>
<p align=center><strong>開啟一張圖片'選擇T型文字工具在圖片打上所需字體</strong></p>
<p align=center><strong>點擊字體成虛線框'效果如下圖所設置</strong></p>
<div class="details fields" align=center>
<div id=imgEnv-fullSizedImage class=imgEnv><img style="WIDTH: 297px; HEIGHT: 249px" id=fullSizedImage class=media alt="""""""" src="http://i389.photobucket.com/albums/oo332/Redapple_bucket/001.png?t=1347510664" /></div>
<div class=imgEnv><strong>在百寶箱中的圖庫選擇→文字/路徑特效→類型→漸層-光線</strong></div>
<div class=imgEnv><strong>在這裡共有6種不同顏色特效</strong></div></div>
<div class="details fields" align=center>&nbsp;</div>
<div class="details fields" align=center><img style="WIDTH: 218px; HEIGHT: 259px" id=fullSizedImage class=media alt="""""""" src="http://i389.photobucket.com/albums/oo332/Redapple_bucket/004.jpg?t=1347511144" /></div>
<div class="details fields" align=center>&nbsp;</div>
<div class="details fields" align=center><strong>以下↓這一張我是選用第4種特效-字型為金梅草行書</strong></div>
<div class="details fields" align=center><img style="WIDTH: 295px; HEIGHT: 247px" id=fullSizedImage class=media alt="""""""" src="http://i389.photobucket.com/albums/oo332/Redapple_bucket/003.png?t=1347510974" /></div>
<div class="details fields" align=center><strong>↓這一張我是選用第2種特效-字型為華康流線體</strong></div>
<div align=center>
<div style="PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px" id=mediaContainer class=mediaContainer>
<div id=imgEnv-fullSizedImage class=imgEnv><img style="WIDTH: 298px; HEIGHT: 249px" id=fullSizedImage class=media alt="""""""" src="http://i389.photobucket.com/albums/oo332/Redapple_bucket/002-1.png?t=1347510828" /> </div></div></div>
<p align=center>&nbsp;&nbsp;<strong>您有沒有發現到2張圖片中的字體粗細非常明顯呢</strong></p>
<p align=center><strong>這個關鍵是在於你所選的字體字型上的關係</strong></p>
<p align=center><strong>而不是在於顏色或特效喔</strong><strong></strong> </p>
<strong>
<p align=center><a href="http://tw.myblog.yahoo.com/huichun-hu"><img border=0 alt="""""""" src="http://i952.photobucket.com/albums/ae4/Smalllily/75.gif?t=1312960343" width=288 height=81 /><font color=#d2c378 size=3>&nbsp;</font></a></p>
<p align=center><br></p>
</strong>
<p>&nbsp;</p>



引用:http://tw.myblog.yahoo.com/jw!D0Hmvi6AQE4KB_APoqr3Vch64w--/article?mid=92325


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

好用的無名音樂mp3



教各位如何使用把無名音樂mp3用在自己的yahoo裡.........

除了Xuite之外,也有另一選擇,自己喜歡的音樂自己決定。
或許有些人已使用了,給一些新朋友新網友們用自己喜歡的音樂。


第一動作就是進入這個系統

http://site.or23.com/










第二動作





第三動作

開始自選自己無名相簿裡的mp3檔,點自己的相簿裡自設的音樂(個人的無名多多少少會有幾首自己UB的一些音樂吧)

第四動作就是

當設定全部都設定好了之後,就可以得到語法了,就是這麼簡單,試試看吧。








 


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

1



 



看到可愛的貼圖心動嗎?好喜歡!


╭☆阿泰感謝您☆╮


可惜貼圖上面被放置文字了,想要改造它行不行?


thank_you/i61035991_6566_2.gif


 


當然可以,瞧!下面這圖已經被我改掉了。 
















  想學嗎?麻煩一點喔!


不怕麻煩的就動手學習吧!


 


使用軟體:   點圖按右鍵下載軟體   還沒有這個軟體的請先點進去下載。


 


現在打開G5,我們開始叫圖出來改造它,初始,圖中"啟動精靈"這個小視窗會自動出現,用不著,關閉它。


叫圖動作從螢幕視窗的左上方的小三角型點進去。



選擇想要修改的貼圖,先檢查圖檔大小,如果圖太大可在製作過程中修改調整。



 我叫出來的這張動畫圖有14個畫格,當然可以刪掉幾個讓圖的動作變少,也可以讓改造的工作變容易一些,可是我保持原味,十四個畫格全部保留下來。


選擇畫格時要對稱,下方是第一畫格,右邊就必須選擇第一畫格,下方是第二畫格,右邊也就必須是第二畫格,如此一個畫格一個畫格的小心變造。


所有動作如圖示紅字說明。





調整像素大小,可以按鍵盤 SHIFT鍵,一次選擇全部,然後將滑鼠移到視窗上方的"編輯",選擇"調整像素大小"以修改貼圖成為自己設計的大小樣式。



調整好圖像大小之後,準備寫上自己的設計文字,如下圖,下方畫格及右邊的眼睛都要全選,然後在視窗的左方選擇 "T"再點一下工作視窗的的圖,等右下方的小視窗出現後,再選擇 "字體" 及 "調整文字大小" ,開始編輯文字。



寫好文字後,選擇右邊的文字畫格,按滑鼠右鍵可叫出另一個小視窗來,我們選擇 "複製對象",讓下方的每一個畫格都有文字,調整文字位置。



預覽效果,滿意之後以 "最佳化" 儲存。



存檔的貼圖要上傳到網路空間才可以使用。



香港雅虎奇摩也有免費網路空間(虛擬主機)


香港雅虎奇摩帳號密碼和台灣雅虎奇摩相同



網路空間:


網址:http://hk.geocities.yahoo.com/v/ul.html


香港雅虎奇摩網頁空間有流量管制,流量過多檔案會被管制哦。


 



somewhere in time  在某個時間



<p align=center><embed src="http://www.youtube.com/v/y_HTe4WxUyc&autoplay=1" width="120" height="100" quality="High" wmode="transparent"></embed>



引用:http://tw.myblog.yahoo.com/jw!wYx0YyCGQUXR43yXjqsCSvL5Kg--/article?mid=205740


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








開啟要去除文字的圖片'接著要做的動作是取色


在左欄工具列選取[色彩選擇工具]'把滴管放在圖片背景上點一下滑鼠就可以看到色彩選擇工具處的前景色和圖片背景色一樣如下圖 




在來是畫筆填色'點擊上面工具列對象 →選擇→全部


選取左欄工具列[畫筆工具]此時工具欄上方會出現畫筆工具的屬性你可以設置數值試試各個屬性具體有什麼不同'設置好之後


可以開始塗畫




在畫畫當中'會有稍許的顏色落差'在用滑鼠點擊畫筆補上讓色彩更均勻化'多餘的部份在用橡皮擦擦掉即可'如下圖看起來是不是顏色更均勻了




去除後的效果




 




oreokimo 發表在 痞客邦 留言(1) 人氣()