目前日期文章:200908 (12)

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




 


。。。--------------------------------------------------------------------------------------------。。。


【 +  Teaching* -- 教學解說 + 】


★ 星羽的部落格 L o G o :  



★ 本站網址: http://tw.myblog.yahoo.com/shine-starwing 


★ 教學課程內容:【CSS部落格基本語法說明】


★ 其他部落格問題 : 問題精選


★ 版主的話 :  基本上更改yahoo部落格的基本語法


就是這些了,其實還滿多人問我的˙口˙"


不過...說真的= =  大部分人都根本沒有爬文,就猛問= _ ="  (答案在css語法區都找的到)


除非...你問的語法我根本沒有使用或是我根本不會( 那問我有什麼意義呢?


在你想問其他語法之前 → CSS語法     先給我到css語法區好好看看過一次!!!


我相信裡面有相當多好用實用的語法   (好歹我收集很久= =)


沒去認真查,就問的人 我沒什麼必要回答。


這次 是為了有些剛進來的人 不了解那些語法名稱是搭配在部落格的哪裡使用


而製作的講解+圖示


這些就是一個基本yahoo面版製作的方法了


而進階版的製圖問題(也就是你要自己製作部落格面板)


請去 →  製圖教學  


製圖有問題,問我的話我一定不會回答你,就這樣。


網路上的資源太多了,隨便踢都有


自己試著找出來,成就感還比較大呢


另外,這是最基本的CSS語法


還有進階的(改更多東西)


如果有需要的話,就請回應告知瞜


不然一律去  CSS語法  找


★ 使用方法: 請依照圖片上標示的1-10來看,每一號的語法以及使用的地方我都有標示過了。


把圖片網址、圖片寬度、圖片高度等等做修改即可


*右鍵--內容--即可看見圖片網址&圖片高度&寬度


將紅色部分做些改即可//*


。。。--------------------------------------------------------------------------------------------。。。



無法顯示圖片者,請點擊→  http://img171.imageshack.us/img171/5553/asdrf.jpg


。。。--------------------------------------------------------------------------------------------。。。


《 1 》 標題圖


#yblogtitle h1 {
display:block;
float:left;
background:url(圖片網址) 0 0 no-repeat;
width:px;
height:px;
font-size:0;
line-height:0;
overflow:hidden;
cursor:pointer;
cursor:hand;}#yblogtitle .mbd{text-align:center;}
#yblogtitle .mbd .thd{background-repeat:no-repeat;background-position:0% 100%;width:px;height:px;text-align:center;}
#yblogtitle h1{color:#78AEFF;font-weight:bold;}
#yblogtitle .rctop, #yblogtitle .rctop div, #yblogtitle .rcl, #yblogtitle .rcr, #yblogtitle .rcbtm,
#yblogtitle .rcbtm div{zoom:1;}


《 2 》訂閱圖


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;}


《 3 》招呼語框(文字置中


#yblast .bg {zoom:1;background:url(圖片網址) no-repeat;}


《 4 》頭貼/頭像/ICON


管理部落格→個人相片→上傳


《 5 》 性別圖 (圖片寬度請勿超過120)


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


《 6 》 首頁看板 ( 告示牌 )   *基本上用於有頂置文章的部落格*又稱"首頁看板"


這是貼在文章裡面的, 觀看HTML 原始碼   道裡面貼上語法,加上圖片網址完成語法之後


在將 觀看HTML 原始碼 的打勾點掉,你就可以預覽成品瞜 : )


貼圖語法:


<img src=圖片網址>


《 7 》回應、引用 


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;}


《 8 》 回應欄位上方圖式


#rtemodule {background:url(圖片網址) no-repeat scroll center top;padding-top:圖片高度px;}
#ypreviewmsg .yvstrcmnt{background:transparent url(圖片網址) no-repeat scroll center top;padding-top:圖片高度px;}


《 9 》卷軸改色


html{
SCROLLBAR-FACE-COLOR: 色碼;}                       軸面顏色
SCROLLBAR-HIGHLIGHT-COLOR:色碼;}               設定軸面三角左邊顏色
SCROLLBAR-SHADOW-COLOR: 色碼;}                 設定軸面三角右邊顏色
SCROLLBAR-3DLIGHT-COLOR: 色碼;}                     左立體邊顏色
SCROLLBAR-DARKSHADOW-COLOR: 色碼;}         右立體面顏色
SCROLLBAR-ARROW-COLOR: 色碼;}                       箭頭的顏色
SCROLLBAR-TRACK-COLOR: 色碼;}                         軸軌的顏色


《 9 》背景圖 (置中)
 
body {background-image:url(圖片網址);background-repeat:no-repeat;background-position:50% 50%;background-attachment:fixed;}


。。。--------------------------------------------------------------------------------------------。。。


色碼參考區:






























































































































































































































































































































































EEEEEE FF00CC FF66FF FF00FF
DDDDDD FFCCCC FF66CC FF00CC
CCCCCC FFCC99 FF6699 FF0099
BBBBBB FFCC66 FF6666 FF0066
AAAAAA FFCC33 FF6633 FF0033
999999 FFCC00 FF6600 FF0000
888888 CCCCFF CC66FF CC00FF
777777 CCCCCC CC66CC CC00CC
666666 CCCC99 CC6699 CC0099
555555 CCCC66 CC6666 CC0066
444444 CCCC33 CC6633 CC0033
333333 CCCC00 CC6600 CC0000
222222 99CCFF 9966FF 9900FF
111111 99CCCC 9966CC 9900CC
000000 99CC99 996699 990099
FF0000 99CC66 996666 990066
EE0000 99CC33 996633 990033
DD0000 99CC00 996600 990000
CC0000 66CCFF 6666FF 6600FF
BB0000 66CCCC 6666CC 6600CC
AA0000 66CC99 666699 660099
990000 66CC66 666666 660066
880000 66CC33 666633 660033
770000 66CC00 666600 660000
660000 33CCFF 3366FF 3300FF
550000 33CCCC 3366CC 3300CC
440000 33CC99 336699 330099
330000 33CC66 336666 330066
220000 33CC33 336633 330033
110000 33CC00 336600 330000
FFFFFF 00CCFF 0066FF 0000FF
FFFFCC 00CCCC 0066CC 0000CC
FFFF99 00CC99 006699 000099
FFFF66 00CC66 006666 000066
FFFF33 00CC33 006633 000033
FFFF00 00CC00 006600 000000
CCFFFF FF99FF FF33FF 00FF00
CCFFCC FF99CC FF33CC 00EE00
CCFF99 FF9999 FF3399 00DD00
CCFF66 FF9966 FF3366 00CC00
CCFF33 FF9933 FF3333 00BB00
CCFF00 FF9900 FF3300 00AA00
99FFFF CC99FF CC33FF 990099
99FFCC CC99CC CC33CC 008800
99FF99 CC9999 CC3399 007700
99FF66 CC9966 CC3366 006600
99FF33 CC9933 CC3333 005500
99FF00 CC9900 CC3300 004400
66FFFF 9999FF 9933FF 003300
66FFCC 9999CC 9933CC 002200
66FF99 999999 993399 001100
66FF66 999966 993366 0000FF
66FF33 999933 993333 0000EE
66FF00 999900 993300 0000DD
33FFFF 6699FF 6633FF 0000CC
33FFCC 6699CC 6633CC 0000BB
33FF99 669999 663399 0000AA
33FF66 669966 663366 000099
33FF33 669933 663333 000088
33FF00 669900 663300 000077
00FFFF 3399FF 3333FF 000066
00FFCC 3399CC 3333CC 000055
00FF99 339999 333399 000044
00FF66 339966 333366 000033
00FF33 339933 333333 000022
00FF00 339900 333300 000011
0099FF 0033FF 0099CC 0033CC
009999 003399 009966 003366
009933 003333 009900 003300

。。。--------------------------------------------------------------------------------------------。。。



★--   Design By Starwing 2009 * http://tw.myblog.yahoo.com/shine-starwing  -- ★



。。。--------------------------------------------------------------------------------------------。。。

星羽 發表在 痞客邦 PIXNET 留言(48) 人氣()

 



【 +  - StAr WiNg `* Magic Blog,, - -- 刊頭 + 】


 


。。。--------------------------------------------------------------------------------------------。。。


【 +  StAr WiNg  -- 序曲 + 】


★    打包帶走(引用)小守則(站內購物袋):


【規則】製品帶走需知,請先詳讀: )


★ 星羽的部落格 L o G o :  


★ 本站網址: http://tw.myblog.yahoo.com/shine-starwing 


。。。--------------------------------------------------------------------------------------------。。。


【 + 作品解析/作者解說 + 】



做了好久說>U<+++

 

這個很方便唷

 

可放在自訂欄位、文章裡面

 

相當的方便><++

。。。--------------------------------------------------------------------------------------------。。。


【 + Design by Star Wing -- 星羽作品欣賞 + 】


*--預覽--*


            


              


               


           


         










+貼圖法+



<img src=圖片網址>




# 大提醒: 圖片網址請點 右鍵-內容 即可取得: )

 

。。。--------------------------------------------------------------------------------------------。。。


【 + Star Wing -- 問題專區 + 】



 

     不懂請看這裡: D

 

★如果不會使用的話,下面的教學文會有幫助的噢 !



★,,如何正確引用文章   ★,,如何貼入css語法

★,,如何在自訂欄位貼圖教學   ★,,如何調整版型透明度以及顏色


 (;´Д`)ノ  沒找到需要的教學嗎?  『點我看更多詳細教學 』


。。。--------------------------------------------------------------------------------------------。。。


【 + Star Wing -- 小小叮嚀 + 】





 ★ 文章出現問題嗎>   < ?

 

請不要在本篇文章中告知喔  (回應人是很多 怕看不到ˊˇˋ)

 

可以的話 請來留言版告知 並附上有問題文章的網址

 

謝謝您的配合

 

。。。--------------------------------------------------------------------------------------------。。。


【 + Star Wing -- 製品推薦 + 】

(>▽<)ˊ* 看了這篇文章也許你還會想看.... (相關文章)



+『Design*作品』+







。。。--------------------------------------------------------------------------------------------。。。 

【 + Star Wing -- 評鑑總結 + 】

 


★--   Design By Starwing 2009 * http://tw.myblog.yahoo.com/shine-starwing  -- ★


星羽 發表在 痞客邦 PIXNET 留言(48) 人氣()

 


高二下學期


 


我們開始製作手工書


 


手繪的提袋>U0++


 


插畫老師說 這次學期末成績要用手工書來打成績= =+++


 


好有趣呢XD


 


接下來大約有一個月都在製作= W =++


 


不過我是用狂趕的= =+


 


前兩星期在構思故事= =++(同學都說,這傢伙一定會畫動物的故事= =+)


 


哈哈哈 不好意思喔 的確是這麼回事 一    W    一


 


還有指定的唷(獅子/鴨子/無尾熊/牛/企鵝)


 


幾個朋友的暱稱這樣    噗哈哈哈哈


 


還有嫌版面太小說XD 


 


不過因為算是臨時狂趕的故事 所以沒有什麼意義性    (燦)


 


本來我可是想畫一個意義深遠的故事呢= 3 =+++(聽到有人說笨蛋深遠 =    =)


 


同學都說什麼意義深遠啊,絕對又是迎向光明那種閃亮亮的故事= ㄦ =+++(專屬風格??)


 


 


做好的繪本要輸出自己裝訂成冊


 


還有封面呢= =+++


 


不過做好的被老師拿走了 開學才會還 囧


 


大概花了幾百塊= W =~


 


故事要看大圖的話,請去相簿--星羽的自繪作品看吧>U0    (似乎很多人都看完了= =??)


 


使用的作畫工具是(法國插畫紙/日本水彩紙)  然後是水彩加上麥克筆~~**


 



 



 



 



 


















 



好趕的結局了XD


好歹我也畫了2天欸 (嘆)


下面是附贈的紙??(書不都會附可以寫寫東西或是塗鴉的地方嗎= W= ++)


沒想到有人問我能不能拿去用呢(好感動=ˋ =")


復興最好玩的就是有這些東西了>W<+++





星羽 發表在 痞客邦 PIXNET 留言(21) 人氣()


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


傳說中的解說員:


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


 


以上是其實算是不少人曾經出現的問題+  (大家沒好好看清楚他說的吼= W =""")


 


各位請注意瞜!!


 


YAHOO部落格自訂欄位總共只能使用的只有5個!!!


 


如果你的自訂欄位已經有五個了的話    


 


當然不能新增自訂欄位瞜


 


即使語法、文字、標題,都符合標準


 


超過了還是一樣不能新增啦˙˙+


 


這時候只好


 


把其中一個刪除   在新增啦~


 


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


+ Design By Star Wing 2009* in yahoo blog - http://tw.myblog.yahoo.com/shine-starwing +

星羽 發表在 痞客邦 PIXNET 留言(6) 人氣()


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


傳說中的解說員:


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


哎呀呀


那基本上是因為


你在左右欄位(文章目錄、個人介紹那裏)可能放了太多東西了


所以跑不過來


大部分人會放上很多語卡、flash掛件、小遊戲小測驗等等之類的


放了太多  會影響網頁的速度


所以


在部落格的時候


盡量放最喜歡的幾個就好


如果全部都喜歡的話 也可以定期更換^^


這樣子部落格也會有很多變化喔: )


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


+ Design By Star Wing 2009* in yahoo blog - http://tw.myblog.yahoo.com/shine-starwing +

星羽 發表在 痞客邦 PIXNET 留言(8) 人氣()


美化部落格檔案、個人資料、自我介紹、回應列表








自訂樣式應用



語法應用編輯(二度空間)



/*部落格檔案、個人資料、自我介紹*/


/*部落格檔案-背景圖-預設背景顏色-字體顏色(字型預設值,不需設定)*/
#ybloginfo table {background: url(圖片網址) #1B006B repeat ; color:#FFFF00;}
#ybloginfo table th {background: url(圖片網址) #1B006B repeat ;color:#FF0000;}


/*個人資料-背景圖-預設背景顏色-字體顏色(字型預設值,不需設定)*/
#yusrinfo table th {background: url(圖片網址) #1B006B repeat ;color:#FF0000;}
#yusrinfo table {background: url(圖片網址) #1B006B repeat ;color:#FFFF00;}


/*自我介紹-背景圖-預設背景顏色-字體顏色(字型預設值,不需設定)*/
#yusrintro p {background: url(圖片網址) #1B006B repeat ;color:#FFFF00;}

/*回應列表*/


/*回應列表-文章與相片回應轉換按鈕底色與待連結字體顏色(字型預設值,不需設定)*/
#ycmntlist .mbd li a {background:#0000ff;color:#ff00ff;}


/*回應列表-文章與相片回應轉換按鈕底色與已開啟字體顏色(字型預設值,不需設定)*/
#ycmntlist .mbd li strong {background:#0000ff;color:#ffff00;}


/*回應列表-背景圖-預設背景顏色-回應者字體顏色(字型預設值,不需設定)*/
#ycmntlist .listbd {background: url(圖片網址) #1B006B repeat ; color:#FFFF00;}


/*回應列表-回應標題-背景顏色-字體顏色(字型預設值,不需設定)*/
#ycmntlist table th {background:#1B006B; color:#FFFF00;}


/*回應列表-板主回覆-背景顏色-字體顏色(字型預設值,不需設定)*/
#ycmntlist .reply {background:#1B006B; color:#00ff80;}


/*回應列表-其它連結字體顏色(字型預設值,不需設定)*/
#ycmntlist .listbd a {color:#ff00ff;}


圖片重複方向 :


repeat-x = 橫向排列,適用垂直條形圖


repeat-y = 縱向排列,適用水平條形圖


repeat = x-y軸同時排列,適用方形圖


no-repeat = 單張圖片不重複,適用與架框同等長寬的圖片


貼語法路徑管理部落格面板設定自訂樣式→加入語法→確定


色碼表應用 :


英文色碼表    數字色碼表


注意 : 其它架框的語法設定值,有可能影響回應板架框的設定值,請謹慎設定


更多語法參考 :


http://tw.myblog.yahoo.com/jw!.KNty8iGR0WBlosOtiUpDA--/article?mid=7489


星羽 發表在 痞客邦 PIXNET 留言(9) 人氣()

 



@.你想將留言版連結到美美的文章版面~做成和格友交流的小天地嗎?


那麼你一定要先學會~如何在信紙圖卡上加字.


信紙加字語法如下:


<DIV align=center>
<DIV style="BACKGROUND: url(圖片網址); WIDTH: 圖片寬度px; HEIGHT: 圖片高度px">
<DIV align=left>
<DIV style="MARGIN-TOP: 文章內容距離上方的間隔px; MARGIN-LEFT: 文章內容距離左方的間隔px; OVERFLOW: auto; WIDTH: 文章內容寬度px; HEIGHT: 文章內容高度px">
<P>文字內容</P>




1.先找一張你喜歡的信紙圖卡..這裡瑀婈貼一張示範-->當然你也可以選更大或者更小的圖片.






 


2.滑鼠點圖按右鍵選內容-->會出現一條網址-->將它複製起來貼在語法裡的 [ 圖片網址裡 ].


3.調整圖片的寬度和高度--> [滑鼠點圖按右鍵選內容會有圖片的寬度和高度].


4.調整文章內容的位置-->請記得文章內容的寬度和高度都要比原圖尺寸小唷.文章內容的間隔大小視圖片有無框邊來做大小的調整[數值可先調整約30px寬高度..再視情況做調整)


5.接下來要將語法貼到文章裡頭-->這裡很重要唷~必須先將 [觀看HTML原始碼勾選起來]-->再貼上我們調整好的語法.


6.語法貼好後再將觀看HTML原始碼的勾取消掉.就可以看到我們剛才貼好的圖囉.


7.將你想要加上的文字貼在這裡-->[文字內容] ,然後編輯上名字--發表就大功告成囉.


補充:在[ 7 ] 貼好文字時.你可以點圖二下-->會出現粗框的虛線-->就可以輕鬆修改文章裡的內容和文字顏色以及調整位置唷!


@.調整文字顏色時:直接將內容反白然後點選編輯文章上方的色盤選要改變的顏色就可以囉.


 


 


 



 

本文自~

星羽 發表在 痞客邦 PIXNET 留言(1) 人氣()

 



 




















 


Flash8 欄物教學總覽(含源碼)


舞動弦音 框圖總覽 欄物掛件 空間總覽 軟體總覽

































































































Flash8 欄物教學列表

不老松教你幾步做成Flash時鐘


時鐘製作2-加入動圖及縮小鐘盤


時鐘製作3-三合一時鐘應用(含源碼)


月曆製作教學(含源碼下載)

跑馬燈加閃框及連結點教學下篇

跑馬燈製作教學(含源碼下載)上篇



公告欄製作教學上篇(含源碼下載)


公告欄製作教學下篇(含swf透明動圖源碼)

計日器製作教學上篇(含源碼下載)

計日器製作教學下篇(含源碼下載)


 
Flash8 各款欄物分享
欄物分享【01-時計篇

欄物分享【02-粉紅玫瑰時計(含源碼)

欄物分享【03-月曆篇

欄物分享【04-跑馬燈篇(含源碼)

欄物分享【05-公告欄篇
欄物分享【06-計日器篇(含源碼)
 
部落格各種欄物掛件分享

法品精緻模版時計、日期分享: 0123


時の館~時計大集合


Satisfy Desire-FLASH時計素材


有趣的生日時計~不用申請或下載喔


超可愛又特殊的 Flash時計 大方送


法品~Horloges aiguilles~淡雅風味時鐘分享


KissDesign~法品可愛小日曆電子鐘


NaturalBreeze~幻麗之翼~Flash時鐘日曆各種素材分享網~


Flaclo ~日制Flash時鐘分享


ClockLink-多種風格特殊造型美式時鐘分享~


. 日本卡哇伊のきれいな時計大放送~


. 日本卡哇伊の、きれいなFlash時計又來了~


. 日本卡哇吚の時計^^~第三波~


. 日本風花草味のFlash時計~


. 日本卡哇伊の有聲貓犬Flash時計~出場囉~



-多款倒數計時造型分享()~可自行設定到期目標


-小水滴倒數計時分享()~可自行填入語句的到數時計


-BLOG成立計數、倒數時計()

 


祝福大家 順心如意 平安快樂


玄音敬祝/2008.07.20




星羽 發表在 痞客邦 PIXNET 留言(0) 人氣()

 












 



定義左右欄頂欄:





/* 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:#808000; color:#00FF00; text-align:center; }

語法說明: (標題框大小=150*30)























.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:#808000;
background-image: url(圖址);
底色、底圖(背景圖)。二者可併存。
filter:alpha(opacity:50); 底色度明度。留言板、相簿、月曆…等內設標題字底色無法控制透明度
color: 字色。
text-align:center; 字置中
font-family:標楷體; font-size:17px; 只有留言板、相簿、月曆…等標題字變更
大小對左右欄標題字都能牽動
   

語法範例:





/* 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:#808000;  filter:alpha(opacity:50); color:#00FF00; text-align:center;}


定義左右欄內容區:





/* Nav module body 左右欄內容區<可控制的 模組 主體>*/
.yc3sec .mbd、.yc3subbd .mbd、.yc3sec .mft、.yc3subbd .mft{ background:
#E6EBD5; color:#008080; }

語法說明:


















.yc3sec .mbd、.yc3subbd .mbd、.yc3sec .mft、.yc3subbd .mft{……}  
background:#E6EBD5;
background-image: url(圖址);
底色、底圖(背景圖)。二者可併存。
zoom:1; filter:alpha(opacity:50); 透明度
color:#D2D1E1 字色。指非連結字串的內容文字。
文章分類、最新文章…等連結字串由
/*Links 定義連結字串*/ 控制。
   

語法範例:





/* Nav module body 左右欄內容區 */
.yc3sec .mbd、.yc3subbd .mbd、.yc3sec .mft、.yc3subbd .mft{ background:
#D2D1E1; zoom:1; filter:alpha(opacity:50); color:#000080; }


連結字串前加圖示





/* Nav module list 連結字串前加圖示<可控制的模組 目錄>*/
.ycntmod .mbd ul.list li {background:url(圖示位址) no-repeat left 0.1em; padding-left:20px; margin-bottom:7px; line-height:1.5em;}
.ycntmod .mbd ul.list li.more {margin:-3px 0 0 -3px; text-align:right; background:url(所有文章和更多回應圖檔位址) 50px center no-repeat;}

說明:



































.ycntmod .mbd ul.list li {……} 在左右欄標題目錄串連字前加圖示
background:url(圖址)
no-repeat
left 0.1em
這個應不用再介紹了
當然不重複貼圖,否則會貼滿整欄框
應該是指圖與左邊距離,結果字卻下沈。不用設它。
(em 約為M一鉛字所佔之面積,為印刷字體之計量單位)
padding-left:20px; 文字與左邊緣的距離,當然要比圖示寬些嘍~<補白-左:>
margin-bottom:7px; 行距(與下一段落的距離)<邊、頁邊的空白-底部:>
line-height:1.5em 列高(可以不用設)
 
.ycntmod .mbd ul.list li.more {……} 在所有文章、更多回應前加圖示<more=另外的、附加的>
background:url(圖址)
50px
no-repeat
這個應不用再介紹了
調整與邊緣距離(內設是靠左上)(也可用文字來控制 center=置中)
不重複貼圖
margin:-3px 0 0 -3px; 與各邊緣距。不用設它。<margin=邊、頁邊的空白>
text-align:right; 不用設它。<text-align:right=文字-排成一行:右>
   

語法範例:





/* Nav module list 連結字串前加圖示 */
.ycntmod .mbd ul.list li {background:url(http://hk.geocities.com/love99_h/Gif/Sg/SgBeingA04.gif) no-repeat; padding-left:18px; margin-bottom:7px; }
.ycntmod .mbd ul.list li.more {background:url(http://hk.geocities.com/love99_h/Gif/Sg/SgBeingA02.gif) 50px no-repeat; }


變更個人性別圖:





/* 改變個人性別圖 */
#ymodprf .horos img{display:none;}
#ymodprf .horos{width:60px; height:75px; background:url(圖檔位址) center no-repeat; }

語法說明:





























#ymodprf .horos img{……} 定義原性別圖示(將原性別圖示隱藏,否則會重疊貼圖)
display:none; <display:none=展開、顯示:並不>
 
#ymodprf .horos{……}  
width:60px; height:75px; 定義想放置的圖框寬、高。
將原本樣式的 CLASS 重新改寫,寬高改為 60px、75px。也就是設定要放置圖片的框的大小。
想單圖放置時,最好是將框調整成與圖同高,看下面 center 及 no-repeat 說明時您會瞭解的。
background:URL(圖址) 將要放置的圖變成背景來呈現,這裡的 URL 要指向您想放的圖檔連結位址。
center 是讓這圖檔在這框為置中(指上下、左右都置中),左右欄放置圖檔的寬經測不要超過 130px。
no-repeat no-repeat 不重複貼圖。用 repeat=重複 ,可佈滿框內。
repeat-x 則於X軸(水平)佈滿。用 repeat-y 則於Y軸(垂直)佈滿。
   

語法範例:





/* 變更個人性別圖 */
#ymodprf .horos img{display:none;}
#ymodprf .horos{width:130px; height:134px; background:url(http://hk.geocities.com/love99_h/Gif/Male/MZ001.gif) center no-repeat; }


改變更新日期前圖示:

























/* Module latest upup 改變更新日期前圖示<模組 最近的 結束>*/
#ymodupdate .mbd .date{background:url(圖址) left center no-repeat; padding-left:35px; font-size:115%; }
 
#ymodupdate .mbd .date{……}  
background:url(圖址) no-repeat; 圖示位址,不重複貼圖
padding-left:35px; 日期距離框左側多遠<補白:左側>
font-size:115%; 日期字體大小
font-family:verdana; 定義字體<字-家族:verdana>
left center 或 right left 這二個 左側 中央 或 右邊 左邊,測了半天也沒啥作用

語法範例:





/* Module latest upup 改變更新日期前圖示 */
#ymodupdate .mbd .date{background:url(http://hk.geocities.com/love99_h/Gif/Sg/SgFlower004.gif) no-repeat; padding-left:35px; font-size:115%; }


定義月曆上今天日期的字色及大小











/* 定義月曆上今天日期的字色及大小 */
#ymodcal .mbd td strong{ color:#FF0000; font-size:120%; }
#ymodcal .mbd td strong{……} modcal=形式上、形態上。strong=強壯的、堅固的
color:#FF0000; 及 font-size:120%; 同樣是在定義字色及大小

語法範例:





/* 月曆上今天日期的字色及大小 */
#ymodcal .mbd td strong{ color:#FF0000; font-size:120%; }


 

















音樂語法(轉貼知識)關於yahoo背景音樂..  


     【小燕子教學】音樂語法


                       【小燕子教學】部落格之音樂播放器*語法


影片語法:【小燕子教學】上傳影音檔及貼影片或MV*語法


     【小燕子教學】貼youtube影片語法


動畫語法:【小燕子教學】發表動畫文章*語法


滑鼠語法:【小燕子教學】滑鼠游標語法


     【小燕子語法教學】滑鼠游標教學-第2部


部落格須知﹝小燕子開講﹞貼語法貼到自訂樣式亂掉了,該怎麼辦?


      ﹝小燕子關心您﹞〝請做好部落格自訂樣式的備份工作〞


      ﹝小燕子開講﹞為什麼引用格友的文章,發表文章後,圖檔看不到哩?


        ﹝小燕子開講﹞何謂文章引用?  


       ﹝小燕子開講﹞何謂訂閱部落格?


       ﹝小燕子開講﹞怎麼找出部落格裏的搜尋功能呢?


        ﹝小燕子開講﹞如何在發表文章、文章回應、留言板上貼gif動畫圖呢?


上傳教學:【小燕子的教學】製作基本logo&感謝大家的支持~


     【小燕子教學】上傳圖檔*變成*屬於自己的圖片網址


     【小燕子教學】上傳音樂檔*變成*音樂網址



佈置部落格語法:【小燕子教學】變更訂閱部落格的圖片*語法


        【小燕子教學】更改yahoo部落格、會員登入的顏色及背景圖案*語法


        【小燕子教學】招呼語外觀語法


        【小燕子教學】左右欄位.置入美美的底圖*語法


        【小燕子教學】文章底圖置入美美的背景圖* 語法


        【小燕子教學】滑鼠移至連結時,字變色*語法


        【小燕子教學】滑鼠移至連結時,字外圍加有顏色的框框*語法


        【小燕子教學】部落格標題名稱變更顏色*語法


        【小燕子教學】GIF或JPG背景圖不隨捲軸移動*語法


        【小燕子教學】捲軸語法


        【小燕子教學】調整部落格透明度


        【小燕子教學】文章標題前加入小圖片*語法


        【小燕子教學】最新文章、最新回應、文章分類前加小圖*語法


        【小燕子教學】更新日期前加小圖*語法


        【小燕子教學】更改右邊或左邊欄位標題的字體*語法


        【小燕子教學】最新文章、最新回應、文章分類等等的標題底圖或插圖*語法

        【小燕子教學】更改個人資料的性別圖案*教學



 





       【小燕子教學】製作DIY相片聯播&語法


       【小燕子教學】申請計數器&語法


       【小燕子教學】申請*線上人數*計數器&語法


       【小燕子教學】停留時間語法


       【小燕子教學】圖片連結語法


       【小燕子教學】自訂欄位貼圖(含〝心靈享燕音樂會〞的音樂前面加小圖)


*http://tw.myblog.yahoo.com/jw!.FrenJubHhQI9WKmKTrcqw--/article?mid=480&pk=%E8%AA%9E%E6%B3%95%E6%95%99%E5%AD%B8%E9%83%A8%E8%90%BD%E6%A0%BC


星羽 發表在 痞客邦 PIXNET 留言(13) 人氣()

 







 


MyHotPost.gif


想知道自己的部落格哪篇文章最熱門嗎?你的 BSP 不支援 JavaScript 語法嗎?沒關係,透過 MyHotPost 統計程式,只要將一張圖片貼入部落格,就能輕鬆取得熱門文章 RSS Feed 。MyHotPost 的貼紙長這個樣子:


myhotpost-sample.png


在貼到部落格任何位置後,MyHotPost 就會開始運作,你可以在熱門文章看到所有加入的部落格文章點擊數前20名。



myhotpost-01.png


針對每個部落格,MyHotPost 提供了獨立的頁面,你可以在以下網址看到免費資源網路社群的熱門文章列表,



免費資源網路社群@MyHotPost: http://myhotpost.kengao.tw/site/0d2d304797a55c4cb1c79b6d5ec9fe02



除此之外,MyHotPost 也有 RSS Feed, JavaScript文章列表和JavaScript點閱數等項目供使用者延伸使用,你可以更方便快速在網站內展示最高點閱數的文章列表。


【網站網址】 MyHotPost


 


本文的引用網址 http://www.freegroup.org/2009/05/free-blog-parts-myhotpost/trackback/


 


 



星羽 發表在 痞客邦 PIXNET 留言(2) 人氣()



 


 


是說


暑假輔導要帶電腦去


超重= =


不過空閒時間就偷看動畫(罪人!!)


沒想到朋友他們是動畫大寶庫啊XD


好多喔= 3 =+++


想看得幾乎全有了


目前被推薦看的是N-ON輕音部然後是龍與虎


輕音已經看完了 真是個歡樂的青春故事啊XDDD


而龍與虎基本上是表哥弄給我看的(老哥謝謝= W= +)


因為學校哪有那麼多時間嗎= 3 =


因為龍與虎至少有給清楚結局~*


也滿好看的˙ˇ˙


所以大家可以去看看唷


----------------------------------------------*


故事大綱



眼神兇惡,看起來像不良少年的高須龍兒,事實上連跟別人吵架都沒有吵過,是個很普通的少年。如今,他正要升上高中二年級,並幸運地跟暗戀一年的櫛枝實乃梨和高一時的好友北村祐作同班。擔心自己再度被新班級的同學誤會的龍兒,卻意外地因為與被稱為「掌中老虎」的逢坂大河邂逅而解開大家對他的誤解。


事實上,大河暗戀的是龍兒的友人北村。某天大河正要將情書放進北村的書包時,龍兒正好走進教室裡。慌忙間,大河將情書誤放進龍兒的書包中,於是她決定晚上帶著木刀潛入龍兒家中將情書搶回來,沒想到放進龍兒書包內的只有信封。那一晚,龍兒決定要幫助大河,讓她能與北村交往。由於大河一人獨居,且完全不會作家事及料理,因此龍兒與大河便常常一起在龍兒吃晚餐、一起上學、一起去超市買料理材料。因為這件事情,他們兩人被實乃梨與北村誤解正在交往了……


書名《TIGER×DRAGON!》即是來自於「掌中老虎」的老虎及「龍兒」的


----------------------------------------------*


登場人物


高須龍兒高須 竜児(たかす りゅうじ) 間島淳司
男主角。16歲,就讀於2年C班。金牛座。由於遺傳到爸爸的兇惡眼神,常常被誤認為不良少年,因此本人十分討厭自己的長相,而其個性則是一個普通的認真少年。得意的技能是料理,也十分擅長裁縫,但愛乾淨到神經質的程度。暗戀同班同學櫛枝實乃梨,但是好像也不吝惜照顧大河。目前飼養一隻名為「小鸚」的鸚鵡,並與母親高須泰子和逢坂大河生活。
逢坂大河逢坂 大河(あいさか たいが) 聲:釘宮理惠
就讀2年C班。通稱「掌中老虎」。其名字-「大河」的日文發音和老虎的英文-「Tiger」發音類似。特徵是傲嬌、兇暴、任性、毒言但又有點愛哭的冒失娘。自稱身高145公分(事實上143.6公分),好像可以捧在手中一樣的嬌小。這也是她綽號的來源。對綽號也有些情結。比起起司甜點,比較喜歡乳製品。喜歡同班同學北村祐作,但曾經拒絕過他的告白。在北村面前表現得極度緊張,常常有可笑的言行舉止。總是穿著棉製折邊的衣服,常常被批評像人偶。雙親是有錢人,但因為關係不好,而離開他們,只靠定期的生活費過活。然而,大河對於家事完全不拿手,總是要龍兒照顧。同時對自己的貧乳身材也十分在意。是超級旱鴨子,經過龍兒的特訓後,終於可以使用浮板游泳。
櫛枝實乃梨櫛枝 実乃梨(くしえだ みのり) 聲:堀江由衣
2年C班。大河的好友。暱稱「小實」(みのりん)。女子壘球社的社長。性格天然且有自己的一套想法與作法。說話語調常常有變化。打工很多,食量極大。討厭發酵食品。非常關心大河的生活,一度以為龍兒與大河正在交往。龍兒對她的評價是:不折不扣的天然女。
北村祐作北村 祐作(きたむら ゆうさく) 聲:野島裕史
2年C班。擔任學生會副會長與班長,是男子壘球社社長。龍兒最好的朋友。由於戴著度數極深的眼鏡,加上勤勉正直,於是被班上同學取了「丸尾同學」(《櫻桃小丸子》裡的班長)的綽號。有著能夠很快融洽附近環境的開朗性格,但有時也會有怪怪的一面。有摩托車駕照(但這是違反校規的)。
高須泰子高須 泰子(たかす やすこ) 聲:大原沙耶香
高須龍兒的母親,自稱「永遠的23歲」(實際33歲)。是酒吧「毘沙門天國」的媽媽桑,花名「魅羅乃」。身材極好(巨乳)。自稱「泰泰」。在16歲高一的時候與龍兒的父親生下龍兒,但龍兒的父親至今生死未卜,而泰子亦獨立將龍兒撫養成人。自始至終未得到自己父母的原諒,但在龍兒上幼兒園時曾很想回到父母身邊(其時生活困窘)。
川嶋亞美川嶋 亜美(かわしま あみ) 聲:喜多村英梨
北村祐作的青梅竹馬,在第一學期中轉學到2年C班的美少女。原本的工作是模特兒,但因為某些事情,在轉學後就暫時停止工作。模特兒的工作外,同時在拳擊場練習,對保持完美的體態以及美貌的事情十分注意。外表看起來對人很好,事實上是個驕縱的腹黑女。自我中心、毒舌的她在第一次遇到大河時就露出了本性,遭到大河反擊。從此以後兩人關係是水火不容(大河叫亞美「性格惡劣的吉娃娃」、「笨蛋吉」等)。但是另一方面又有些羨慕大河毫不雕飾的性格。對於自己的兩面性不斷地在肯定和否定間搖擺不定,也有著一個人躲在自動販賣機空隙閒落獨飲果汁令人意外的陰暗面存在。當初只是為了讓大河不爽半開玩笑性地對龍兒出手,然而由於龍兒能夠接受自己的兩面性,最近也開始表現出單純想要龍兒在一起心情的模樣,在龍兒面前也變得坦誠。
小鸚インコちゃん 聲:後藤沙緒里
龍兒飼養的寵物,卻一直不會說「鸚鵡」兩個字,最後終於說出「小鸚」。
戀窪百合恋ヶ窪 ゆり(こいがくぼ ゆり) 聲:田中理惠
29歲單身,並即將邁入第30個年頭。2年C班的導師。相當懷念年青的時光,轉而對學生們懷有類似嫉妒的微妙感情。而當與大河言語對峙時卻顯出她的懦弱。
能登久光能登 久光(のと ひさみつ) 聲:興津和幸
2年C班的男學生,龍兒的好友。戴著黑框眼鏡。似乎暗戀同班的木原麻耶。
春田浩次春田 浩次(はるた こうじ) 聲:吉野裕行
2年C班的男學生,龍兒的好友,天生蠢蛋的個性更被認為是"從後門"進學校的。
木原麻耶木原 麻耶(きはら まや) 聲:野中藍
2年C班的女學生。愛好追逐流行的女孩,擁有一頭奶茶色長髮。
香椎奈奈子香椎 奈々子(かしい ななこ) 聲:石川桃子
2年C班的女學生。與木原麻耶是好朋友。
狩野堇狩野 すみれ(かのう すみれ) 聲:甲斐田裕子
經常保持成績首位的女學生會長,特待生。擁有劍道合氣道的段位,視力也好到測不出來的程度。因為比男性還要能幹,所以被一部分學生當作可以依靠的大哥。家裡經營超市,非常不善於飲酒,也很怕蛇。有個叫櫻的妹妹。因為和祐作比較親近,所以被大河敵視。於小說第六卷後往美國留學,目標是成為太空人。在強勢的背後也有出乎意料地感性的一面,似乎也有一點喜歡北村。

主題曲



[編輯] 片頭曲



2話~16話:「プレパレード」(美麗盛裝遊行)
歌 - 逢坂大河、櫛枝實乃梨、川嶋亞美(釘宮理恵堀江由衣喜多村英梨),作詞 - 渡邊亜希子,作曲 - 大久保薫,編曲 - 鈴木光人
17話~24話:「silky heart」(絲質之心)
歌 - 堀江由衣 作詞 - Satomi,作曲 - 藤末樹,編曲 - 川口圭太

[編輯] 片尾曲



1話~16話:「バニラソルト」(鹽味香草雪糕)
歌 - 堀江由衣,作詞 - Satomi,作曲 - Funta,編曲 - 中塚武
17話~18話,20話~25話:「オレンジ」(橙色)
歌 - 逢坂大河、櫛枝實乃梨、川嶋亞美(釘宮理恵、堀江由衣、喜多村英梨),作詞 - 渡邊亜希子,作曲 - Funta3,編曲 - 橋本由香利

[編輯] 插曲



19話:「ホーリーナイト」(聖夜)
歌 - 逢坂大河・川嶋亜美(釘宮理恵・喜多村英梨),作詞 - 岡田麿里,作曲 - 橋本由香利,編曲 - 橋本由香利

 


參考資料:http://zh.wikipedia.org/w/index.php?title=%E9%BE%99%E4%B8%8E%E8%99%8E&variant=zh-tw#.E9.9B.BB.E8.A6.96.E5.8B.95.E7.95.AB


星羽 發表在 痞客邦 PIXNET 留言(8) 人氣()

 








 2009 . 08 . 04 - - - - - - - - - - - - - - - - - - - - -



嗄嗄ˋ這是我五月的時候存檔意外發現的撇步- /// -++


當初說要發表拖到現在- / - ( 遭巴


然後人家羽葆一直催人家趕快發 叫人家不要偷懶


是說真的很實用呢 !


JPG檔容易掉色和傷畫質這是大家都知道的事


很多人都存成BMP或Png檔 ( 像我之前就是Png那團的


可是今天人家要發的教學是 ──


存成JPGorJPEG檔不掉色不傷畫質之教學噢噢噢 !!! ( 燦


這次的教學很簡單,共計兩張圖即可完成。


 2009 . 08 . 04 - - - - - - - - - - - - - - - - - - - - -


本教學適用於PI8~12 (Photo Impact 8~12.)


 2009 . 08 . 04 - - - - - - - - - - - - - - - - - - - - -



首先開啟你要轉檔的圖片或已完成待存檔的圖,


接著在最上排工具列找到「網路」這個選項 →


選擇最下面的「影像最佳化程式」。



會跳出一個JPEG影像最佳化程式的框框,步驟及調整如上圖所示。


另存新黨後是跳出存檔的框框,檔名及存檔位置自行處理。


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


這次的教學以為會做蠻快的 結果還是花了點時間在拍照這樣 '


這次的標籤是把連結縮小放在角落XD


最後跟大家補充一下 :


模式選擇標準檔案比較大 , 選擇標準最佳化較小


希望這教學有幫助到各位大大噢>..0 b


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



YangMay ' s Logo   


YangMay ' s Blog  http://tw.myblog.yahoo.com/yahoo-snow 


星羽 發表在 痞客邦 PIXNET 留言(3) 人氣()