小屋創作

日誌2010-11-04 18:12

Re:【認真文】小屋-動態中心佈景簡易解說、教學。

作者:資料讀取中...

哈哈哈哈,趁這時候發這個。

首先,要進入製作之前。

必須先推薦一個免費軟體,

Paint.NET 大畫家

這是一個免費軟體,很實用,檔案容量又小。

原本是想提供載點的,阿不過呢...

就算是他是【免費軟體】我也不知道巴哈那群智障會不會a我,

說不定上面那些藍字還懷疑我打廣告咧!幹你娘姬芭。

阿反正被A,我就會全家出動,無所謂,儘管來。

總之呢,需要這份軟體的濕信吧,有溫馨中文版載點。

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

其實還是喜歡舊式小屋...

不過沒辦法,站方決定的事情也不能改了。

就像我老姊莫名其妙被A車撞,寄了信,站方也不回,是同樣的道理。 我操你媽...


-----------------------------------
1.點選動態中心>小屋佈景。
2.按下中間部分,我的佈景A、B、C,其中之一。﹝目前正在使用中的,左方會有紅鉤提示﹞
3.往右方望去~自訂樣式項目>主要頁面>進階> ﹝他會跳出一個是否要儲存的方塊,按下確定就是了。﹞
.接下來就是各項設定的位置說明: ﹝可利用Ctrl+F,查詢你需要的部分。﹞

前言:項目中,有些部分旁邊會有小? , 滑鼠經過後,左方會出現預覽位置。
●整體樣式●

背景底圖﹝建議1500X1500﹞:如圖所示,就是背景的圖片,我想這應該沒什麼好說明的。 
       ﹝那淡化的YUI,就是背景圖﹞
 
 重複:這就類似桌布設定的並列顯示,當你要製作大圖,請使用【不重複】,使用多張小圖【並列、水平重複】。

 捲動:當你移動畫面時,背景圖片是否會依照你頁面的捲動而移動,【除非圖很大張,不然多半是使用﹝不捲動﹞的。】

 位置:依照圖上的↑↓←→↙↗↘↖,也就是,圖片靠哪對齊。
  

 底色:基本上,有設置,[背景底圖﹞,是不會用到這個的,除非背景圖過小,剩下的白色部分,才會設定為底色。

小屋主圖﹝寬:690長:250﹞:理所當然就是範例中的這張了。


以美觀來講,過小的圖片不要刻意拉大,造成圖片變形…

如果堅持要那張小圖,試著用其他圖片當背景並淡化,將圖擴大試試吧。

 左區塊底圖[800X800]:就是圖中藍色方塊內的部分,這部分建議使用透明化的單色圖,
       ﹝使用漸層效果不好,頁面過長,會有重複的情形發生﹞ 【透明化底圖,可使用Paint.NET來製作】
  

  底色:這區塊使用透明﹝transparent﹞,再配合上方的透明底圖,可以有很棒的效果。﹝感謝月宵大大在昨日提供資訊。﹞點此為透明化使用教學,感謝啾咪大大無私地分享
 

  框線顏色實線顏色虛線顏色:這部分用圖來說明,紅為框線綠為實線藍為虛線

  
右邊部分:解析度為1024x768的使用者,請拖曳下方卷軸移動…不然看不到右邊…
 右區塊標題:沒錯,就是在右邊,如圖所示的部分。這部分的圖片,可以使用漸層圖、或者中間空白,邊界有小物件等等…

 右區塊底圖:這就不介紹了,跟左區塊底圖是相同的。

●導覽路徑●

就是指圖中那塊。

 底圖
  底色:這部分強烈建議使用漸層圖:有小物件不好發揮,除非抓得很準…而且在中央部分出現小物件也很詭異吧…

 文字顏色:
  一般狀態:一般乍看之下的狀態,建議使用底圖的對比色。
  滑鼠經過:滑鼠指上時,會更換文字的顏色,差異可比一般狀態較大點,不然看不出來吧…


●主選單●
這邊與上方類似,所以只強調﹝按鈕-目前所在的頁面﹞的部分
 
用圖表示吧,這差異很明顯,右方是﹝目前所在的頁面﹞。
●頁籤●
窩只能痕靠北ㄉ跟尼說,看上面ㄅ

別揍偶拜託

●右方按鈕群●

 這個我搞超久,幹…

 使用漸層圖效果不錯,最左方可加上小物件當裝飾,範例。
 
●文字與連結●

 標題文字顏色
 文字顏色主要
 文字顏色次要
 主要連結顏色
 次要連結1顏色
 次要連結2顏色
 特殊連結

●特殊區塊●
 主要按鈕-底色
 次要按鈕-次要色塊1
 次要按鈕-次要色塊2
 強調按鈕-底色

4.接下來按下,次要頁面。
●文字與標題●
 左區塊標題
  巴哈標誌:這邊,建議是隱藏的,因為那個龍,旁邊還有圖層沒抹…
   
  左區塊標題 
  次要標題
  文字顏色

●區塊與表格●
那個表格,也就是即時通知中的表格,內容底色的顏色,千萬別和,主要連結顏色重疊了。

 文字輸入框-底色
 文字輸入框-框線顏色
 區隔框線
 表格-項目底色
 表格-內容底色
 表格-框線顏色

●按鈕●

 特殊按鈕1
 特殊按鈕2
 強調按鈕1






有些部分沒有詳細介紹,因為是已經介紹過的,大同小異,有問題再發問吧。

說是教學,怎麼有點偏離主題了…變成項目介紹文…

---------------------------------------------------------------------------------------
單色系-快速打造佈景。
紅色為:看素材而決定是否使用的項目。
綠色為:勾選無圖
藍色為:透明{transparent}
【】為使用附件1.2.3.4↓

1.690X250的小屋主圖一張
2.1500X1500的背景一張
3.150X30的漸層圖張 [一深一淺,要重複利用哪張看個人。]
4.一張800X800半透明的單色系背景 
------------------
須設定的地方有
【2】背景底圖 
 底色
【1】小屋主圖
 
 【4】左區塊底圖、左區塊底圖 [看是否使用半透明背景而定]
  底色
  框、實、虛線顏色

【3】右區塊標題
 右區塊底圖
 底色
 
 導覽路徑-底色

 【3】主選單

 頁籤-按鈕-一般狀態
 
 底色、框線顏色

 右方按鈕群

【3】一般狀態
【3】滑鼠經過

次要頁面-標題與文字

巴哈標誌:隱藏

【3】底圖

【3】特殊按鈕1、2

【3】強調按鈕1

這是最簡單又有個人風格的設定方法了…

不敢說實在,但只設定這些,其實就夠省事了。

大概就這樣吧,有想到再補上,

33

39

LINE 分享

相關創作

98季台灣U18感謝文及個人觀感(上)

動畫瘋九十天抽獎記錄

七年級生了

留言

開啟 APP

face基於日前微軟官方表示 Internet Explorer 不再支援新的網路標準,可能無法使用新的應用程式來呈現網站內容,在瀏覽器支援度及網站安全性的雙重考量下,為了讓巴友們有更好的使用體驗,巴哈姆特即將於 2019年9月2日 停止支援 Internet Explorer 瀏覽器的頁面呈現和功能。
屆時建議您使用下述瀏覽器來瀏覽巴哈姆特:
。Google Chrome(推薦)
。Mozilla Firefox
。Microsoft Edge(Windows10以上的作業系統版本才可使用)

face我們了解您不想看到廣告的心情⋯ 若您願意支持巴哈姆特永續經營,請將 gamer.com.tw 加入廣告阻擋工具的白名單中,謝謝 !【教學】