FINE LOOK in PIXNET

再過幾天就是聖誕節囉!!
大家是否也為自己的部落格增加一點節慶的氣氛...
痞客邦美術們趕在過節之前生出兩款聖誕節樣式, 大家看到了嗎? ^Q^

(繼續閱讀...)

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

由於有專區負責人不斷向小編傾吐:
"後台的運動樣式怎麼那麼少...特別是棒球的...偏偏棒球又是站內最多的一群..."
禁不起這樣的哀求, 於是小編只好三催四請,

(繼續閱讀...)

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

大家是否望穿秋水、苦候多時了?
原諒美術們總是被成堆的案子壓不過氣, 樣式總要趁著空隙少有機會製作...
終於, 微笑餅乾

(繼續閱讀...)

themes 發表在 痞客邦 留言(70) 人氣()

小編偶然發現, 最近的樣式後台中,
有好幾個樣式都是以甜點為主題的樣式~~

(繼續閱讀...)

themes 發表在 痞客邦 留言(18) 人氣()

第一名-獎金6000元
smilemylove - 我曾經存在。
第二名-獎金5000元
sanna1311 - 淡。回憶
第三名-獎金4000元
mayJ - 挺好的，也挺壊的，我的台北。
第四~十名-獎金1200元
lingyue - 庸碌
crystal08 - 窗外
lusoso - 烈紅之敘
littlena - Fly
bllegion - 櫻花棧
boggyjan - 交織
time1978 - 輕
視覺驚艷獎-獎金3000元 + 痞客邦筆記本一本+hypo 12平方攝影書製作
joshterrible - 秘密集會
最佳貢獻獎-獎金3000元 + 痞客邦筆記本一本+hypo 12平方攝影書製作
tony25852 - 杵立
粉絲投票獎
Pqi 2GB SD記憶卡*3 - tina88888888、chen0622、kkf553506
CLOUDMARK 高效能郵件安全過濾軟體*3 - tip1124、shiyou17、judy9552
痞客邦筆記本*3 - kk08012、apple168、sasa168168
老夫子馬克杯對杯一組 - sing85
馬克演化論摺紙公仔喇叭 - ab123op456
KIEHL’S 藍色收斂水 - hwaechen
All Black 環保餐具 - aryanchen
BEAUTYMAKER 零負擔睫毛卸妝液 - batschris
heme 天使光 毛孔淨化集中調理組合 - bb0936952001
串聯貼紙獎
Pqi 2GB SD記憶卡*3 - pu356248、m9033007、james
CLOUDMARK 高效能郵件安全過濾軟體*3 - march322、jeneye、tracysnoopy
痞客邦筆記本*3 - h577577、hy321250、qqichen
美人進化論 - chanel0926
美容大王2-揭發女明星 - iwjkrcrjjq
零打光美女-Linda 的惡魔之道 - spring30
DHC 塑纖子美體精華乳 - muzju
Calvin Klein 行李箱吊牌+護照套*2 - resolutewen、anitaou

(繼續閱讀...)

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

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

#alpha-teaching ul{overflow:hidden;_overflow:none;_height:1%}
#alpha-teaching ul li{float:left; width:110px;}
#alpha-teaching ul li img{display:block;}
#try li.try1 img{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
#try li.try2 a{display:block; filter:alpha(opacity=100);-moz-opacity:1;opacity:1;
width:97px;height:97px;border:1px solid #ccc;line-height:97px;text-align:center;}
#try li.try3{width:87px;height:87px;padding:5px;border:1px solid #ccc;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
#try li.try3:hover,
#try li.try2 a:hover,
#try li.try1 img:hover{filter:alpha(opacity=50);-moz-opacity:.5;opacity:.5;}
#alpha-teaching b{color:#f36; padding:2px 5px;background:#f6f6f6;}
久違的教學文又來囉!!
今天要教大家一個簡單的CSS運用... 透明度!!

透明度的呈現雖然並不常用,
但用來增添一些小變化卻是非常方便...

例如滑鼠移至圖片或連結區塊時, 能有一些透明度的改變...
像是這樣(滑鼠移過去試試看...↓)

我是連結

我是區塊我是區塊我是區塊

※非連結的hover(滑鼠移過)效果, 在IE6無法作用。

透明度的CSS如下:

opacity:.5;
-moz-opacity:.5;
filter:alpha(opacity=50);

標準 / opacity:0~1 (Firefox 用此即可)
Mozilla 1.0~1.6 / -moz-opacity: 0~1
IE系列 / filter:alpha(opacity=0~100)
數值越小越透明...

無透明度

透明度 70%

透明度 50%

透明度 30%

所以說, 如果你想讓部落格中每篇文章的圖片都有點透明度,
可以這麼寫...
.article-content img{opacity:.5;-moz-opacity:.5;filter:alpha(opacity=50);}

如果還希望滑鼠移到上面才變清晰, 就再加上這一行...
.article-content img:hover{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}


以此類推...
大家都可以自行試試, 若有想在哪裡加上透明度又不知CSS怎麼寫,
歡迎提出來...小編會儘量解答...
或者自行對照部落格CSS架構表 也可以喔!!

(繼續閱讀...)

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

這麼好康又簡單的活動, 參加就有機會拿獎金,
投票也有好多豐富的獎品可抽...
你還在等什麼?! 快來參加!!

(繼續閱讀...)

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

除了一般的屬性設定和 float 的應用之外，在樣式中也很常用的就是「position」
也就是位置的運用，這個方法在很多地方都很實用。

例如比較厲害的部落客可以選擇喜歡的樣式後對自訂欄位做一些想要的連結後定位到任意位置

(繼續閱讀...)

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

●棉花糖 再見王子 »感謝清新合唱團體棉花糖願意將這麼美麗的樣式分享給大家使用喔 :)


●斯柏丁籃訓營 »感謝斯柏丁籃訓營也分享了運動風格的樣式 :)


●Spring »感謝網友pixnet8868的分享, 十分繽紛盎然~


●愛你一萬年 »仔仔最新電影 敬請期待


●rainning


●彩色動物園之鴨子


●catch you »俏皮又帶點小幽默~


●road_


●箱子裡的小貓


●電影-安非他命 »同志電影安非他命, 近期上映


●candy





●粉藍


●Classic


●痞客瘋狂套裝之照片篇


●痞客瘋狂套裝之大師篇


●痞客瘋狂套裝之生活篇


●箱子裡的小貓

(繼續閱讀...)

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

●彩色動物園之猩猩


●silver


●綻放 »感謝網友pixnet8868美麗的設計與分享 :)


●我變了 »感謝網友大王四神湯的分享, 精緻的手繪風獨樹一格


●rainning


●昏黃街景


●Climbing


●彩色動物園之長頸鹿


●彩色動物園之狐狸


●Sunset


●樹精


●the beach


●Ruler »以"尺"與刻度為設計, 十分精美!


●無比荒涼


●lonely night





●Renaissance


●無比荒涼


●粉紅


●Web


●Angel


●arrow

(繼續閱讀...)

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

●鸚鵡


●彩色動物園之大象


●彩色動物園之粉紅豬


●【交饗情人夢最終樂章~後編】


●足球狂熱 »南非世足賽倒數中, 熱愛足球的朋友快來套用!!


●Shake your Body


●Gray


●purple


●浪漫情懷




●海鷗sea gull


●足球狂熱


●purple

(繼續閱讀...)

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