ありのごとくあつまりてFC2ブログカスタマイズ,共有テンプレート,素材リンク集,フリーソフトの紹介など。 迷子にならないブログ作りを目指し... 何か1つでも お役に立てる情報 を提供できたらいいなぁと思っています。

このページの記事目次 (カテゴリー: FC2共有テンプレート 16 件)

  ← 前のページ  total 4 pages  次のページ →  

スポンサーサイト

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

はてなブックマーク  Google Bookmarks Google Bookmarks Yahoo!ブックマーク Facebook Twitter
お役に立ちましたら、応援して頂けると嬉しいです(*´`*)
記事を読んで頂きありがとうございます。 FC2ブログランキング

URL http://arinogotokuatumarite.blog19.fc2.com/blog-entry-.html

--/--/-- ~ | Comment (-) tweet? | ↑ ページ先頭へ ↑ |

右下に 「ページ先頭に戻る」 リンクを常に表示

2010/03/08 (月)  カテゴリー: FC2共有テンプレート
右下に常に 「ページ先頭に戻る」 リンクを表示 ページ先頭に戻る画像 PAGE TOP 
横41px × 縦150px

ページ右下などに常に 『ページ先頭に戻る』 リンクが表示されるもの。 これまで、「少しぐらい無駄な動きをしてもらう というのも逆にいいんじゃない??」 という思いもあり、設置してはいませんでしたが... ちょっと遊んでみたくなり 実装してみました。

画面右端ではないですが、外枠の右下にピタッとくっついて表示されます。
Sleipnir2, Firefox3, Opera9, (IE8), IE7, IE6, (IE5.5), Google Chrome4 で動作確認済みです。 (IE6 と IE5.5 では ページ一番下までスライドさせた時の状態で 同じように表示されます。 色々試して... これでいいかなと。)

これだけのことをするのに かなり色々と調べたので、参考にした情報の紹介も兼ねて記事に残しておきます。 最終的な私の設定は 遊び的要素 > 機能性 になっていますが、画面右下に固定 とか 枠内に表示とか... アレンジ次第では 使いやすいものになると思います。


常に表示される 「ページ先頭に戻る」 リンクの設定方法

キーワード検索 : 先頭に戻る  テンプレート  

スポンサーリンク

はてなブックマーク  Google Bookmarks Google Bookmarks Yahoo!ブックマーク Facebook Twitter
お役に立ちましたら、応援して頂けると嬉しいです(*´`*)
記事を読んで頂きありがとうございます。 FC2ブログランキング

URL http://arinogotokuatumarite.blog19.fc2.com/blog-entry-116.html

2010/03/08 ~ | Comment (27) tweet? | ↑ ページ先頭へ ↑ |

共有テンプレユーザーさん,他ブックマーク

2010/01/28 (木)  カテゴリー: FC2共有テンプレート
カスタマイズ例

ピックアップ お薦め ベストユーザーさん!

こんなカスタマイズ,こんな使い方... 「これからカスタマイズしてみようかな」 と考えている方たちの参考になりそうなサイトさんを、私が勝手にピックアップしていきます。
順不同随時追加 (最終更新:2011/09/23

2012/02/20 追記 : リンク集を別途作り直しました!
共有テンプレートカスタマイズ (サイトリンク集) ← 今後はこちらを更新していきます。

  1. chocovism
    ほのぼのとした雰囲気の るしあさん のサイト。 テンプレートデザインが全部で4パターンくらいあり 時々変えたり 上手にカスタマイズして使っていただいています。 記事で紹介している 小技もちょこちょこ導入されてますよ!
  2. Disney Colors(ディズニーリゾートブログ)
    ディズニーリゾートに通い詰めている クロロさん が ショーやパレード,パークの景色,グッズ,アトラクション,レストランなどを ご自分で撮影された沢山の写真入りで紹介されています。 混雑情報も 「別館 *」 として連動させていますよ。
  3. Patrik Blog.~アブサン飲んで、グッド・バイ~
    バンド活動をされている PATEIKEIJIさん のサイト。 ホームページの雰囲気ともリンクした、かなり個性的でインパクトのあるデザインに仕上がっています。 なんとこれだけのカスタマイズを ほぼ1日 で完成させたようです!!
  4. 自分磨きをがんばるぞ!キレイはおまかせ
    元エステティシャンで と~っても綺麗な だっきゃさん のサイトです。 サイトリニューアルを ちょこっとお手伝いさせていただきました! とっても可愛くなりましたよ♪ トップページ に記事を表示させたい方の参考にもなるかも。
  5. 自閉症児とともに、気ままにおさんぽ♪
    ほのぼのとした雰囲気 と 直筆のイラスト がとっても可愛い くめくめさん のサイト。 ブログ歴は長く 何と blog1 ユーザーさんです! 記事中のところどころに登場する イラスト や おもしろ写真(?) が記事を読みやすくしています。
  6. 投資のクスリ
    フィナンシャルハーバー東京 神長 謙さん のサイト。 細かい部分にも手を加え、本格的でカッコイイサイトを作られています。 更新頻度も高く、内容も充実しています。 投資に興味がある方はもちろん、サイト作りのお手本にもしたいところです。
  7. ボディアタック・メモランダム
    (旧: ボディアタック 覚え書き) ボディアタック (エアロビクスによく似たフィットネスプログラム) に関する情報がギッシリ詰まったサイト。 ヘッダーやワンポイントの画像などに あたろーさん のセンスの良さを感じます。
  8. マインドマップ1年生 plus ライフハック!
    何でもマインドマップを描いちゃうイラストレーター やまもと さをんさん のブログです。 マインドマップというものを見たことが無かった私ですが、「一体 どのような頭の中になっているんでしょう??」 と思ってしまう程、可愛い大作ばかりです。
  9. アンコールワット遺跡群 アンコールワットガイド
    空 良太郎さん 撮影の美しい写真が迫力満点のサイト、ホームページ風の作りになっています。 写真にはあまり興味がない私ですら ついつい見とれてしまう程。 別のサイト 「海 写真・水中写真 | 無料の壁紙&素材集 *」 がブログの作りになっています。
  10. Casa Cube LIFE STYLE 休止中?
    Casa Cubistさん のサイト。 自宅建築(構築)記録 を、写真入りで紹介されています。 モデルルームのような素敵なお家。 ナビゲーションメニューで使用している :hover 画像 が Feedボタン の雰囲気とも 合わせてあるのもカッコイイ!
  11. ださおの素敵な空気 休止中?
    ~デジタル一眼レフ@nikon D90と共に~ 独特の感性で撮影された風景写真などを載せている ださおさん のサブブログ。(メインは 「ださおの甘い予感 *」) シルエット素材などを上手に使って ネガフィルム のようなデザインになっています。
  12. NAGI OYAJI'S BLOG 非公開モード
    (旧: 呑んで呑まれて。sakestyleさん のサイト) 元々は 黒×茶色ベース の渋~いブログでしたが、現在は一転。 凪ちゃん+日本酒が大好きな NagSakさん のサイト。 デジタル一眼レフカメラ で撮影した カッコイイ写真 がブログに映えています。
  13. アメとAA 閉鎖(閲覧はOK)
    AA (アスキーアート) を得意とする アメさん のサイト。 現在は別ブログ 「アメログ *」 で活動中です。 テンプレを仕上げるのにとても苦労したユーザーさんの1人ですが、今ではカスタマイズも得意になったようですよ。


  1. AZ Pierce* Mobile
    携帯用 『ari_mobileCustom』 をとっても可愛くアレンジされた AZu.さん のサイト(モバイル版)。 記事を テキスト版 と 画像表示版 に分けたくない場合には、ここのように 最初から余計なリンクを省略しておくのがいいですよ!


まだまだいるよ。。。上手にカスタマイズしているユーザーさん

ヘッダーの画像を差し替えるだけでも結構印象が変わるものですよね♪ 画像の変更などをして上手に使っているユーザーさんたちの 一部 を紹介させていただきます。

  1. Ave!?Maria
    愛犬(コッカースパニエル)の写真ブログ。 複眼RSS を使っているのもイイですね。
  2. オサルン40★ノート
    東京都内の名所や公園情報など、とても充実した内容で写真もキレイです。
  3. 「たか亭」便り
    写真の載せ方が上手です。 美味しそうな和食レシピ も食欲をそそります。
  4. とある濁酒の便利ツール
    Google Chrome 拡張機能など記事が充実。クロームの世界を覗けますよ!
  5. 幡ヶ谷の整体&ストレッチ/トータルボディケアGAIA
    東京都渋谷区。 理学療法の手技をベースにした整体療法 の店舗ブログ。
  6. 日々の出来事をゆるーく考えて見ました
    ビジネスマンらしく洗練されたイメージのあるサイト。 スキーの話題が充実。
  7. --恵のノート・ 絵手紙綴り--
    直筆の絵手紙,ネットのお友達から届いた絵手紙 をたくさん紹介されています。
  8. やまとなでしこミュンヘン生息中
    ドイツで生活をされている あみさん のブログ。 時間がゆったり感じます。
  9. 由井3小おやじの会
    小学校児童のお父さん達による「おやじの会」 今はお父さんたちも大変ですね!
  10. ami*wa's Hand made!
    編み物 というテーマにピッタリの 優しい色遣いがとっても素敵です!
  11. TAR:LOG
    オンラインゲーム《TARTAROS》のファンサイト。 水色ベースがキレイです。
  12. 電脳ネット 閉鎖
    FC2ブログ「コンピュータ部門」で凄いアクセス数を誇る モジャさん のサイト。
  13. 美容室経営コンサルタントのコツコツメモ 休止中?
    経営のプロが 経営のノウハウやヒントを惜しげもなく紹介されています。

 ↓ 次回追加予定

本当に一部で、紹介文も少なくて申し訳ありません。。。 これから 見つけ次第、随時追加していく予定です。 基準は 「画像変更などの カスタマイズをしていて、上手に使っていただいているユーザーさん」 のような感じですが、結構あいまいです。 紹介文は読んでの通り、好き勝手に書いてしまっているので 何か問題があれば教えてください。
なお、ここで紹介させていただいた方の テンプレートの変更は 勿論ご自由にどうぞ。 連絡も不要ですが、「ユーザーさんリンク」 としてあるので、私が見つけ次第 削除させていただくこともありますのでご了承ください。

※「記事がまだ少ない」 「内容がない」 「更新が止まっている」 「アフィリエイトの比重が高い」 「扱っている内容が・・・」 「レイアウトが乱れている」 などの場合には、私の判断で掲載を見送らせていただくこともあります。 ご了承ください。

ここでは画像を変更しているサイトさんを取り上げましたが...
テンプレートは勿論そのまま使っていただいてもOKです! というか、殆どの方がそのままの画像で使っているようでしたが、それはそれで嬉しいです♪ でも...「いずれはカスタマイズしてみたい」 と思っている方は、是非チャレンジしてみてくださいね!


My ブックマーク (お世話になっている・お世話になったサイト等)

キーワード検索 : FC2ブログ  テンプレート  

スポンサーリンク

はてなブックマーク  Google Bookmarks Google Bookmarks Yahoo!ブックマーク Facebook Twitter
お役に立ちましたら、応援して頂けると嬉しいです(*´`*)
記事を読んで頂きありがとうございます。 FC2ブログランキング

URL http://arinogotokuatumarite.blog19.fc2.com/blog-entry-107.html

2010/01/28 ~ | Comment (52) tweet? | ↑ ページ先頭へ ↑ |

名前の装飾 と 管理人のコメントを区別 について

2010/01/24 (日)  カテゴリー: FC2共有テンプレート

共有テンプレートユーザーさんへ

FC2ブログの コメントの管理 → 返信 から 「名前の装飾」 (fc2_owner_comment) 機能を使った際の不具合 について。 その原因と対応策 についてお知らせします。

ari_seoシリーズ では、この「名前の装飾」 を使ってしまうと レイアウト崩れを起こしてしまうことが判っています。

原因は、コメントの返信で使った 「名前の装飾」 と テンプレートにカスタマイズ済みの 「管理人のコメントを区別する機能」 (スタイルシートの設定だけで使えるようにしてある機能) の 併用 によるものです。

原因の詳細 は後半に載せておきますが、要は、併用 によるものなので、「名前の装飾」 を使わなければ、この問題が起きることはありません。 ...で、問題は 「名前の装飾」 を使って レイアウトが崩れてしまった (もしくは既に 「名前の装飾」 を多用してきた) 場合の直し方 なのですが、これはそれぞれの状況などにより異なりますので、以下を参照してお試しください。



ついでに、
  • 管理人のコメントにちょっとした背景画像を追加する方法 (図3
  • 最近のコメント一覧 (ナビゲーション部分) にも 「管理人のコメントを区別する機能」 を追加するためのカスタマイズ (図4
も紹介します!

キーワード検索 : FC2ブログ  管理人のコメントを区別  コメント  

スポンサーリンク

はてなブックマーク  Google Bookmarks Google Bookmarks Yahoo!ブックマーク Facebook Twitter
お役に立ちましたら、応援して頂けると嬉しいです(*´`*)
記事を読んで頂きありがとうございます。 FC2ブログランキング

URL http://arinogotokuatumarite.blog19.fc2.com/blog-entry-106.html

2010/01/24 ~ | Comment (2) tweet? | ↑ ページ先頭へ ↑ |

カレンダーの装飾 + 空リンク非表示機能

2009/12/14 (月)  カテゴリー: FC2共有テンプレート

公式プラグイン「カレンダー」 の スタイル見本 を載せておきます。ユーザーさんは、必要に応じて使ってください。 また、ついでなので...ari_seoシリーズ や 過去記事で紹介した 便利ナビ(+空リンク非表示) を使っている方なら、すごく簡単に設置できる (& それ以外の方でも簡単に設置できる) 空リンク非表示 カレンダー も紹介します。

追記 : 2010/05/28 
共有テンプレートに カレンダー用のスタイル設定を標準搭載しておきました。 空リンク非表示カレンダー へ変更する場合も、CSS部分は共通なので そのまま使えます。

FC2 カレンダー用 スタイル設定 (兼: 空リンク非表示 版)

カレンダー 
上: 公式プラグインを装飾したもの 
下: 空リンク非表示 カレンダー
下が 「空リンク非表示」 版 です。未来の月 など 「記事の無い月」 には リンクを張らない (or 月別のページでは 表示されない) ようにしてあります。

便利ナビ に追加してある FCafe danielさんの 月別参照空リンク制御 機能。これを カレンダーの月めくり にも対応させたものです。
/* カレンダー装飾用 */
table.calender {
width:175px;
border:1px solid #dcdcdc;
border-collapse:separate;
}
.calender caption {
padding:2px;
font-weight:bold;
background:#fff;
}
.calender th#sun {
color:#cc3366;
}
.calender th#sat {
color:#339966;
}
.calender th, .calender td {
border-top: solid 1px #f5f5f5;
border-right: solid 1px #ccc;
border-bottom: solid 1px #ccc;
border-left: solid 1px #f5f5f5;
text-align:center;
font-weight:normal;
color:#999;
}
.calender td a {
display:block;
background:#f5f5f5;
color:#000;
}
.calender td a:hover {
background:#777;
text-decoration:none;
color:#fff;
}

※あくまでも一例なので、色などはお好みで変えてみてください。 詳しい説明は省略していますので、分からない部分 や 「こうしたい」 というのがあれば、コメントしてください。

table.calender { width:175px; } 部分の設定ですが、width:100%; を使ってしまうと IE5.5 ではカラム落ち(レイアウト崩れ) を起こしてしまうようです。。。

[ サンプルページ はこちら ]

空リンク非表示 カレンダー

公式プラグイン 「カレンダー」 のソースを以下のものと書き換えるだけで使えます。

キーワード検索 : FC2ブログ  カレンダー  空リンク非表示  

スポンサーリンク

はてなブックマーク  Google Bookmarks Google Bookmarks Yahoo!ブックマーク Facebook Twitter
お役に立ちましたら、応援して頂けると嬉しいです(*´`*)
記事を読んで頂きありがとうございます。 FC2ブログランキング

URL http://arinogotokuatumarite.blog19.fc2.com/blog-entry-100.html

2009/12/14 ~ | Comment (1) tweet? | ↑ ページ先頭へ ↑ |
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。