close

 【使用說明】

測試環境為 IE6 IE7 FF3,有任何疑問與發現錯誤歡迎回報。
建議螢幕解析度 1024x768 px 以上,內文圖片寬度 615 px 以下,右側連結內容寬度 270px 以下。
(我自己的螢幕是1920x1080~)

 

 

【聲明】

方便每個人不同的習慣與喜好,提供CSS註解,可以自行修改。
不過要重新發表或是貢獻出去等等,請禮貌上 務必 事先 詢問我。
(因為發生過先斬後奏,我去信卻再也沒有下文的事情...感覺不太好...@@)

 

【語法】

請選擇痞客模版,複製以下網址之CSS貼上。
http://smallwu36.googlepages.com/20090421blogcss_xjapan

 

 

 

 

 

 

 

【測試與感想】

測試截圖:IE 6 (三張瀏覽器測試圖)

 

IE 7

 

FF 3

 

這個樣式從三月初著手製作,前面才剛發生情人節事件...很傷心QQ 
不過憑著大愛還是每天一點一滴的打字畫圖,當時還取名為『X JAPAN 叉日本推廣+晃點脫力版型』XD
反正,四月初就大嗨啦XD

 

「用大大的血紅X分隔畫面為兩邊」這樣,SAI畫上方BANNER圈圈背景,轉到PS套漸層→畫筆描邊
起初「X JAPAN」這六個英文字是用字型,後來才鋼筆拉線,仔細看X的四個角角度都不同XD
雖然覺得官方搜尋(SEARCH)效能極差,不過為了平衡畫面還是放上去@@
舊的X JAPAN.png

 

超連結是之前學到的,看起來像底色,其實是單面的粗邊框(BORDER)
超連結的左右邊框.png 

 

文章標題底圖是YOSHIKI珠寶的印象XD (以後有錢再去買雙Y指環回來XD)
迴響列表再嵌入一個華麗底圖,線條原則和banner不同,嘗試蕨類和魚鰭的勾勒~
迴響上的小插圖.png

 

「Tell me...」是hide的曲子XD 在想「發表迴響」時腦中浮現這段歌詞~ 
04-迴響底圖.png   

 

右側連結的標題,使用混合模式的浮雕,左側打光~
LINKS標題.png

 

右側連結底圖的英文都是愛歌XD 無論鋼琴抒情或重節奏搖滾都很有震撼力 =v=
製作時是先轉成正常的角度打字~
LINKS底圖旋轉.png

 

月曆calendar 底圖yellow heart,hide的商標XD
鋼筆拉愛心比想像中不容易,因為對愛心的弧度不太了解,參考很多圖才畫出來@@;
YELLOW HEART.png

 

 

字型算是圖庫,所以記錄一下,此樣式使用的字型如下(盡量查出,如有漏請告知,非常不好意思)

字型名稱:使用地方
Colonna MT:上方banner的「A」、「G」、「P」
       頭像旁加入好友「friend apply」&傳送短訊「seed message」,搜尋「SEARCH」
       發表迴響上方的「Tell me, somebody tell me, please tell me.」

EuroRoman:最外層黑底的新舊團員和支援名字
       「 YOSHIKI + TOSHI + PATA + HEATH + HIDE + TAIJI + SUGIZO +」

Goudy Old Style:名字底下的小x組成的白線
       「 xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx」

Pristina:繼續閱讀的「We Are X」

A Lolita Scorned:留言內容的「X」和「KURENAI」

Caribbeans Treasure :右邊連結列的底圖
               「Kurenai、Dahlia、Tears、Rusty Nail、Silent Jealousy、Blue Blood、Endless Rain
      、Orgasm  、Week End、X、Love Replica、Pose、Art Of Life、Forever Love
      、Crucify My Love、Pink Supaida、ever free、Blind Dance、Without You」

Georgia:所有文字預設字型

 

    

 

 

 

對了,拿去投稿時,隔天收到站方通知信如下XD

PixnetService
短訊標題 闇之傳說 - X JAPAN 不符規定
寄件時間 2009/04/22 12:10:06
短訊內容 感謝您在痞客邦pixnet的上傳您製作的樣式該樣式技術上違規(例如 跑框、閱讀順暢度...等等)故予以下架或刪除。
   

這樣啊?會跑框是嗎?順暢度?隨便啦~反正上架也沒獎品@@
看樣子我設計的樣式官方都不喜歡呢XDD

 

 

 

假如有套用或是拿去修改的朋友,希望留個言讓我高興一下XD
有問題也歡迎提出,感謝:)

arrow
arrow
    全站熱搜

    小無 發表在 痞客邦 留言(20) 人氣()