2014年12月31日 星期三

[超級英雄圖譜] 綠燈俠(Green Lantern)

Green Lantern

綠光戰警(英語:Green Lantern)是DC漫畫(DC comics)所出版的美國漫畫中,一群超級英雄們的總稱。由比爾·芬格(Bill Finger)創作,馬丁·諾德爾(Martin Nodell)所繪製,於1940年7月《全美連環漫畫》第16期(All-American Comics #16)初次登場。其中最廣為人知的綠光戰警是哈爾·喬丹(Hal Jordan),由約翰·布魯姆(John Broome)以及吉爾·凱恩(Gil Kane)創作,1959年10月於《陳列櫥》(Showcase)第22期首次登場。
Read more

[php, javascript] 轉換 \n 為 br

把資料存到資料庫的時候,本來的換行會存成 /n 的形式,所以在讀出的時候沒有經過處理,原本的就會黏在一起沒有分段,只要簡單加一下轉換,把 \n 改成 br 就可以了。

php 是這樣



javascript 則是這樣:

  1. $article.replace(new RegExp('\r?\n','g'), '<br />')  
Read more

2014年12月29日 星期一

2014年12月28日 星期日

制服地圖有趣議題 12月





Read more

2014年12月25日 星期四

2014年12月24日 星期三

孫羽希唱片發表會

孫羽希唱片發表會

一些機緣下去參加的唱片發表會,感覺滿新鮮的,雖然現在很少聽新歌,不過那天現場聽覺得還不錯,大家有興趣可以聽聽看。


Read more

台灣高校制服插畫大賽- RWD 及作品頁學校對應和留言功能

台灣制服插畫大賽

上線好一陣子才調完 RWD,現在用手機看也舒服多了,另外每張作品也加上對應學校的連結,畢竟是台灣制服插畫大賽,不過收稿的時候也沒硬性規定只能畫台灣高中的制服,所以認不出來的就沒有學校的連結這樣。
Read more

2014年12月22日 星期一

2014年12月21日 星期日

2014年12月20日 星期六

[S.H.Figuarts] Rockman Zero

Rockman Zero

之前的洛克人都是出在 D-Arts 系列,不知道為什麼 Zero 卻出在 S.H.Figuarts,可能他體型更像人類吧,而且還是在魂商店預購的,台灣有魂商店後要買這些是比較方便,不用被別人哄抬價錢,但那個運費都要150就有點討厭了。


Rockman ZeroRockman Zero

背面的頭髮很好看,但有夠容易掉的..
Read more

2014年12月18日 星期四

2014年12月16日 星期二

2014年12月15日 星期一

純 css 樣式化上傳按鈕

上傳的按鈕是沒有直接用 css 樣式化的,不過可以用一些小技巧來做到。


要的話就先在原本的上傳按鈕外再包一層。

  1. <div class="fileUpload btn btn-primary">  
  2.     <span>Upload</span>  
  3.     <input id="uploadBtn" type="file" class="upload" />  
  4. </div>  


範例是用 bootstrap 的,所以要先把 bootstrap 抓進來,再加上這些 css 調整。

  1. .fileUpload {   
  2.     positionrelative;   
  3.     overflowhidden;   
  4.     margin10px;   
  5. }   
  6. .fileUpload input.upload {   
  7.     positionabsolute;   
  8.     top: 0;   
  9.     right: 0;   
  10.     margin0;   
  11.     padding0;   
  12.     font-size20px;   
  13.     cursorpointer;   
  14.     opacity: 0;   
  15.     filter: alpha(opacity=0);   
  16. }  


然後就可以看到效果了,不過這樣的話原本的顯示檔案名稱的地方就會不見了,不過可以加上 js 把值給丟到指定的地方去。


來源


Demo


Read more

2014年12月13日 星期六

Uniform Map 制服地圖- 找學校功能

Uniform Map 搜尋功能

制服地圖- 找學校

這功能也是早就該做了 XD,因為有朋友問所以就花了點時間完成,現在可以個別選擇地區,只要是制服地圖上有的學校,就都可以搜尋的到了。


Uniform Map 搜尋功能

關鍵字搜尋功能也一併做上去了。


原本地圖上就有搜尋學校的功能了,在地圖的右下角,怕大家沒注意到,所以再提醒一次囉。

Uniform Map 搜尋功能






Read more

2014年12月12日 星期五

jQuery 視窗預覽 Lightbox

lightbox

在網頁非常常用到的效果,很簡單就可以做出彈出視窗的預覽效果,也可以在彈出視窗裡切換上下的圖片。

外掛網址: jQuery Lightbox

  1. <script src="js/jquery-1.11.0.min.js"></script>  
  2. <script src="js/lightbox.min.js"></script>  
  3. <link href="css/lightbox.css" rel="stylesheet" />  

直接引入。


然後在 html 裡放上 attr 就好了,連 code 都不用寫。

  1. <a href="img/image-2.jpg" data-lightbox="roadtrip">Image #2</a>  
  2. <a href="img/image-3.jpg" data-lightbox="roadtrip">Image #3</a>  
  3. <a href="img/image-4.jpg" data-lightbox="roadtrip">Image #4</a>  



Read more

2014年12月11日 星期四

台灣高校制服插畫大賽投稿作品

台灣制服插畫大賽

這次跟獎金獵人的合作模式是投稿在他們那邊,活動頁面在制服地圖這邊,所以投稿的作品是後來拿到api後才把他接出來的,已經有一些不錯的作品了,希望大家告訴大家,多多來投稿啊 XD

作品列表網址:
台灣高校制服插畫大賽投稿作品

制服插畫大賽

也出現在獎金獵人的首頁囉。

Read more

2014年12月10日 星期三

[千值練RIOBOT] 一七式衛人 繼衛

一七式衛人 繼衛

機體來自於シドニアの騎士,這部是朋友介紹才去追的動畫,看了幾集後就一口氣看完了,這部在寫實度上很真實,宇宙中的戰鬥很有空間感,畫面也非常的棒,尤其是我很喜歡的科技感的介面,在裡面感覺不知道花了多少製作經費下去做,如果喜歡科幻風格或機器人動畫的,一定是得看看這部的。


一七式衛人 繼衛一七式衛人 繼衛

Read more

2014年12月9日 星期二

Uniform Map 制服地圖- 網站搬家, FB 登入功能

制服地圖

這週末把網站搬到新的主機去了,再花一兩天的時間把搬家後出問題的功能修一修,制服地圖就又可以繼續更新了,雖然外表沒什麼差別,但速度應該有感覺變快不少,尤其是部落格,之前真不知道在慢什麼,換主機後就又恢復正常速度了。


制服地圖

此外在右上角多了 fb 登入的功能,雖然現在還感覺不出來可以幹麻,不過新功能應該很快就會上線了,大家無聊也可以先去按看看上面的按鈕登入看看,爭取網站比較前面的使用者序號(誒),不過天字第一號是我就是了 XD


最後也非常歡迎大家在使用後提出問題或建議喔。



Read more

2014年12月6日 星期六

[NXEDGE STYLE] Strike Freedom Gundam

ストライクフリーダムガンダム

本來這系列是抱著雖然很喜歡,但又覺得可能會很貴而觀望(最近出SD的不少,可是不用組合的大概都1500起跳),可是在某天在 FB 的社團看到有人說他入手了,而且只有 500 元,想說怎麼會這麼便宜,於是馬上上網去找,還剛好被我看到最後一隻 500 元的,於是就入手了,也覺得應該是跳入這個大坑了。

ストライクフリーダムガンダムストライクフリーダムガンダム

Read more

2014年12月5日 星期五

Uniform Map 制服地圖- 調整主選單樣式以及 more 按鈕

Uniform Map 制服地圖

為了下一階段的功能,花了些時間把主選單調到定位,要做可以 RWD 的選單找了好多資源,最後還是自己解最實在..


Uniform Map 制服地圖

另外因為之前有人用了很久還不知道每個學校有更多照片可以看,於是就加了這個按鈕,加了後也看到跳出率有往下降,應該是滿有幫助的。

Uniform Map 制服地圖看看。


Read more

2014年12月4日 星期四

2015 制服年曆印好了

2015 制服年曆

年曆印好了,看起來真開心。

2015 制服年曆,只不過除了預購外的部分,能夠再讓人購買的就不多了,之後有經驗就更知道該怎麼做了,也感謝這次幫忙的攝影師、每個制服女孩、夢想製造出版社,還有支持的朋友。


2015 制服年曆
2015 制服年曆

年曆的外面是制服地圖名片的造型。
Read more

2014年12月3日 星期三

[Robot 魂] DRAGONAR-1 CUSTOM

DRAGONAR CUSTOM 1

之前買過魂 Spec 舊版的 DRAGONAR CUSTOM 1,後來把造型修了後有再出一版,這次則是在 R 魂出了修過造型的 DRAGONAR CUSTOM 1,以前看起來挫挫的樣子,現在看起來都不一樣了。

DRAGONAR CUSTOM 1DRAGONAR CUSTOM 1
正面背面
Read more

2014年12月2日 星期二

2014年11月30日 星期日

好膝上襪日的提醒



有不錯的迴響
Read more

2014年11月28日 星期五

福音戰士漫畫完結篇

福音戰士

書腰還寫 20 年的傳奇漫畫,20年才畫了 14 本,真的是有夠慢的..

不過新劇場版還在補完中。

今天(11/28)是傳說中的好膝上襪日,但剛好在這集看到這一段,有種淡淡的哀傷啊..

福音戰士

Read more

2014年11月26日 星期三

台灣制服插畫大賽

台灣高校制服插畫大賽

最近獎金獵人那邊說可以合作一下,第一次討論就想到了這個活動,其實可以弄個插畫制服地圖也不錯,就希望這段時間可以多徵到一些稿件囉。

台灣高校制服插畫制服大賽

活動時程

初選:2014/11/24(一) - 2015/1/25(日)
投票:2015/1/26(一) – 2015/2/1(日)
得獎公佈:2015/2/4(三)

作品規格

主題為台灣高校制服,不限制動作,可以參考制服地圖上的照片來作畫,也歡迎提供制服給攝影師拍照。
繪圖形式不拘,可以電腦繪圖或傳統繪圖的方式,唯必須提供電子檔上傳至網站。
作品上傳規格為 RGB 之 jpg 或 png 圖檔,手稿繪圖也請掃描成限定格式後上傳。

評分方式

畫技 30%
美感 30%
完整度 20%
投票 20%

評審

「制服至上」 插畫家 蚩尤
制服達人歐小羊(全台灣收藏最多制服的收藏家)
「制服.女孩 × 史旺基」攝影師史旺基
戰鬥毛
米滷蛋
制服地圖站長紅色死神
Read more

2014年11月24日 星期一

jQuery 日期時間選擇器- DateTimePicker

DateTimePicker

Plugin 網址:
DateTimePicker- jQuery plugin select date and time

最近看到一個方便的日期時間選擇器,使用方法一樣,記得要使用它的 css

  1. <link rel="stylesheet" type="text/css" href="/jquery.datetimepicker.css">  
  2. <script src="/jquery.js"></script>  
  3. <script src="/jquery.datetimepicker.js"></script>  
Read more
Related Posts Plugin for WordPress, Blogger...