PATRIK TIMES私は現代に生きるスナフキン、またの名をフキンシンという。アブサン飲んで、グッド・バイ。 

このページの記事目次 (タグ: デザイン の検索結果)

スポンサーサイト

   ↑  --/--/-- (--)  カテゴリー: スポンサー広告
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

(記事編集) http://patrikeiji.blog37.fc2.com/?overture" target="_new

--/--/-- | Comment (-) | このエントリーをはてなブックマークに追加このエントリーを含むはてなブックマーク | HOME | ↑ ページ先頭へ ↑

パトリック・ブログのモバイル版のデザインを変更しました。

   ↑  2010/09/17 (金)  カテゴリー: 更新情報
皆さん!お気づきですか??
このブログの携帯版のデザインを変えました!

オォー。(セルフ驚き)

スマートフォンやPCの方は気付かないかもしれないんですけど、
このブログ、PCで見るときと携帯で見るとき、かなりデザインが違うんですよ。

っていうのは、FC2ブログの設定で、、
『携帯で見るときには携帯版のデザインで閲覧する』
っつー設定にしてるからなんです。

別に、PC版と同じデザインで見ればよくね?って思う人がいると思うんですけど、
PCと携帯だと大きく仕様が異なるので、例えば画像が大きすぎて見れなかったり、
PC用に書いたプログラムコードを携帯が読み込めなかったりと色々不具合がでちゃうんだよね。
だから、携帯用とPC用では別に作る必要があるわけ。

で、携帯のプログラミングが全然わからないのもあって、携帯版は、
人が作ったFC2テンプレートを借りてたんだけど、
デザイン(主に文字色)がPCと違いすぎるのと、カテゴリが見づらいのとで、思い切って大改造してみることにしました。

パチパチパチ…(セルフ拍手)

FC2ブログの人のためにやり方を説明すると、
管理人メニューの左側の「テンプレートの設定」ってとこから、
携帯版テンプレートの管理のところで、htmlやcssをいじくりこねくりまわせばOKです。

携帯の人は、今見てるページがそうです。

PCの人はこのリンクで見れるかな?↓
モバイル版パトリック・ブログ

文字色は、PCと同じ設定にしたんですけど、どうやらモバイル対応してない色はモバイル用の色に自動変換されるみたいで、全体的に少し暗くなってみづらいかも…でも、しばらくこのままいきます。理由:ちょっとめんどい

ヘッダーのロゴは、PC版とデザインを統一しました。
ほぼ流用です。PC版で使った画像をフォトショップで縮小して、位置関係を調整しただけです。
画像をいっぱい使ってるけど重くしたくないんで、画質を調整してだいたい1~5kbくらいの重さにしました。
フォトショップがない人は、「縮小専用」などwebにある無料ソフトで画質をうまく調整できるんで、やってみてください。

「Patrik」って書いてあるヘッダー画像なんですけど、平面上なのに、明度のバランスの関係で、奥行きがあるように見えませんか?
我ながらいいデザインだね。携帯ブログでオリジナルデザインを使ってるところは少ないから、結構目立つんじゃないかな。使ってたテンプレートを参考にしました。

気分は軽くデザイナー♪

にほんブログ村 音楽ブログへ
にほんブログ村

スポンサーサイト

この記事に含まれるタグ : FC2ブログ モバイル テンプレート デザイン 変更 

FC2スレッドテーマ : モブログ・携帯ブログ (ジャンル : モブログ

(記事編集) http://patrikeiji.blog37.fc2.com/blog-entry-301.html

2010/09/17 | Comment (0) | Trackback (0) | このエントリーをはてなブックマークに追加このエントリーを含むはてなブックマーク | HOME | ↑ ページ先頭へ ↑

カスタマイズフォームを利用したmyspace簡単デザインカスタマイズ方法

   ↑  2010/05/04 (火)  カテゴリー: コラム
どうも。GW(ゴールデンウィーク)ももう終わりにさしかかって来てますね。
皆さんは満喫できました?俺はまぁ満喫できたっちゃできたかな。新曲もできたし。
バンドのmixiコミュニティも作ったんで、参加してくれたら嬉しいです。
mixiコミュニティ
(モバイル版は携帯版公式サイトにリンクしてありますのでそちらからどうぞ)
このブログから辿って参加してくれた方!本当にありがとう!できたばかりのコミュですが、活性化できるようガンバリマス。

さて。
不定期開催の、このブログにたどり着いた人の、面白検索ワード集。


「ドラマの影響で Twitterは怖い」
「ドラマの影響 Twitter 恐いツール」


…素直になれなくて関連だと思うんですけど、そんな怖がらなくても…
使いこなせれば便利なツールだと思いますよ~出会い系じゃないんで笑


「バイ ケツ」


???下ネタかよ…てかこの検索で俺のブログにたどり着けちゃうのか笑

うん。今回はなんともいえないのが多かったなw
また面白いのあったら紹介します。アクセス解析では個人情報までは把握できないので、安心してくださいw



話は変わって…
ここ数日ぐらい、何故かはわからんがmyspaceのアクセス数が結構伸びてて、つい最近まで2000アクセス前半くらいだったイメージだったんだけど、いつの間にやら3000に行きそう…というわけで、急遽!

myspace

デザインを変えてみました。(PCかスマートフォンでしか見れません)

黒メインにして、プロフィール内を透過させることでデザイン性をアップしてみた。
アーティストアカウントでのmyspaceのカスタマイズはかなり難しいので、結構時間かかったけど、やった価値はあったと思う。

結構難しくて色んなサイトを参照したんだけど、すごく簡単なやり方を発見したので、是非みんなに知ってほしい。
ということでこちら↓にやり方を軽く説明しときます。バンドマンは必見。

類人猿でもできる!
カスタマイズフォームを利用したMyspace簡単カスタマイズ法!

俺は海外サイトの「カスタマイズフォーム」を使ってカスタマイズしました。
MyGen
というサイトです。
文字や背景の色など必要な情報を入力すると、その都度サンプルページの色が変わるので、それを見ながら色の配置を考えてカスタマイズできるので、かなりやりやすいと思います。


やり方は、
MyGen
にアクセス。

Click here to create your profile!と書いてあるところをクリック
し、
後は色など
必要な情報を入力

その後に、
Click to generateのような文字のところをクリックするとコードがでてくる
ので、

Don't see your code? Click here

Click hereの部分をクリックすると更にコードがでてきます。このときに出てくるコードを、
コピーしてmyspaceの自己紹介の欄に貼り付け
れば完成です。

背景画像を使いたい方は、myspaceに写真をアップして、それを非公開のアルバムに載せ、その写真を右クリックして、画像のURLを取得すればOKです。

まぁ、試行錯誤しつつやってみてください。
わからなかったら質問も受け付けます。もちろん、わかる範囲でしか答えられませんが…w

今日はそんなところで。
ミクシのコミュ参加もお待ちしています!



この記事に含まれるタグ : myspace カスタマイズ フォーム デザイン 背景画像 背景色 スタイルシート マイスペース 透過  

FC2スレッドテーマ : バンド活動♪ (ジャンル : 音楽

(記事編集) http://patrikeiji.blog37.fc2.com/blog-entry-235.html

2010/05/04 | Comment (0) | Trackback (0) | このエントリーをはてなブックマークに追加このエントリーを含むはてなブックマーク | HOME | ↑ ページ先頭へ ↑
申し訳ありません。 お探しの記事は現在、この ユーザータグ (Keyword) を設定していない可能性があります。 右の検索BOXで 再度用語を短めに入力していただくと記事が見つかる場合があります。Do it!

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。