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

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

<

!ACR WEB PRankig Count> ブログパーツ <!ACR WEB PRankig Count>

fc2ブログ

ACR WEB List


<!ACR WEB PRankig Chart> 良くご覧頂いているページ <!ACR WEB PRankig Chart> <!ACR WEB Link Ranking> <!table> <!tr> <!td> <!a><!良く検索して頂いているワード><!br><!/a> <!/td> <!/tr> <!tr> <!td> <!IFRAME src="http://kranking.ziyu.net/acc.php?julajp" width=400 height=620 allowTransparency=true scrolling=NO frameborder=0 marginwidth=0 marginheight=0><!/IFRAME> <!/td> <!/tr> <!/table>
<!ACR WEB PRankig Count> <!A href="http://www.ziyu.net/" target="_blank"><!IMG SRC="http://pranking4.ziyu.net/img.php?julajp" alt="ブログパーツ" border=0 width=35 height=11><!/A> <!ACR WEB PRankig Count> <!ACR WEB KRankig Count> <!SCRIPT TYPE="text/javascript" SRC="http://js1.ziyu.net/kranking.php?julajp"><!/SCRIPT><!A href="http://www.ziyu.net/" target="_blank"><!IMG SRC="http://file.ziyu.net/kranking.gif" alt="レンタルCGI" border=0 width=35 height=11><!/A> <!ACR WEB KRankig Count>
<!ACR WEB PRankig All> 良く参照して頂いているページAll <!ACR WEB PRankig All>
<!ACR WEB KRankig All> <!a href="http://kranking.ziyu.net/html/julajp.html" target="_blank"><!良く検索して頂いているワードAll><!/a> <!ACR WEB KRankig All> <!br clear=all> <!ACR WEB Link RankigAll> <!a href="http://rranking10.ziyu.net/html/julajp.html" target="_blank"><!良く訪問頂いているLinkAll><!/a> <!ACR WEB Link RankigAll>

Scroll最近の記事


フリーエリア

<! Google Analytics > <! Google Analytics >
<!fc2-counter> <!fc2-counter>

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

    今まで、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
    ありがとうございます。いずれか一押し、励みになります。


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

    関連タグ テンプレート 関連タグ スタイルシート 関連タグ CSS 関連タグ liquid 関連タグ レイアウト 関連タグ ソーシャルブックマーク 関連タグ 関連タグ FC2ブログのテンプレート工房
  1. | トラックバック(0)
  2. | コメント(0)|
  3. このページのトップへ
  4. 2024 12123456789101112131415161718192021222324252627282930312025 02

    コメント

    コメントの投稿


    管理者にだけ表示を許可する

    トラックバック

    トラックバックURLはこちら
    https://julajp.blog.fc2.com/tb.php/394-479162da
    この記事にトラックバックする(FC2ブログユーザー)







    Lc.ツリーカテゴリー

    ' + grSpan); lc_cat_dep++; lc_cat_outputTrees(sChild, l_defs); lc_cat_dep--; document.write(''); } } } function lc_cat_createMainLink(l_grTitle, l_grCap, l_boxStr) { //Script by http://lctree.fc2web.com/manner/ var grIconId = 'lc_cat_box_' + lc_cat_pCnt; var hsFunc = 'lc_cat_HideAndShow(\'' + lc_cat_pCnt + '\'); return false;'; var linkSt = ''; if (LC_CAT_PARENTBOLD) { linkSt += 'font-weight:bold;'; } if (LC_CAT_DECOLESS_PARENT) { linkSt += 'text-decoration:none;'; } var ret = '' + l_boxStr + ''; var sIcon = lc_cat_iconList[l_grCap]; if (!sIcon) { sIcon = lc_cat_iconList['<親' + lc_cat_dep + '>']; } if (!sIcon) { sIcon = lc_cat_iconList['<親>']; } if (sIcon) { ret += ''; } ret += l_grCap + ''; return ret; } function lc_cat_outputLeaf(l_obj, l_treeMark) { //Script by http://lctree.fc2web.com/manner/ var sHref = l_obj.href; var sCount = l_obj.count; var sName = l_obj.name; var sNo = l_obj.no; var treeP = '
    '; if (lc_cat_dep != 0) { treeP += lc_cat_indent(lc_cat_dep - 1, false); if (LC_CAT_CLASS) { treeP += '' + l_treeMark + ''; } else { treeP += l_treeMark; } } var sTitle = lc_cat_titleList[sName]; if (!sTitle) { sTitle = lc_cat_titleList[sHref]; } if (sTitle) { sTitle = '\n' + sTitle; } else { sTitle = ''; } var sIcon = lc_cat_iconList[sName]; if (!sIcon) { sIcon = lc_cat_iconList[sHref]; } if (!sIcon) { sIcon = lc_cat_iconList['<子' + lc_cat_dep + '>']; } if (!sIcon) { sIcon = lc_cat_iconList['<子>']; } if (sIcon) { sIcon = ''; } else { if (LC_CAT_CLASS) { sIcon = ''; } else { sIcon = ''; } } var spanP = '' + sIcon + ''; var linkSt = ''; if (LC_CAT_DYNAMIC_SIZE) { var fsize = 68 + (64 * sCount / lc_cat_maxNum); linkSt += 'font-size:' + fsize + '%;'; } if (LC_CAT_DECOLESS_CHILD) { linkSt += 'text-decoration:none;'; } var linkP = '' + spanP + '' + sName + ''; } else { linkP += '">' + spanP + sName; } if (LC_CAT_DISPLAYNUM) { if (LC_CAT_CLASS) { linkP += ' (' + sCount + ')'; } else { linkP += ' (' + sCount + ')'; } } linkP += ''; document.write(treeP + linkP + '
    '); } //-->

    カレンダー(月別)

    12 ≪│2025/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

    にほんブログ村 車ブログへ にほんブログ村 PC家電ブログへ にほんブログ村 オヤジ日記ブログへ
    ブログランキング・にほんブログ村へ
    ◆ex人気ブログランキング - ex気まぐれなるままに~?! ◆mk人気ブログランキング - jula / きまぐれNOTE(Rider) ◆fc人気ブログランキング - fc気まぐれなるままに~?!

    サイトマップを表示する

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

    全ての記事を表示する

    全ての記事を表示する