2014年12月31日 星期三

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

發表於 2014年12月31日 星期三 12月 31, 2014 /  沒有留言
標籤 , ,
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

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

php 是這樣



javascript 則是這樣:

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

2014年12月29日 星期一

2014年12月28日 星期日

制服地圖有趣議題 12月

發表於 2014年12月28日 星期日 12月 28, 2014 /  沒有留言
標籤 ,

由江舜智貼文。



由江舜智貼文。
Read more

2014年12月25日 星期四

2014年12月24日 星期三

孫羽希唱片發表會

發表於 2014年12月24日 星期三 12月 24, 2014 /  沒有留言
標籤
孫羽希唱片發表會

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


Read more

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

發表於 12月 24, 2014 /  沒有留言
標籤 , , ,
台灣制服插畫大賽

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

2014年12月22日 星期一

2014年12月21日 星期日

2014年12月20日 星期六

[S.H.Figuarts] Rockman Zero

發表於 2014年12月20日 星期六 12月 20, 2014 /  沒有留言
標籤 , ,
Rockman Zero

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


Rockman ZeroRockman Zero

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

2014年12月18日 星期四

2014年12月16日 星期二

2014年12月15日 星期一

純 css 樣式化上傳按鈕

發表於 2014年12月15日 星期一 12月 15, 2014 /  沒有留言
標籤 , ,
上傳的按鈕是沒有直接用 css 樣式化的，不過可以用一些小技巧來做到。


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

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


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

view plaincopy to clipboardprint
  1. .fileUpload {   
  2.     position: relative;   
  3.     overflow: hidden;   
  4.     margin: 10px;   
  5. }   
  6. .fileUpload input.upload {   
  7.     position: absolute;   
  8.     top: 0;   
  9.     right: 0;   
  10.     margin: 0;   
  11.     padding: 0;   
  12.     font-size: 20px;   
  13.     cursor: pointer;   
  14.     opacity: 0;   
  15.     filter: alpha(opacity=0);   
  16. }  


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


來源


Demo


Read more

2014年12月13日 星期六

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

發表於 2014年12月13日 星期六 12月 13, 2014 /  沒有留言
標籤 , ,
Uniform Map 搜尋功能

制服地圖- 找學校

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


Uniform Map 搜尋功能

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


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

Uniform Map 搜尋功能






Read more

2014年12月12日 星期五

jQuery 視窗預覽 Lightbox

發表於 12月 12, 2014 /  沒有留言
標籤 , ,
lightbox

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

外掛網址: jQuery Lightbox

view plaincopy to clipboardprint
  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 都不用寫。

view plaincopy to clipboardprint
  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日 星期四

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

發表於 2014年12月11日 星期四 12月 11, 2014 /  沒有留言
標籤 , , ,
台灣制服插畫大賽

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

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

制服插畫大賽

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

Read more

2014年12月10日 星期三

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

發表於 2014年12月10日 星期三 12月 10, 2014 /  沒有留言
標籤 ,
一七式衛人 繼衛

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


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

Read more

2014年12月9日 星期二

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

發表於 12月 09, 2014 /  沒有留言
標籤 , , , ,
制服地圖

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


制服地圖

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


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



Read more

2014年12月6日 星期六

[NXEDGE STYLE] Strike Freedom Gundam

發表於 2014年12月6日 星期六 12月 06, 2014 /  沒有留言
標籤 , , ,
ストライクフリーダムガンダム

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

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

Read more

2014年12月5日 星期五

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

發表於 2014年12月5日 星期五 12月 05, 2014 /  沒有留言
標籤 , , , ,
Uniform Map 制服地圖

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


Uniform Map 制服地圖

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

來Uniform Map 制服地圖看看。


Read more

2014年12月4日 星期四

2015 制服年曆印好了

發表於 2014年12月4日 星期四 12月 04, 2014 /  沒有留言
標籤 , ,
2015 制服年曆

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

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


2015 制服年曆
2015 制服年曆

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

2014年12月3日 星期三

[Robot 魂] DRAGONAR-1 CUSTOM

發表於 2014年12月3日 星期三 12月 03, 2014 /  沒有留言
標籤 , ,
DRAGONAR CUSTOM 1

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

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

2014年12月2日 星期二

訂閱： 文章 (Atom)
Related Posts Plugin for WordPress, Blogger...