目前分類:部落格教學/css語法 (109)

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

好用的 xs.to - Hosting 圖片上傳空間




(請勿刪除紅色標頭)
製圖編輯(二度空間)


按這裡連結→http://xs.to/


操作示意圖




 



 



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

*//Jane ♥ 蓁 教學// *部落格文字置中語法♥



 


 







Jane ♥ 蓁 教學 


 


/*部落格文字置中語法*/
BODY {
Font-Family: verdana;
TEXT-ALIGN: center;
}


BODY {
Font-Family: verdana;
Font-Size:10px;
}




 



 


LOGO記得帶走唷 


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

 

 



Jane ♥ 蓁 教學 


 


部落格標題至中
#yblogtitle .mbd,#yblogtitle .mft{font-size:100%;color:#C30000;font-family:新細明體; color:#C30000;text-align:center;}
#yblogtitle .thd a{width:168px;height:40px;top:-0px;position:relative;left:0px;display:block;}
#yblogtitle .thd h1 {font-size:150%;color:white;font-family:新細明體;}


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





 


LOGO記得帶走唷 




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

*//Jane ♥ 蓁 教學// *連結虛線框 語法



 


 


 


/*Jane 教學 連結虛線框*/


a,a:link,a:visited{color:
#色碼;text-decoration:none}
a:hover{color:
#色碼;background-repeat:repeat;border:1px dotted
#色碼;position:relative;top:1px;left:1px}


 


網頁色碼


http://www.powmo.com/ac.html


 


引用帶走logo



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



 

快速簡易製作自訂欄位連結目錄教學~不需用到任何的製圖軟體呦



 


 




 


不用任何的軟體即可快速自製屬於自己的自訂欄位目錄索引,

 

這個方法其實是利用貼底圖外加一些語法的變化所做出來的效果,

 

方便又快速,不會製圖的格友們再也不用看著別人的連結目錄羨慕不已了,

 

因為你也可以自製囉~玩玩看吧!!







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

線條邊框



 





自訂樣式裡面有相同語法覆蓋過去,沒有找個位子貼上


color:#FFFF00顏色  請參考色碼表:
http://www.powmo.com/ac.html


單線框線圖:


/*shared rounded me*/
.ycntmod{
border-collapse: collapse;
border-top: 1px double #BBBBBB;
border-right: 1px double #BBBBBB;
border-bottom: 1px double #BBBBBB;
border-left: 1px double #BBBBBB;}


單線大邊框:


/* shared rounded all */
body{
border-right: 1px double;
border-top: 1px double;
border-left: 1px double;
border-bottom: 1px double;
border-color: #33FF33;}


單線欄位邊框:


/*Nav module list*/
.ycntmod .mbd ul.list li {background:url() left .1em no-repeat;padding-left:15px;margin-bottom:3px;_margin-bottom:15px;_line-height:15px;}
.ycntmod .mbd ul.list li.more {margin:-1px 0 0 -1px;text-align:right;background:url() 40px center no-repeat;}
.ycntmod .mbd ul.list li {BACKGROUND: url(0) 0% 80%; COLOR:#BBBBBB; border:1px;  BORDER-TOP-STYLE: double; BORDER-RIGHT-STYLE: double; BORDER-LEFT-STYLE: double; BORDER-BOTTOM-STYLE: double;}



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

這次的教學是"招呼語框底圖"的語法


歡迎大家使用或是引用唷



 


 


/*Opacity for blast*//*星羽教學招呼語背景*/
#yblast .bg {zoom:1; filter:alpha(opacity:100); background: url(圖圖網址) no-repeat}


 



引用帶走logo


 

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

特殊符號內碼



 


$$$最近大家都在討論[特殊符號]ㄉ相關問題....$$$


$$$讓我來替大大解決唄$$$


☞ 特殊符號打法(內碼)
首先先轉成新注音法 [要半型]
然後找鍵盤上面的[`]這個點在Tab鍵的上方
再按[u]鍵就會出現一個打內碼的地方
只要打上正確的內碼就可以打各種特殊符號!
(打內碼的數字不可以用九宮格的數字要用ㄅㄆㄇㄈ鍵盤上的數字! )
參 考 內 碼 :
♥=2665 ★=2605 ☆=2606  ♀=2640
♂=2642  〒=3012  ∩=2229  〃=3003
△=25b3  ▲=25b2  ▽=25bd  ▼=25bc
□=25a1  ■=25a0  ℅=2105  £=ffe1
¢=ffe0 ⊙=2299  ▁=2581  ▂=2582
▃=2583 ▄=2584  ▅=2585  ▆=2586
▇=2587 █=2588  ▏=258f  ▎=258e
▍=258d ▌=258c  ▋=288b  ▊=258a
▉=2589 ℃=2103  ℉=2109  ∮=222e
Θ=0398 Γ=0393  Υ=03a5  Ξ=039e
Φ=03a6 Ψ=03a8  Ω=03a9  α=03b1
β=03b2 γ=03b3  δ=03b4  ε=03b5
ζ=03b6 η=03b7  θ=03b8  ι=03b9
κ=03ba λ=03bb  μ=03bc  ν=03bd
ξ=03be ο=03bf  π=03c0  ρ=03c1
σ=03c3 τ=03c4  υ=03c5  φ=03c6
χ=03c7 ψ=03c8  ω=03c9  ┼=253c
┴=2534 ┬=252c  ┤=2524 ├=251c
╭=256d ╮=256e  ╰=2570  ╯=256f
〥=0325 ◢=25e2  ◣=25e3  ◤=25e4
◥=25e5 Π=03a0 ☼=263c ♨=2668
♪=266a ♫=266b  ☺=263a ♣=2663
☎=260e ☜=261c ◈=25c8 ▒=2592

◐=25d0 ♀=2640 ♂=2642 〃=3003
△=25b3 ▲=25b2 ▽=25bd ▼=25bc
□=25a1 ■=25a0 ℅=2105 £=ffe1
¢=ffe0 █=2588 ℃=2103 ℉=2109
∮=222e Θ=0398 ⓐ=24d0  ⓑ=24d1
ⓒ=24d2 ⓓ=24d3 ⓔ=24d4  ⓕ=24d5
ⓖ=24d6 ⓗ=24d7 ⓘ=24d8  ⓙ=24d9
ⓚ=24da ⓛ=24db ⓜ=24dc ⓝ=24dd
ⓞ=24de ⓟ=24df  ⓠ=24e0 ⓡ=24e1
ⓡ=24e2 ⓣ=24e3 ⓤ=24e4 ⓥ=24e5
ⓦ=24e6 ⓧ=24e7 ⓨ=24e8 ⓩ=24e9


還有其他法子:


打出來的方法是Alt按住之後,

再輸入符號旁的數字,

輸入之後再放開Alt。
41400 ☆
41401 ★
41389 #
41390 &
41391 *
41392 ※
41393 §
41394 〃
41395 ○
41396 ●
41397 △
41398 ▲
41399 ◎
41402 ◇
41403 ◆
41414 □
41405 ■
41406 ▽
41407 ▼
41408 ㊣
41409 ℅
41428 √
41429 <
41430 >
41431 =
41432 ≦
41433 ≧
41434 ≠
41435 ∞
41436 ≒
41437 ≡
41443 ~
41444 ∩
41445 ∪
41446 ⊥
41447 ∠
41448 &ang90;
41449 ⊿
41450 ㏒
41451 ㏑
41452 ∫
41453 ∮
41454 ∵
41455 ∴
41456 ♀
41457 ♂
41458 ⊕
41459 ⊙
41460 ↑
41461 ↓
41462 ←
41463 →
41464 ↖
41465 ↗
41466 ↙
41467 ↘


~~~~這是新的~就是新發明的~~~~
☁=2601 ☂=2602 ☄=2604 ☇=2607
☈=2608 ☑=2611 ♕=2655 ☀=2600
☳=2633 ☴=2634 ☵=2635 ☶=2636 ☷=2637 ☲=2632 ☱=2631 ☸=2638 ☹=2639 ☰=2630 ♃=2643 ♅=2645 ♆=2646 ♈=2648 ♉=2649 ♐=2650 ♑=2651 ♒=2652 ♓=2653 ╔=2654 ♖=2656 ♗=2657 ♘=2658 ♙=2659 ♡=2661 ♢=2662 ♤=2664 ♧=2667 ♩=2669 ✁=2701 ✂=2702 ✃=2703 ✄=2704 ✆=2706 ✉=2709 ✐=2710 ✑=2711 ✒=2712 ✓=2713 ✔=2714 ✕=2715 ✖=2716 ✗=2717 ✘=2718 ✙=2719 ✠=2720 ✡=2721 ✢=2722 ✣=2723 ✤=2724 ✥=2725 ✦=2726 ✧=2727 ✩=2729 ✰=2730 ✱=2731 ✲=2732 ✳=2733 ✴=2734 ✵=2735 ✶=2736 ✷=2737 ✸=2738 ✹=2739 ❀=2740 ❁=2741 ❂=2742 ❃=2743 ❄=2744 ❅=2745 ❆=2746 ❇=2747 ❈=2748 ❉=2749 ❐=2750 ❑=2751 ❒=2752 ❖=2756 ❡=2761 ❢=2762 ❣=2763 ❤=2764 ❥=2765 ❦=2766 ➀=2780 ➁=2781 ➂=2782 ➃=2783 ➄=2784 ➅=2785 ➆=2786 ➇=2787 ➈=2788 ➉=2789 ➐=2790 ➑=2791 ➒=2792 ➓=2793 ➔=2794 ➘=2798 ➙=2799 ∢=2222 ╕=2555 ㌳=3333 ★=2605  ☼=263c♥=2665 ♠=2660 ♨=2668 ♪=266a ♫=266b☺=263a
☃=2603 ♣=2663 ☎=260e ☜=261c ◈=25c8  ▒=2592
◐=25d0 ☆=2606 ♀=2640  ♂=2642 ♁=2641 〒=3012 ∩=2229  〃=3003 △=25b3 ▲=25b2 ▽=25bd ▼=25bc □=25a1 ■=25a0 ℅=2105  £=ffe1 ¢=ffe0 ⊙=2299 █=2588 ℃=2103 ℉=2109 ∮=222e Θ=0398 〥=0325 ➃=2783 ❷=2777 ◓=25d3 ♦=2666


★ 日文符號
ク ラ ピ カ マ ニ ア チ ェ ッ ク あ な た の テ ス ト
≠ 〃 て た こ れ ま で キ ャ ン プ シ ー ズ に か け
る か が き い レ ャ ズ ン を え た コ ン パ や す う
な ど す そ ビ ジ ネ ら れ て い ア ウ ド ア や に び
せ だ も 来 つ リ ビ を し た と に オ は わ ゅ う ご
り よ ろ し く そ う ま ム ペ


引用自:tw.myblog.yahoo.com/jw!WDptkfqYGhgtf8GgWqJOpU6O/article?mid=1908&l=f&fid=28


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

 




 



今天小香發現了一個語法 是有關"連結小字"的語法唷♥


出來的結果會像我右邊的"點握看加入的聯盟"一樣哦♥


現在 就讓我們一起佈置美美的部落格吧!!!!GO~~♥


***語法專區***


<center>
<a href="連結網址" target="_blank">連結名稱</a>
</center>


小提醒:記得要更改紫色的部分唷♥


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

公告版&自我介紹版語法



 


               ◎謝謝積木女巫大大的分享與提供◆


可作為公告版或自我介紹,多用途使用,愛怎麼變就怎麼變(:


 




































 ・*・・・・*・・・・*・・・・*・・・・*・・・・*・・・・*・・・・*・・・・*・・・・*・・・・*・ 
PROFILE
 ・*・・・・*・・・・*・・・・*・・・・*・・・・*・・・・*・・・・*・・・・*・・・・*・・・・*・ 
・・*・  暱稱  ・*・・ *積木女巫*
・・*・  職業  ・*・・ *變出神奇積木的老師*
・・*・  居住地  ・*・・ *海洋之都~~高雄*
・・*・  我的喜好  ・*・・ *吃童男童女*
・・*・  我的興趣  ・*・・ *教學*
・・*・  年齢  ・*・・ *不公開*
・・*・  性別  ・*・・ *我是女生*
・・*・  趣味  ・*・・ *生活小點滴*
・・*・  血液型  ・*・・ *散型(台語)*
・・*・  星座  ・*・・ *博愛座*

 


語法







<!--* 語法開始 *-->


<table cellspacing="1" cellpadding="3" style="background:#00cc66;font-size:13px;color:#339966"><tr>


<td colspan="2" style="border-width:3px;border-style:solid;border-color:#fff #80dd99 #80dd99 #fff;background:#90eeaa;text-align:center">


<span style="color:#fff">


 ・*・・・・*・・・・*・・・・*・・・・*・・・・*・・・・*・・・・*・・・・*・・・・*・・・・*・ </span><br>


PROFILE


<br><span style="color:#fff">


 ・*・・・・*・・・・*・・・・*・・・・*・・・・*・・・・*・・・・*・・・・*・・・・*・・・・*・ </span>


</td></tr><tr>


<td style="border-width:3px;border-style:solid;border-color:#fff #80dd99 #80dd99 #fff;background:#90eeaa;text-align:center">


<span style="color:#fff">・・*・ </span>


標題


<span style="color:#fff"> ・*・・</span>


</td>


<td style="background:#fff;vertical-align:top">


<span style="color:#777">文字寫在這裡</span>


</td></tr><tr>


<td style="border-width:3px;border-style:solid;border-color:#fff #80dd99 #80dd99 #fff;background:#90eeaa;text-align:center">


<span style="color:#fff">・・*・ </span>


職業


<span style="color:#fff"> ・*・・</span>


</td>


<td style="background:#fff;vertical-align:top">


<span style="color:#777">文字寫在這裡</span>


</td></tr><tr>


<td style="border-width:3px;border-style:solid;border-color:#fff #80dd99 #80dd99 #fff;background:#90eeaa;text-align:center">


<span style="color:#fff">・・*・ </span>


住址


<span style="color:#fff"> ・*・・</span>


</td>


<td style="background:#fff;vertical-align:top">


<span style="color:#777">文字寫在這裡</span>


</td></tr><tr>


<td style="border-width:3px;border-style:solid;border-color:#fff #80dd99 #80dd99 #fff;background:#90eeaa;text-align:center">


<span style="color:#fff">・・*・ </span>


我的喜好


<span style="color:#fff"> ・*・・</span>


</td><td style="background:#fff;vertical-align:top">


<span style="color:#777">文字寫在這裡</span>


</td></tr><tr>


<td style="border-width:3px;border-style:solid;border-color:#fff #80dd99 #80dd99 #fff;background:#90eeaa;text-align:center">


<span style="color:#fff">・・*・ </span>


我的興趣


<span style="color:#fff"> ・*・・</span>


</td>


<td style="background:#fff;vertical-align:top">


<span style="color:#777">文字寫在這裡</span>


</td></tr><tr>


<td style="border-width:3px;border-style:solid;border-color:#fff #80dd99 #80dd99 #fff;background:#90eeaa;text-align:center">


<span style="color:#fff">・・*・ </span>


年齢


<span style="color:#fff"> ・*・・</span>


</td><td style="background:#fff;vertical-align:top">


<span style="color:#777">文字寫在這裡</span>


</td></tr><tr>


<td style="border-width:3px;border-style:solid;border-color:#fff #80dd99 #80dd99 #fff;background:#90eeaa;text-align:center">


<span style="color:#fff">・・*・ </span>


性別


<span style="color:#fff"> ・*・・</span>


</td>


<td style="background:#fff;vertical-align:top">


<span style="color:#777">文字寫在這裡</span>


</td></tr><tr>


<td style="border-width:3px;border-style:solid;border-color:#fff #80dd99 #80dd99 #fff;background:#90eeaa;text-align:center">


<span style="color:#fff">・・*・ </span>


趣味


<span style="color:#fff"> ・*・・</span>


</td><td style="background:#fff;vertical-align:top">


<span style="color:#777">文字寫在這裡</span>


</td></tr><tr>


<td style="border-width:3px;border-style:solid;border-color:#fff #80dd99 #80dd99 #fff;background:#90eeaa;text-align:center">


<span style="color:#fff">・・*・ </span>


血型


<span style="color:#fff"> ・*・・</span>


</td><td style="background:#fff;vertical-align:top">


<span style="color:#777">文字寫在這裡</span>


</td></tr><tr>


<td style="border-width:3px;border-style:solid;border-color:#fff #80dd99 #80dd99 #fff;background:#90eeaa;text-align:center">


<span style="color:#fff">・・*・ </span>


星座


<span style="color:#fff"> ・*・・</span>


</td><td style="background:#fff;vertical-align:top">


<span style="color:#777">文字寫在這裡</span>


</td></tr></table>


<!--* 語法結束 *-->




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

 




 


本來楓葉在網路上看到三欄式加寬語法覺得好可惜~


都沒有二欄式的語法


沒想到居然被楓葉看到也有二欄式的耶~


好高興哦~看來很多小時鍾都可以放大了,而不是小小的~





 







 


感謝[ ~~精靈世界~~ ]大方的語法分享~


 


備註:順便轉貼小精靈2007/09/27 14:00給格友的回覆




寬度可調大調小,例如要寬200


對應語法內的數字是200及210
210是中央文章區與左(右)距離再加10像素(距離單位)


當然,寬180甚至寬300都行



 



【手動*定義佈局寬度】三欄式


 


三欄式~欄寬150 語法:(原語法)


/*三欄式*/
.thrcol .yc3main {width:100%;float:left; margin-left:-160px;}
.thrcol .yc3mainbd {margin-left:160px;}
.thrcol .yc3pri {width:100%;float:right;margin-right:-160px;}
.thrcol .yc3pribd {margin-right:160px;}
.thrcol .yc3subbd {width:150px;float:right;}
.thrcol .yc3sec {width:150px;}
.thrcol .yc3sub{z-index:1;}
.thrcol .yc3pri,.thrcol .yc3main{z-index:10;}


 


三欄式~欄寬200 語法:


/*三欄式*/
.thrcol .yc3main {width:100%;float:left; margin-left:-210px;}
.thrcol .yc3mainbd {margin-left:210px;}
.thrcol .yc3pri {width:100%;float:right;margin-right:-210px;}
.thrcol .yc3pribd {margin-right:210px;}
.thrcol .yc3subbd {width:200px;float:right;}
.thrcol .yc3sec {width:200px;}
.thrcol .yc3sub{z-index:1;}
.thrcol .yc3pri,.thrcol .yc3main{z-index:10;}


 


三欄式~左欄寬150‧右欄寬200 語法:


/*三欄式*/
.thrcol .yc3main {width:100%;float:left; margin-left:-210px;}
.thrcol .yc3mainbd {margin-left:210px;}
.thrcol .yc3pri {width:100%;float:right;margin-right:-160px;}
.thrcol .yc3pribd {margin-right:160px;}
.thrcol .yc3subbd {width:200px;float:right;}
.thrcol .yc3sec {width:150px;}
.thrcol .yc3sub{z-index:1;}
.thrcol .yc3pri,.thrcol .yc3main{z-index:10;}


 


三欄式~左欄寬200‧右欄寬150 語法:


/*三欄式*/
.thrcol .yc3main {width:100%;float:left; margin-left:-160px;}
.thrcol .yc3mainbd {margin-left:160px;}
.thrcol .yc3pri {width:100%;float:right;margin-right:-210px;}
.thrcol .yc3pribd {margin-right:210px;}
.thrcol .yc3subbd {width:150px;float:right;}
.thrcol .yc3sec {width:200px;}
.thrcol .yc3sub{z-index:1;}
.thrcol .yc3pri,.thrcol .yc3main{z-index:10;}



 


【手動*定義佈局寬度】二欄式


 


兩欄位~窄欄寬150 語法:(原語法)


/*兩欄式 - 窄欄靠右*/
.twocolga .yc3main {width:100%;float:left; margin-left:-160px;}
.twocolga .yc3mainbd {margin-left:160px;}
.twocolga .yc3pri {width:100%;}
.twocolga .yc3subbd {width:150px;float:right;}
.twocolga .yc3sec {display:none;} /*in case there's content*/


/*兩欄式 - 窄欄靠左*/
.twocoldr .yc3main {width:100%;float:right; margin-right:-160px;}
.twocoldr .yc3mainbd {margin-right:160px;}
.twocoldr .yc3pri {width:100%;}
.twocoldr .yc3subbd {width:150px;}
.twocoldr .yc3sec {display:none;} /*in case there's content*/


 


兩欄位~窄欄寬200 語法:


/*兩欄式 - 窄欄靠右*/
.twocolga .yc3main {width:100%;float:left; margin-left:-210px;}
.twocolga .yc3mainbd {margin-left:210px;}
.twocolga .yc3pri {width:100%;}
.twocolga .yc3subbd {width:200px;float:right;}
.twocolga .yc3sec {display:none;} /*in case there's content*/


/*兩欄式 - 窄欄靠左*/
.twocoldr .yc3main {width:100%;float:right; margin-right:-210px;}
.twocoldr .yc3mainbd {margin-right:210px;}
.twocoldr .yc3pri {width:100%;}
.twocoldr .yc3subbd {width:200px;}
.twocoldr .yc3sec {display:none;} /*in case there's content*/


 


 



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

((教學))更換可愛的按鈕 ★,,



 



 


黛比來發教學文章嚕 *


這幾天有很多人問我關于那個按鈕鍵的語法 *


所以就打算來教大家嚕 //*


其實只是一個非常簡單的步驟就可以惹 :)


 



 


     這個是按鈕鍵的預覽圖 ((♥))


 



 


/*自訂樣式按鈕鍵語法*/
input,select{
background: 按鈕的背景顏色;
color: 文字的顏色;
border: 1px solid 外框的顏色;
FONT-SIZE: 11px;
font-family:verdana;}


 



 


黛比提供的色碼表 :  (( http://xxx.stenly.com/color_list.htm ))


 



 


簡單的按鈕更換語法就這樣完成嚕 //*


希望大家看得懂唷 //*


有不明白的地方也歡迎發問 //*


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

軟體分享:Microangelo製作游標軟體分享



 


img230/6250/618iq7.gif


自己也可以製作水水游標


=================================================


步驟一.首先下載Microangelo(2242KB下載ZIP壓縮檔)←



步驟二.安裝後先關閉右下角的(圈起來)的圖示



步驟三.再開始安裝中文化程式。(有附在壓縮檔中)



步驟四.到開始程式集中找出安裝好的Microangelo,你會看到下圖:

Animator →製作動畫游標軟體
Explorer →尋找和瀏覽各種圖示的工具 
Librarian →觀看、管理及編輯各種圖示資料庫
On Display →編輯設定圖示的顯示方式
Studio →圖示製作工具



步驟五.點選Animator →製作動畫游標軟體,開始製作游標
← 這是今天的範例,先來認識軟體工具如下圖↓

1.左右鍵繪圖色彩   2.右方圖示等是繪圖用具   3.設定滑鼠感應點  
4.增加刪除動畫影格   5.動畫預覽區




x的下方有兩個小電腦圖示綠色的是透明色







  1. 在第一個影格開始畫圖,畫好後再增加第二影格開始修改圖片,讓他跟第一影格的圖片不同而產生動畫,再增加第三影格....以此類推
  2. 製作好或在製作中都可以按(2)的動畫預覽"每一個影格的變化不要過大,不然動畫會顯得不自然"
  3. 做好之後開始設定每個影格的滑鼠感應點,按(3)的鈕 ,將滑鼠移到圖片箭頭的頂點按一下。
  4. 然後就可以存檔了。




→打開存檔的資料夾看到游標檔案圖示,附檔名為.ani
再來就可以到「電腦控制台」→ 「滑鼠」更換電腦游標。

===================================================

以上資源由OECSPACE網站所提供

甜心將他帶回分享 相信一定很多人有需要喔

===================================================



===================================================


上面是甜心滴樂果 部落格右邊有甜心滴樂果連結 支持甜心作品滴朋友們 希望妳們多多幫甜心宣傳喔 謝謝!!


img155/5750/010111pl7.gif



===============================================================


  如要引用這篇文章請確切帶回喔


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

SANCTUARY–框線NO.51 Halloween



分類:部落框版

2007/10/19 14:33



框線製作:


★轉載請使用【我要引用】功能★


■請全文轉載


◇別處引用請回 SANCTUARY 告知◇


◆壓縮檔內有附語法與須注意事項◆



《操作上仍有疑問請回應詢問》


壓縮檔解開密碼:http://tw.myblog.yahoo.com/water-blog


★點擊喜歡的娃娃下載框線語法壓縮檔★


◆◇◆◇◆◇◆◇◆◇◆


   



◆◇◆◇◆◇◆◇◆◇◆


▽請自行上傳使用▽


Halloween背景桌布【1024x768/jpg】



◆◇◆◇◆◇◆◇◆◇◆



 


 



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




 

招呼語圖框『我要留言 』字樣刪除語法



 


/*招呼語圖框 我要留言 字樣刪除*/
#yblast .text a{display:none;}


測試中...


測試結果


如果招呼語有連結網址....結果是 招呼語 一片空白


如果招呼語沒連結網址....結果是 我要留言 字樣刪除


補充


/*隱藏留言板欄位*/
#ymodmsgbd{display:none;}


 


/*隱藏部落格留言版*/
#ymsgboard{display:none;}


 


/*隱藏我要留言*/
#yleavemsg{display:none;}


 


/*招呼語圖框 我要留言 字樣刪除*/
#yblast .text a{display:none;}


 


/*隱藏管理留言板*/
#ymngmsg{display:none;}


 



對你非常有幫助喔!!



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

 


還滿多人問標題圖的語法


因為星羽沒時間一 個一個回答


所以發表此文ˇ


 


 


 



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


 

 



 


引用帶走logo



 


喜歡此文請引用


回應是種禮貌唷ˇ


 



 

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




 

用CSS把框線捲軸換色



 


首先登入奇摩帳號→到自己的部落格→管理部落格→面板設定→自訂樣式→在下面輸入↓


 


html{
SCROLLBAR-FACE-COLOR: #FFFFFF;                        ←捲軸的主色(旁邊看到的白色)
SCROLLBAR-HIGHLIGHT-COLOR:0000FF;             ←捲軸左上邊框色彩(我的是藍色)
SCROLLBAR-SHADOW-COLOR: 00FF00;                 ←捲軸右下邊框色彩(我的是綠色)
SCROLLBAR-3DLIGHT-COLOR:#00CCFF;                ←右上邊線的亮度色彩(我的是淺藍)
SCROLLBAR-DARKSHADOW-COLOR: #FFFF00;    ←左下邊線的陰影色彩(我的是黃色)
SCROLLBAR-ARROW-COLOR: #000000;                 ←上下兩個三角形箭頭(我的是黑色)
SCROLLBAR-TRACK-COLOR:#FFFF00 ; }                 ←這是設定捲軸的背景色(旁邊的黃色)
body {border: 5px double #FF66FF;}                         ←框住部落格的(現在看到的粉紅色)


粉紅色跟紅色只是說明改變的位置,黃色的地方為色碼要改成你要的顏色


色碼可以到這裡找↓


http://www.powmo.com/ac.html


在自訂樣式那裡輸入綠色和黃色的字就好﹋粉紅和紅色不用輸入唷﹋


(如果不會可以回應問我﹋如果會了也給點鼓勵吧^^)


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








 

♥ 訂 閱 圖 語 法




2007/08/03 17:35


↑     引 用 請 帶 走     ↑


 


* [ 順 手 牽 羊 咩 咩 , 是 不 對 的 行 為 ] *



[ 訂 閱 部 落 格 * 更 換 圖 語 法 ]


 


/*部落格訂閱圖更換語法*/

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



 


把 以 上 貼 到 C S S 裡 面 皆 可 ,

 




步 驟 :


 


1 管理部落格


2 版面設定


3 自訂樣式


4 確定完成 



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








 

蝶 小 羽 製 圖 教 學 ♥ 鋸 齒 邊 框



 



↑     引 用 請 帶 走     ↑


 


* [ 使 用 規 則  ] *


 


♥ 引 用 請 不要 擅 自 塗 改 小 羽 的 教 學 ^^


♥ 這 篇 的 製 圖 軟 體 是 : PhotoImpact


♥ 可 以 先 跟 著 小 羽 的 教 學 做 唷 ^^


 



 



 



 


最 後 一 個 步 驟 :


 


筆 刷   大 小 1    透 明 度 0   柔 邊 0  


特 效   創 意 特 效   邊 緣 上 色


 


 


完 成 圖 範 例 :



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



 

5組【調整部落格字體大小+改變顏色】CSS



 




 


如果網頁開太慢*按滑鼠右鍵*點內容*


會開很快喔 !



分享園地     一天學一點 


希望大家能輕鬆上網~快樂學習~相互勉勵


5組【調整部落格字體大小+改變顏色】CSS 語法


font-size:100%;  →  是字體放大縮小字的比例,


依個人需求調整,比例越高字越大。


紅色部份可改字體顏色








 


/*Background color for blog title置頂欄框 調整顏色+字體大小*/
#yblogtitle .mbd, #blogtitle .mft { font-size:110%; background-color:#FFFFFF}



/*Main content header編輯管理標題  留言板標題  調整顏色+字體大小*/
.yc3pribd .mhd{ font-size:120%; background:#000000; color:#FFFFFF;}



/*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{ font-size:110%; background:#000000; color:#000000;}



/*Background color for main content body自我介紹欄  留言板 文章內容  調整顏色+字體大小*/
.yc3pribd .mbd, .yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table, #yusrinfo table, #yusrintro p { font-size:110%; background: #FFFFFF}



/*Nav module body左右欄框內容 調整顏色+字體大小*/
.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft{ font-size:105%; background:#000000; color:#FFFFFF;}


   



 

 

【調整部落格字體大小+改變顏色】CSS語法設定教學

請從


管理部落格 → 面板設定 → 自訂樣式 → 在到CSS欄



將下面語法覆製 → 貼在CSS內容欄最下面


CSS語法內沒有這語法 就直接貼上有的話請(覆蓋原先的設定)


(重覆貼取語法會干擾程式,可能會造成效果無法顯示,


或是其他無法預期的事情,除非把語法清除重新設定)


【進階樣式和自訂樣式的設定也會相互干擾】



 


引用文章【語法】發表教學



要如何引用文章呢?


※ 記得要先登入你奇摩部落格的帳號喔!!



1.複製要發表的【整篇文章內容】

不會的請參考)→     基本貼圖

2.點文章的右下角的【我要引用】


3.點了【我要引用】之後就直接連結到您要發表文章的地方


4.貼上剛才複製的全部文章內容

5.【整理好文章內容】

6.【寫好文章標題】


7.按【立即發表】→ 完成



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