[Talk-TW] openstreetmap.tw網站樣式
Yaling Peng
lilychen1388於gmail.com
日 8月 25 06:22:59 UTC 2013
*美工自願役算我一個*
我是自學的,不是專業科班,也有很多地方不懂。如果你們不嫌棄成果不是很專業的話,我願意做。
不過我以為已經有很厲害的美術人員加入OSM了,因為OSMtw的icon做得很漂亮。順便請問有原圖圖檔可以收藏嗎?(向量圖檔?)
*目前著手修改CSS*
本來想說把CSS檔抓下來修改完後,連同新的背景圖片打成一包丟上來,再請站方維護人員替換掉即可(當然原站要先備份啦XD),但是我找不到CSS檔...我不懂drupal
囧 他是把CSS檔放去哪了?囧
所 以目前是靠firebug硬幹,但發現沒有source
code,光靠firebug修改有點困難,推測原因可能為:有些元件的長、寬依內容元件大小而變,而這個適性值經排版引擎計算輸出後,儘管在
firebug內修改部份元件參數,依然無法再由排版引擎經手變更,產生正確的排版。直接對源碼修改、reload網頁、debug是我所想到的解決方
法。再者,而為了達成A樣式,有些element可能要增加一些功能性class(例如系統內原就預設的clearfix),這也超出純CSS可作的範 圍。
所以要直接改修改佈景主題的話,該怎麼做?或有drupal的人可以帶我入門一下?
deng dongpo <dongpo.deng於gmail.com> 於 2013年8月20日下午2:31 寫道:
> 所以Yaling是視學設計,上次在COSCUP吃飯有提到!?
> tw官網的部份有Drupal那邊的人在負責,我們接下來研討會也需要人幫忙做網頁的視覺設計,你願意幫忙嗎?
>
> dongpo
>
>
> 2013/8/19 Yaling Peng <lilychen1388於gmail.com>
>
>> 我試著幫Taiwan社群官網畫了幾個樣式,請大家看看,給點意見。
>> 因為我沒用過drupal(只玩過一點點wordpress)不知道佈景主題更改的難易,盡量以現貌為本,讓管理者最簡單、最小幅度的更動。
>>
>> Style A:考量到官網本身的佈景色彩,和更改的便利性,只需對header、footer做樣式更動。之後會把圖片和CSS整理出來。
>>
>> Style
>> B:不考慮原有設計方向,自由發想,畫自己想畫的。更動範圍會加大到內容區塊,例如silder的背景色(白色)就要變更。若能挑選適當佈景作為修改基礎,網頁美化的自由度應該更大。
>>
>> osmtw.svg:原稿,以上兩個樣式皆收於其內,可用inkscape開啟。
>>
>> _______________________________________________
>> Talk-TW mailing list
>> Talk-TW於openstreetmap.org
>> http://lists.openstreetmap.org/listinfo/talk-tw
>>
>>
>
deng dongpo <dongpo.deng於gmail.com> 於 2013年8月20日下午2:31 寫道:
> 所以Yaling是視學設計,上次在COSCUP吃飯有提到!?
> tw官網的部份有Drupal那邊的人在負責,我們接下來研討會也需要人幫忙做網頁的視覺設計,你願意幫忙嗎?
>
> dongpo
>
>
> 2013/8/19 Yaling Peng <lilychen1388於gmail.com>
>
>> 我試著幫Taiwan社群官網畫了幾個樣式,請大家看看,給點意見。
>> 因為我沒用過drupal(只玩過一點點wordpress)不知道佈景主題更改的難易,盡量以現貌為本,讓管理者最簡單、最小幅度的更動。
>>
>> Style A:考量到官網本身的佈景色彩,和更改的便利性,只需對header、footer做樣式更動。之後會把圖片和CSS整理出來。
>>
>> Style
>> B:不考慮原有設計方向,自由發想,畫自己想畫的。更動範圍會加大到內容區塊,例如silder的背景色(白色)就要變更。若能挑選適當佈景作為修改基礎,網頁美化的自由度應該更大。
>>
>> osmtw.svg:原稿,以上兩個樣式皆收於其內,可用inkscape開啟。
>>
>> _______________________________________________
>> Talk-TW mailing list
>> Talk-TW於openstreetmap.org
>> http://lists.openstreetmap.org/listinfo/talk-tw
>>
>>
>
-------------- 下一部份 --------------
抹去了一個 HTML 附加檔...
URL: <http://lists.openstreetmap.org/pipermail/talk-tw/attachments/20130825/6227e946/attachment.html>
More information about the Talk-TW
mailing list