忍者ブログ
SOLID DAYS
カウンター

開設から 日が経過しましたよ
おすすめ
最新コメント
無題 名無しさん@そりっどでいず。 [06/19]
上信越道の甘楽PA上下線 ぴよ子彦 [02/26]
オンライン うぃーく(weak) [02/21]
無題 ショウ [02/21]
無題 名無しさん@そりっどでいず。 [02/19]
無題 名無しさん@そりっどでいず。 [02/19]
久しぶりに 名無 [02/18]
無題 栃木 [02/16]
管理人 うぃーく(weak)
2カラムのテンプレートを3カラムにして欲しいとの依頼がありました。
そういったテンプレートの編集は、自分のブログで一回やったことがあります。

元々2カラムのテンプレートを、3カラムにするのは結構大変です。
今のSOLID DAYSを、3カラムのテンプレートにするまでは数日かかりました。合計で数時間はかかったと思います。
思うようにいかなくて、一人でブツブツいいながら、すげえイライラしながら作ったのを思い出します。
でも完成したときは、超うれしかったです。

あの悪夢がもう一度・・・
おととい、依頼された2カラムのテンプレートを3カラムにする作業をやってみました。
そしたら全然わかんない、できない!
FC2ブログのテンプレートの構造に全く馴る事ができず、その時は即行諦めました。

そして今日、落ち着いて、よく考えて作業に取り掛かると・・・

15分程度で3カラムにする事ができました!
でも、ブログを読み込む順番がおかしいってか不便。

真ん中にある、記事が表示される部分を一番最初に読み込んで、そのあと左右のプラグイン(サイドメニュー)を読み込むようにしたいんだ。基本的にHTMLファイルは上から読み込まれるから、上の方に記事が表示される部分をもってけばいいんだけど、そうすると表示が崩れる。

何回やっても無理。テンプレートが崩れるのは悲惨だよ。ショックだし。
色々試した。論理的に考えてもできないから、色んな方法を試すしかない。
HTMLやCSSのある部分を書き換えて、見てみる。そのくりかえし。
何度も表示が崩れて、はあぁ?ってなったよ。

でも、諦めずやってたら、ある時ふと綺麗に表示されるようになった!
ふーっ。ちょっと今回も厄介だったぞ。
読み込む順番は、右メニュー→真ん中の記事→左メニューになっちゃったけど、まあいいや。

でも、今回のでコツが掴めた気がするw
あとちょっと自信もついた。


完成したテンプレのスクリーンショットはこちら!
750d4232.png
(クリックで拡大)

はい、気付いた人は気付いたと思うけど、哀雛さんの「憂鬱なこの世界」のテンプレです。


編集前のテンプレート
d6fc1dca.png
(クリックで拡大)




さっきも言ったけど、今回でコツ掴めたと思う。
共有化テンプレート登録とかもやってみようかな。
今回のは「編集」だから共有化できないけど、いまのSOLID DAYSのテンプレはほぼ自作だから、共有化申請してもいいかも。いろんな人が、俺の作ったテンプレを使ってくれたらうれしいしw

近々共有化もやってみるか。うん。そのときはまた報告します。

あと2カラムのを3カラムにする方法の記事とかも書けたらいいなーと思っています。
依頼も気まぐれで受け付けるんで、気軽に声かけてください。
初心者だから難しいのは無理だけど、ちょっとした編集、カスタマイズならやってあげれるかも。


PR
RSS Feed Widget
この記事にコメントする
お名前
タイトル
メールアドレス
URL
コメント
パスワード   Vodafone絵文字 i-mode絵文字 Ezweb絵文字
無題
すげぇ
けど俺そんな技術ねー視ww
超・新星 URL 2008/11/22(Sat)22:39:06 編集
頼みごと
weakweak!!!
頼みごとがある!
俺のブログのトップ画像作って欲しい!

デザインは一応新星だから宇宙系にして欲しい。
惑星とか
超・新星 URL 2008/11/22(Sat)23:06:52 編集
無題
>>超・新星
おお、作るか!
宇宙系賛成。宇宙系大好きだから頑張ってつくる。サイズはドンくらい?
1000×300だとブラウザの画面いっぱいの大きさ。俺のは970×130
weak weak★ URL 2008/11/22(Sat)23:20:48 編集
無題
悪夢かよww

まあありがとう!
一年は使い続けるよ!w
哀雛 URL 2008/11/22(Sat)23:39:41 編集
無題
緊www急www事www態www

アップロードしてくれたのだと
文字化けしちゃってて使い物にならない・・・

メールに添付してくれないか?
gtrktkr@yahoo.co.jp
哀雛 URL 2008/11/22(Sat)23:50:44 編集
無題
連レスすまない、
よく見てみたらHTMLがもう変換されてるというか
もうHTMLを有効にした状態で表示されちゃうから
dbみたいのに入れて再アップしてくれ。

CSSは無事だと思うが一応2つとも頼む。
哀雛 URL 2008/11/22(Sat)23:59:04 編集
無題
>>哀雛
今回は割りとすぐ出来たから、昔の悪夢まではいかなかったよw
すまんw文字化けかぁ
送っといた

え?txtじゃだめかな?
まあ拡張子変えればいいのかな
weak weak★ URL 2008/11/23(Sun)00:08:21 編集
無題
哀雛のブログのやつぐらい
胡麻とかのブログのサイズがいい
超・新星 2008/11/23(Sun)00:09:09 編集
無題
>>哀雛
添付したのもだめだった?

>>超・新星
了解
「哀雛のブログのやつぐらい
胡麻とかのブログのサイズがいい」
どっちだ?って思ったけどまあいいやw
明日休みだから今夜ゆっくり作るかな
weak weak★ URL 2008/11/23(Sun)00:12:48 編集
無題
何度も本当にごめんw

ソース表示したら
アップしたのでできた!

迷惑かけてごめん!
そしてありがとう!

最後に一つ聞きたいんだけど
カラムの間に線入れれる?
区切りみたいな・・・。
哀雛 URL 2008/11/23(Sun)00:14:57 編集
無題
>>哀雛
おk、ならよかった
線でくくる事なら出来ると思う。
間に1本線(合計2本?)は出来るかわかんないや。
明日休みだから今夜ゆっくり作るかな
weak weak★ URL 2008/11/23(Sun)00:17:50 編集
無題
本当になんどもすまない・・・
3カラムでちょうど両画面端が2、3ミリ空くくらいにできる?
後はカラムの区切りみたな線が欲しい、
背景色はグレーくらいのにできる?

時間あったらでいいから
修正してもらえれば嬉しいかな。
作ってもらった直後にごめん!
哀雛 URL 2008/11/23(Sun)00:19:35 編集
無題
その位の変更ならすぐ出来る
広げるとしたら、右、真ん中、左のどれ?
まあ色々やってみる
weak weak★ URL 2008/11/23(Sun)00:28:26 編集
無題
>>weakweak
出来次第、fragile_nova_camera@yahoo.co.jpに
送ってちょ
出来たら明日の朝一までに頼む


今日はもう寝る
超・新星 2008/11/23(Sun)00:37:40 編集
無題
右=左<真ん中

程度で広げて欲しい。
遅れてすまん、pcフリーズしてたorz
哀雛 URL 2008/11/23(Sun)00:47:15 編集
無題
おやすみなさい

>>哀雛
まだ起きてるかなぁ
背景ってどこのこと?
http://www6.uploader.jp/user/andornot/images/andornot_uljp00022.png
くそう、ポップチャットがあればすぐできたのに
weak weak★ URL 2008/11/23(Sun)00:57:11 編集
無題
頼んでる以上完成するまでは起きてるよー!
チャットかあ・・・
かなり前のチームサイトのが一応生きてるからここに
http://82.xmbs.jp/c.php?ID=teamwith&c_num=2680

背景というか
カラムがない部分 かな
哀雛 URL 2008/11/23(Sun)01:05:01 編集
無題
>>weakweak
ごめん。
トップ画像ってどう変更するの?
さっぱり分からん
超・新星 URL 2008/11/23(Sun)09:19:05 編集
無題
すげぇなww
俺、そんな技術ないっすw
force URL 2008/11/23(Sun)09:53:27 編集
ブログ作り直した
ブログ作り直したから
リンク頼む
http://machimorinova.blog.shinobi.jp/
ここね
超・新星 URL 2008/11/23(Sun)10:22:12 編集
無題
テンプ編集でtopに画像を入れたらよかったような・・・
ちなみに忍者ブログですが・・・
リング 2008/11/23(Sun)10:24:27 編集
無題
ごめん
やっぱりこっち
http://machimoricrimson.blog8.fc2.com/
超・新星 URL 2008/11/23(Sun)11:15:13 編集
無題
もしかして、html(?)をいじるのか?
俺そんな事出来ない
ノヴァ@くりむぞん URL 2008/11/23(Sun)16:27:11 編集
無題
たぶんトップを変えるところがついてると思う
リング 2008/11/23(Sun)18:50:53 編集
無題
>>超・新星
ブログの「テンプレート」>「編集」で、いま設定してるテンプレートのCSSを編集する
CSS編集画面の時に、キーボードの「Ctrl」+「F」で画面上の文字を検索できるから、http://blog-imgs-23.fc2.com/m/a/n/manannan/05header1.gifを検索、その部分を一回消してhttp://www6.uploader.jp/user/andornot/images/andornot_uljp00024.pngなどに変える

てかさー、頼んだ直後にURLかえて、もう1回作り直してくれってどうなのよ
自分のことしか考えてないよね、そろそろ他人の事を考えて行動してもいい時期だとおもうよ^^^^^^

>>force
ググったりして勉強すれば、すぐ出来るようになるよ

>>リング
だよねー
weak weak★ URL 2008/12/04(Thu)16:39:23 編集
無題
リンク変更頼む!!
http://psp777mpo.blog.shinobi.jp/
ふぉrせ URL 2008/12/14(Sun)11:37:14 編集
無題
了解、完了
weak weak★ URL 2008/12/14(Sun)17:22:32 編集
詐欺
この人にmpo+
のオンラインで
詐欺られました・・・。
名無しさん@そりっどでいず。 2009/01/11(Sun)00:52:02 編集
無題
俺のこと?もしそうだったらごめんなさい
weak weak★ URL 2009/01/12(Mon)18:23:27 編集
3カラム化
http://blog.ninja.co.jp/Preview/MASTER/3092/
このテンプレート使っているのですが右メニューで3カラム化したいのですができなくて。
お願いできませんでしょうか?
achu 2009/05/07(Thu)14:55:08 編集
RSS Feed Widget
ブログ内検索
プロフィール
[HN]
うぃーく(weak)
[性別]
男性
職業:
学生
[趣味]
ゲーム、ランニング、WEBデザイン、動画編集、音楽鑑賞
お問い合わせ
ブログランキング
にほんブログ村 スマホ・携帯ブログ iPhoneへ


人みている。
管理
Respect Links
相互リンク
Twitter
RANK
ページランク
Copyright © 2008 SOLID DAYS All rights reserved.
忍者ブログ [PR]