うぇぶかにほん Webka.Jpうぇぶかにほん-駅と旅のガイドすみません、まだβ版です。
  Webka.Jp ホーム  >  ブログス  >  日本Web化計画  Peaceful Paradise Life
うぇぶかにほん公式ツイッター  うぇぶかにほん公式フェイスブック  Peaceful Paradise Life FILMS  最新記事のRSS
Peaceful Paradise Life
blog ホーム 旅、カメラ、そしてウェブ... 堀田けいすけのブログ
about
recent
tweet
movie
search
pepalife.com
ようこそ、ピースフルパラダイスライフへ
このブログは南国生活をする人のブログではありません。いつか、のんびり南国生活を夢見るおっさんブログです。
本当はもう、自分の力でどこにでも自由に行けるはずなのに、まだ、どこへも行っていない事に最近気がつきました。
でも、本当は夢見る南の島だって、どこにだって自由に行けるはずなのです。だから、そろそろ、ちょっと、そろそろ、と夢想しているおっさんブログです。
最近の記事タイトル (すべての記事タイトルを表示する
うぇうかにほん公式ツイッター
このブログの新しい記事の更新情報も[うぇふかにほん公式ツイッター]でチェック!
※PPL FILMS動画最新順、前へ/次へで動画を切り替えられます。
こちらもおすすめ→Webka.Jp FILMS
ブログ内
TAG
一人旅E-3国内の旅OLYMPUS地元神奈川横浜わんにゃん止まらない衝動本州タイ海外の旅映画PANASONICデジタルガジェット動画ありPCトラブル北海道音楽備忘録旅道具イベントトイカメラ神戸小豆島ソフト&アプリ九州SONYNIKON夜景SEIKO旅(複数)PCGirlsAwardパソコン鉄道スマートフォンフィルムカメラ屋久島撮影道具浅田真央白谷雲水峡あまちゃんアメリカウェブRICHO-PENTAX台湾ロジクール四国パソコン周辺機器iPod_touch4thE-520アユタヤ土讃線終わらない断捨離の記録金比羅山バックパック香港動画風鈴ポートタワー摩耶山江ノ島横浜駅ノニ高松讃岐うどん大洗港WiMAX礼文島大部港予讃線道後温泉XJAPAN浅草FUJIFILMLEICAグラム単位の軽量化ミニチュア風小樽キャメロン・ディアスCANON松山駅テレビサッカーブライアン・セッツァー四万十川ジャガー二俣川阿部寛富士山RADWIMPS戸田恵梨香スーザン・ボイルROSEROSEトム・ハンクスオルガ・キュリレンコ阿波池田駅高知桂浜高知駅坪尻駅高知城琴平駅窪川駅仲間由紀恵メリケンパークはりまや橋南会津GoProミャンマー秋の乗り放題パスあぶくま駅兜駅COSINAハワイ水着フリー写真素材スポーツジムカンボジアラオス塔のへつり駅実験会津鉄道男鹿高原駅予土線被災地東北八重の桜会津田島駅中古車屋藤木直人大川ダム公園駅阿武隈急行線松山城しおサイダー中井貴一JR東北本線伊予大洲駅GM5函館八ツ森駅スキンダイビング川奈北海道&東日本パス平泉福島駅東京ドームMAMMUT宗谷本線熊ヶ根駅名寄駅稚内駅三ノ宮駅Milky_BunnyYMO水道橋駅カラビナ角島大橋LS-10きゃりーぱみゅぱみゅ汐吹公園東伊豆日生駅日生港浜松南京町iPod_touch4thスマートフォン青森ジョージ・クルーニー双子浦二俣川駅豊川悦司瀬戸内海観音寺駅エンジェルロード東京駅水戸駅新青森東北新幹線いしかりライナー東京スカイツリーシュノーケリングはやぶさJR東日本パスはまなす水戸黄門トレイルランニング保土ヶ谷バイパス小樽運河レオナルド・ディカプリオ

FC2ブログ共有テンプレートについて

2008.08.18 (Mon) : 過去情報

pepalife_kuro

※ご注意:この記事は過去の情報で、すでに役に立ちません!

【テンプレート利用規約】
■カスタマイズ
・カスタマイズはOKですが、カスタマイズ後の再配布・共有登録等は禁止です。
・当方の著作権、FC2の広告の削除(位置の移動は可)は禁止です。

■使用制限
・FC2ブログの利用規約内のコンテンツであれば使用可です。
・FC2ブログ専用テンプレートですので、他ブログへの流用などは禁止です。

【共通項目】
レイアウト確認環境
WindowsXP:IE6、IE7、Firefox2、Opera9.51、Safari3.1.2forWin、Chrome0.2
他OS、ブラウザでの不具合はご報告頂けると助かります。
不具合箇所の修正は各テンプレートの「追加修正」に沿って修正してください。

【免責事項】
当方では、提供する情報の品質についてはいかなる保証も行っておらず、情報の提供の中止、欠陥およびそれらが原因で発生した損失や損害については一切責任を負いません。当方が紹介しているウェブサイトやソフトウェアの合法性、正確性、道徳性、最新性、適切性、著作権の許諾や有無など、その内容については一切の保証を致しかねます。 ご使用に関してはすべてご自身の責任と判断においてお願い致します。



【共有テンプレート一覧】

pepalife_kuroテンプレート名:pepalife_kuro
カスタマイズOK。シンプルな2カラム・プラグイン対応。大きめの写真ブログ(このブログ)を想定して作成しました。

【特徴】
写真が映えるグレー系の背景色を中心のシンプルなデザイン。
ヘッダー右のリンク(非表示/表示)にサイト内検索、ユーザータグ検索、RSS+Bookmarkを組み込み済み。記事フッター部分にもソーシャルブックマークのボタンを組み込み済み。

【プラグインの位置】
左カラムの上からプラグイン1、プラグイン2
右カラムの一番下の点線の上にプラグイン3

【追加修正】
2008.12.14 FC2ブックマークが上手く出来ない不具合の修正方法
FC2ブックマークが上手く出来ない不具合を確認しました。
修正するには、
<a href="javascript:location.href='http://bookmark.fc2.com/user/post?url='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title)" title="FC2ブックマークへ追加" target="_blank"><img~
のタグの部分の「 target="_blank"」を削除して下さい。タイトル下位置と記事の下部位置の2箇所あります。

2008.09.06 Safari & Google Chromeでの表示不具合を修正するタグ
上記ブラウザで表示不具合(body上下、サイト名上下、記事タイトル上下、段落上下、プラグインのリスト左などの間隔が広い)があり、それを修正するタグを公開します。→不具合詳細
スタイルシート(CSS)のデフォルトの辺りに下記タグを追加してください。


【ヘルプ】
■記事の下に表示されるtheme、genre、tagの部分を無くすには?
theme、genre、が含まれる<!--community-->~<!--/community-->の部分とtagが含まれる<!--topentry_tag-->~<!--/topentry_tag-->を削除してください。

■記事の文字の色を変えたい
スタイルシートの「デフォルト」bodyのcolor:#333333;/*文字色*/を好みの色に変更してください。ちなみにこのブログは#ddddddです。

■インフォメーション内の背景色を変えたい
スタイルシートの「右カラム記事部分エリア」、/*インフォメーション*/の#infom2のbackground-colorを変更してください。

■記事タイトルの文字のサイズや色を変えたい
スタイルシートの「右カラム記事部分エリア」、「h2~/*記事タイトル*/」はこちらのミスで必要無いタグでしたので削除して、その下の「h2.entry_header,h3.entry_header~/*タイトル*/」というタグを下記のように別々に書き直してから、colorやfont-sizeを変更してください。
h2.entry_header{text-align: left;color: #A1A1A1;padding:5px;font-size:12px;font-weight: bold;}/*記事タイトル*/
h3.entry_header{text-align: left;color: #A1A1A1;padding:5px;font-size:12px;font-weight: bold;}/*TB・コメント・タイトル*/

■最下部のナビゲーションの位置をプラグイン3の下にする
「<div class="page_navi">~</div><!--/page_navi-->」のタグを「<!--↓プラグイン3-->~<!--/plugin-->」のタグの下に移動させてください。

スポンサード リンク
この記事に拍手・コメント・共有する
share
コメント(5)

庄屋弁当さん (2009-06-29) edit

テンプレートお借りしています。
僕は、映画ブログをかくつもりなのですが、インフォメーションのところに写真を載せたいのです。やり方を教えて頂きたいのですが・・・・・・。
よろしくお願いします。

Hotta(管)さん (2009-06-29) edit

私の作ったテンプレートをご利用頂きありがとうございます。
インフォメーションに写真を載せるには、
<!--↓インフォメの内容ここから-->
というタグの下に
<img src="画像のパス" width="画像の横幅" height="画像の縦幅" alt="画像の説明" /><br />
というタグを追加して下さい。
画像のパスというのは、「ファイルのアップロード」で画像をアップした時の画像のURLの事です。画像の上で右クリック→プロパティでも見れます。
画像の幅は、たとえば「400px」なら「400」と記入します。
altには画像内の文章などを記入します。
インフォメーション枠内の画像の回りに隙間がないようにする場合は、<div id="infom2">の下に入れて下さい。

なお、このブログの場合は、スタイルシートのインフォメーションの部分に
#infom2{border:1px solid #cbcbcb;margin:0px 2px 15px;text-align:left;background-image:url(http://blog-imgs-26.fc2.com/p/e/p/pepalife/villegeyou_bg2.png);background-repeat:no-repeat;background-color:#5D5D5D;}/*インフォメ背景色*/
#infom3{margin:184px 5px 5px;}/*インフォメ・テキスト部分*/
という感じで背景画像として表示させています。

庄屋弁当さん (2009-07-06) edit

おかげ様で、インフォメに写真を載せることができました。
すごく嬉しいです。ありがとうございます。

お忙しいところ、もう一つ教えてもらっていいですか?
左のプラグインのタイトルの色を青っぽくして
そのプラグインの枠も同色にしたいのですが
どうしたらいいですか?

あ、お礼に何かできることはないですか?
拍手をクリックしたらいいんですかね?

Hotta(管)さん (2009-07-06) edit

いつもありがとう御座います。
左のプラグインのカスタマイズですが、スタイルシート編集の.sidemenu_body .plg_titleというところの{ から }の中を下記に変更してみて下さい。#6eaff8というのはカラーコードですので、色の変更はここを変えればできます。

.sidemenu_body .plg_title {
color: #6EAFF8;
border:1px solid #6EAFF8;
margin-left:0px 2px;
padding: 3px 5px;
font-weight: bold;
}
また、なにかあればコメントして下さい。

-さん (2014-09-29) edit

このコメントは管理人のみ閲覧できます
ひと言でいいので、気軽にコメントしていってください!
あなたのそのひと言がこのブログ運営の原動力なのです。よろしくお願いします。

関連記事:過去情報
スポンサード リンク
Profile
x
Author: 堀田けいすけ
駅と旅のガイドうぇぶかにほん及びPEPACOMのウェブディレクター。うぇぶかにほん公式ツイッターで「ほた」でつぶやき中~、顔写真はすでに10年以上前のもの~、
好きな**:PC/スマホ/一人旅/鉄道旅/降り鉄/乗り鉄/駅鉄/撮り鉄/鉄道ファン/カメラ/ロック/パンク/ハードコア/温泉/散歩/トレッキング/ハイキング/ウォーキング/サイクリング/焼肉/すし
Web Site
うぇうかにほん(Webka.Jp)日本には駅の数だけ旅がある。
うぇうかにほん公式ツイッター
Calendar
08 | 2020/09 | 10
- - 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 - - -
スポンサード リンク
旅の計画に便利なサイト
人は皆、自分がなぜ生まれてきたのかを確かめるために生きているのです。でも、その答えがだせる人はめったにいません。もし、答えが知りたくなったら旅にでましょう。旅にでるのは、美しい景色を見にいくためです。美しい景色を見るとなんで自分が生まれてきたのかが、わかるといいます。
My recommendation