fc気まぐれなるままに~?!

ブロガーイベント、インターネット、ガンダム、車、動画、デジカメ写真など、気になったもの拾い出してネット検索しつつあれこれ書き連ねています。

ブログパーツ

ACR WEB List


良くご覧頂いているページ

良く参照して頂いているページAll

Scroll最近の記事


フリーエリア

    スポンサーサイト 

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

    ninki_blogbanner_04.gif
    ありがとうございます。いずれか一押し、励みになります。



    [ --/--/-- --:-- ]
    この記事と同じカテゴリ スポンサー広告



    • --/--/--(--) --:--:--|
    • スポンサー広告
  1. |
  2. このページのトップへ
  3. 2016 12123456789101112131415161718192021222324252627282930312017 02

    テンプレート変更&以前のカスタム反映 

    この記事のカテゴリ ブログ ブログカスタマイズ |
    テンプレート変更&以前のカスタム反映

    今まで、liquid レイアウトと呼ばれる、”ウインドウサイズ次第で表示が適宜可変する”

    という事らしいCSSを利用してみていました。

    実際の効能とか能書きなんかはまるで判っていないのですが・・・。

    時々大きい写真載せてみたくなったり、メニューでもそれなりの横幅確保したいなんて具合のため、普通のテンプレートだとちょっと収まらない。


    そんな訳で大きい写真のせても適当に表示してくれるように、liquid レイアウトベースでカスタマイズしていました。

    メニューが下に行ってしまったり、メインの記事に被らなくなったのは良いのですが、
    やたら表示時間がかかってしまうようになってしまっていました。


    他の方のブログは、そんな時間掛からずぱっぱと表示されてますし・・・。



    使っていたテンプレートのスタイルシートだた、どうもブラウザが全データを読み込んでからじゃないと、表示しないような感じみたいでした。


    そこで、現状の表示レイアウトに近いテンプレートに替えたいな~とは思っていたのですが、CSSやHTMLやっぱりキチンと理解している訳でなはないので中々手が出ませんでした。


    が、2007/8/3の晩から2007/8/4にかけて fc2 のテンプレートあれこれプレビューで試していました。



    また、ちょっと前にソーシャルブックマークで見かけたこんなページがありました。


    スタイルシートによる崩れない 2カラム 3カラム・レイアウト
    Powered by IgWebCap

    このページなど参考にさせてもらいました。

    いくつかちょっと試しつつ、結局 fc2 公式テンプレートの monotone で試してみました。


    このリンクは、自分用にレイアウトカスタマイズしていない元の monotone をそのまま適用したものです。(別Windowで開きます)


    といっても、スタイルシート right と left を absolute で指定。
    自分の都合よいサイズ試しながら調整。

    後、以前行っていたカスタマイズをある程度入れなおしなんて感じですが。

    ・ヘッダーに絵を適用(ただし2007/08/04時点のものは、以前のもの単純に反転しただけです・・・)
    ・横カレンダー
    ・Newを追加(ちょっと上手く反映できていなさそう)
    ・ツリー式サイトマップ
    ・記事タイトルのはてなスター
    ・ソーシャルブックマーク簡易化のAddClips
    ・カテゴリ、月別、検索結果ナビゲーション
    ・関連タグでの記事表示
    ・関連カテゴリーでの記事表示
    ・全記事一覧表示
    ・前の記事、次の記事ンナビゲーション
    ・プラグイン3を記事の前に表示

    この辺のカスタマイズは

    FC2ブログのテンプレート工房さんの
    記事を参考にさせて頂いたものがかなり多いです。
    Powered by IgWebCap


    勉強不足で微調整とかまでは手が回らない~。


    2xup.org
    Powered by IgWebCap


    こんなあたりを参考にさせて頂いて、勉強した方が良さそうなんですけどね~。
    スポンサーサイト

    テーマ:カスタマイズ - ジャンル:ブログ


    ninki_blogbanner_04.gif
    ありがとうございます。いずれか一押し、励みになります。



    [ 2007/08/04 22:31 ]
    この記事と同じカテゴリ ブログ ブログカスタマイズ

    関連タグ テンプレート 関連タグ スタイルシート 関連タグ CSS 関連タグ liquid 関連タグ レイアウト 関連タグ ソーシャルブックマーク 関連タグ 関連タグ FC2ブログのテンプレート工房

    • 2007/08/04(土) 22:31:24|
    • ブログ ブログカスタマイズ
  4. | トラックバック(0)
  5. | コメント(0)|
  6. このページのトップへ
  7. 2016 12123456789101112131415161718192021222324252627282930312017 02

    fc2記事タイトルと最新エントリーに【NEW】表示 

    この記事のカテゴリ ブログ ブログカスタマイズ |
    ブログ記事に最近更新した事を示す”NEW”などを表示したいな~

    と思いつつ・・・


    Google 検索 fc2 最近の記事 new

    で検索。

    思ったとおり”FC2ブログのテンプレート工房”さんの記事がヒット


    FC2ブログのテンプレート工房 新着記事に新着表示「NEW」マークを付けて目立たせる

    こちらの記事参考にさせて頂き、さっそくNEW表示実現できました。

    ついでなので、ブログ冒頭に置いてある最近の記事一覧にも表示させたいな~と思い、あちこち調べつつちょっと試してみたところ、表示できました。

    画像用意しないで、文字で表示できるのが助かりますね。

    あれこれためしながら、こんな感じで表示させてます

    ヘッダー部分ではこんな感じにしてみました

    <!--▼新着記事用newマーク▼-->の部分



    document.write(
    '<font color="#F55511" size="">
    <marquee direction="" behavior="" SCROLLDELAY="600" SCROLLAMOUNT="60"
    WIDTH="60" height="15"> 【NEW】 </marquee></font>')}




    <!--▲新着記事用newマーク▲--> の部分

    プラグインフリーエリアを利用して表示している新着記事一覧部分ではこんな感じにしてみたら表示できました。


    <!--▼newマーク▼--> の部分



    nw(<%recent_year>,<%recent_month>,<%recent_day>,<%recent_hour>)



    <!--▲newマーク▲--> の部分

    ただ、上手く表示されたり、埋もれたりしちゃうのが良く判らないのですよね・・・。う~む。

    テーマ:ブログ - ジャンル:ブログ


    ninki_blogbanner_04.gif
    ありがとうございます。いずれか一押し、励みになります。



    [ 2007/06/02 13:55 ]
    この記事と同じカテゴリ ブログ ブログカスタマイズ

    関連タグ NEW表示 関連タグ テンプレートカスタマイズ 関連タグ FC2ブログのテンプレート工房 関連タグ 新着記事

    • 2007/06/02(土) 13:55:41|
    • ブログ ブログカスタマイズ
  8. | トラックバック(0)
  9. | コメント(0)|
  10. このページのトップへ
  11. 2016 12123456789101112131415161718192021222324252627282930312017 02

    ヘッダー下に横カレンダーを表示(FC2ブログ) 

    この記事のカテゴリ ブログ ブログカスタマイズ |
    ヘッダー下横カレンダー

    ヘッダー下に横カレンダーを表示(FC2ブログ)
    ヘッダー下などに表示された横カレンダー、ちょっとやってみたいな~などと思いつつも、FC2のブログプラグインだと出来ないのですよね。

    かといって、これが組み込んであるブログテンプレートだと、ちょっと好みのもの見つからなかったり。

    カテゴリーどうにかしたいな~などと思いつつ、テンプレートで利用させて頂いているFC2ブログのテンプレート工房さんのブログカスタマイズ記事を眺めさせて頂いていました。

    すると、横カレンダーを実現するエントリーがありました。

    FC2ブログのテンプレート工房 ブログタイトル下に横カレンダーを入れる
    FC2ブログのテンプレート工房 ブログタイトル下に横カレンダーを入れる


    これは是非ともと早速参考にさせて頂き、冒頭イメージのように無事横カレンダー表示ができました。

    解説ページに書かれているテンプレート追加コードとCSS用追加コードをそのままコピー。

    自分のテンプレート、CSSの該当部分に張り付ければ直ぐに実現できるものでした。

    こんな簡単にできちゃって良いの?!とびっくり。

    うちでは、たまに馬鹿でかい写真も載せたい衝動に駆られたりするため、リキッド系テンプレートベースにさせて頂いてます。

    このためか、カレンダーは左詰めの方が何か安心できる感じ。
    あと上に余白追加して、良い感じになりました。

    ありがとうございました~。

    他にも参考にさせて頂き、また色々やってみようと思いま~す。

    テーマ:カスタマイズ - ジャンル:ブログ


    ninki_blogbanner_04.gif
    ありがとうございます。いずれか一押し、励みになります。



    [ 2007/05/19 12:28 ]
    この記事と同じカテゴリ ブログ ブログカスタマイズ

    関連タグ ブログカスタマイズ 関連タグ 横カレンダー

    • 2007/05/19(土) 12:28:24|
    • ブログ ブログカスタマイズ
  12. | トラックバック(0)
  13. | コメント(0)|
  14. このページのトップへ
  15. 2016 12123456789101112131415161718192021222324252627282930312017 02
    登録済みサービス関連情報など
    : fc気まぐれなるままに??! と あわせて読みたい
    ex気まぐれなるままに~?! と あわせて読みたい
    エディタコミュニティ(edita) - julajpさん
    fc気まぐれなるままに~?!|にほんブログ村
    BlogPeople - ブログ情報ポータル・ブログランキング
    Blogジャンル別アクセス数ランキング-「ニュース・一般」部門 - BlogPeople
    http://seoparts.com/w/
    ご当地ブログ(神奈川) - BlogPeople
    Blogジャンル別アクセス数ランキング 「スポーツ・車・アウトドア / 車」部門- BlogPeople
    Blogジャンル別アクセス数ランキング 「趣味の世界 / コレクター」部門- BlogPeople
    BlogPeople ブログ紹介 - あなたの好きなブログの紹介コメントを書いたり評価してみよう。-fc気まぐれなるままに~?!
    相互リンク その他/その他 SEOパーツ
    車に関するブログ: テクノラティジャパン - ブログディレクトリー
    Blogジャンル別アクセス数ランキング-「趣味の世界 / コレクター」部門 - BlogPeople
    ゆーすけべー日記: 「これ☆ほしい」公開から2日目でのフィードバックまとめ
    fc気まぐれなるままに??! : ブログランキング ドット ネット
    きまぐれClips - クチコミ - BLOG360
    はてなブックマーク - julajpのきまぐれブックマーク
    きまぐれClips
    【 みんカラ 】 タグ - by carview
    【 みんカラ 】 ガンダム みんカラタグ - by carview
    GUNDAM 【 みんカラ 】 みんカラタグ - by carview
    GUNDAM【 みんカラ 】 タグ - by carview
    RSS フィード メーター - ex気まぐれなるままに~?!
    RSS フィード メーター - jula / きまぐれNOTE(Rider)
    RSS フィード メーター - fc気まぐれなるままに~?!
    人気ブログランキング - ■ fcきまぐれなるままにサイト情報







    みんぽす


    便利なサービス

    SugarSync このLinkからだと、無料5Gbに500 MBプラスで始められますよ~。
    SugarSync +500MB(2011/08/10現在)キャンペーン 


    DropBox このLinkからだと、無料2Gbに250 MBプラスで始められますよ~。
    DropBox +250MB(2011/08/10現在)キャンペーン 


    (どちらのサービスも、お互いに容量プラスになるので紹介する方もされるほうもお得 \(^o^)/。
    新規登録の際はリンク活用しないと勿体無いですよ?)(DropBoxはリンク経由せずに登録して、しまった~後の祭りorz~でした (T T) )

    Lc.ツリーカテゴリー

    あわせて読みたい

    fc気まぐれなるままに~?!
    あわせて読みたい

    みんカラ『きまぐれNOTE』

    あわせて読みたい

    ex気まぐれなるままに~?!

    あわせて読みたい

    きまぐれClips
    あわせて読みたい

    個別ページメニュー

    ▼WEBメールフォーム 
    コメント、メッセージ、メール等はこちらのメールフォーム、もしくは、WEBメールフォームページへのコメントを頂けましたら幸いです。

    ▼Amazon ガンダム他ホビー基本ジャンル分類済みページ
    HG,MG,PG,EX,MIA,EMIA,HCM-PRO等々Amazonのガンダムホビージャンル分けしています。


    ▼模型、トイ関連フォトギャラリー jula 【 みんカラ 】 - by carview
    食玩、FusionWorksUltimeteOperation、MIA(MobileSuitinAction)、可動化、関節造成関連のフォトギャラリーはこちら。(別サイトに飛びます)
    ガンダマー・ドットコム
    ▼MIA、塩ビもの改造レコメンド
    aBa Contract Ride
    可動化の職人さんです。
    ちょっと真似しきれるものでは無い、珠玉の逸品ぞろい。

    mia-hall
    改造リペイントの作例満載です。
    作例庫を丹念に見ていくと、アイディア満載。
    ちょっと弄ってみたいなんてところも例として載っていますからリファレンスとして役に立ちますよ~。

    ▼Search/Transration 
    検索、トランスレーション系をあれこれ載せてます。
    ▼WEBサムネールショット 
    ▼(徹底検索)ガンプラストライクフリーダム(ストフリ)ポイント改修あれこれ 
    ▼MG ストライクフリーダム のイメージ検索
    ▼機動戦士ガンダムSEED THE HYPER HYBRID MODE 2nd 検索用ページ 
    ▼ガンダム関連、その他検索ページ 

    ▼日産NoteRiderFOGランプ自前取り付けはこちら(別サイトに飛びます)
    FOGランプ付きました。のりさんありがとう第2弾 - jula 【 みんカラ 】 ブログ

    ▼日産NoteRiderスプリング自前交換はこちら(別サイトに飛びます)
    スプリング交換実施~!!ノリさんありがとう~ - jula 【 みんカラ 】 ブログ

    整備手帳 jula 【 みんカラ 】 - by carview


    Ripre

    カレンダー(月別)

    12 ≪│2017/01│≫ 02
    1 2 3 4 5 6 7
    8 9 10 11 12 13 14
    15 16 17 18 19 20 21
    22 23 24 25 26 27 28
    29 30 31 - - - -

    最近のコメント

    最近のトラックバック

    BP Links

    Blog People 相互等Links
    BlogPeopleで相互Linkしてみませんか by BlogPeople


    ◆BlogPeople検索(TrackBackCategoryを探しましょう)
    BlogPeopleで記事、トラバターゲット検索

    にほんブログ村/BP/Feed

    にほんブログ村 車ブログへ にほんブログ村 PC家電ブログへ にほんブログ村 オヤジ日記ブログへ
    ブログランキング・にほんブログ村へ

    ◆ex人気ブログランキング - ex気まぐれなるままに~?! ◆mk人気ブログランキング - jula / きまぐれNOTE(Rider) ◆fc人気ブログランキング - fc気まぐれなるままに~?!
    ninki_blogbanner_04.gif★ 人気blogランキングへ ★

    track feed
    SEO:ガンダム SEO:動画 SEO:YouTube SEO:SEED SEO:日産 SEO:Google SEO:Yahoo SEO:Gundam

    サイトマップを表示する

    別窓でサイトマップを表示する

    全ての記事を表示する

    全ての記事を表示する

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