--
--
--

スポンサーサイト

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

『smoky_3col_liq』(共有テンプレート)

画面を最大活用する可変幅3カラム。投稿の「秒」で、記事タイトルアイコンが変わります(5種類)。アクセス解析/アドセンス挿入位置注釈有。使用カテゴリ限定無し。画像全変更で共有提出可(要改造箇所多め)

10/27-29日試用、10/29 共有申請。
11/11審査に落ちました。リンク数を直して、再チャレンジです。#25322

「smoky_3col_liq」特徴

  • 画面を最大活用する可変幅3カラム。ただし、画面サイズ800px以下では固定になります。
  • pcafe様作共有プラグイン「Calendarchive」を初期搭載(公式/共有のカレンダーすべてに対応させたテンプレートを作る自信がないので、高機能のを先入れしてあります。danielさん、ありがとうございました)。不要の場合は、テンプレートHTML中、<!--///▼Calendarchive組み込み-->から<!--///▲Calendarchiveここまで-->を削除してください。
  • plugin1,2が脇カラム、plugin3が記事カラム上。
  • 記事中<H3>用のアイコンが用意してあります。
  • データバックアップの際の「記事番号と記事タイトルの一覧表」に使えるテーブル形式全記事一覧
  • コメント番号を表示して、直URLを調べやすくしました。
  • 投稿の「秒」で、記事タイトルアイコンが変わります(5種類)。
  • 使用カテゴリ限定無し。
  • HTML中に、アクセス解析、広告やランキングの挿入場所の案を「★」マークで注釈してあります。テンプレートHTML中で「★」を検索(ctrl+f)すると見つけやすいです。

カスタマイズ後の共有テンプレート登録について

「smoky_3col_liq」は、「リキッドタイプで、ヘッダや記事タイトルに画像を入れるのは工夫がいるみたいだな」というのが作成のきっかけでした。
 そのことを主眼に小細工をしていますので(たとえばヘッダ部分の画像は、画像2枚の切り継ぎ)、はっきり言ってカスタマイズが面倒なテンプレートに属すると思います。カスタマイズベースとして使用する場合は、それを前提にお願いします。
 画像を全て自作に変更すれば、共有登録OKとします。(色を替えただけ、素材サイトの素材画像(自作ではない)を入れただけ、画像を抜いただけの共有登録は、NGとさせていただきます) 
 画像をかえただけのテンプレートについて、あまり良く思っていない方もいらっしゃるようです。共有登録については自己責任でお願いします。

謝辞

このテンプレートの基本構造は、「Year of the Cat」さんの「CSSによる崩れない段組」を使用しています。
スポンサーサイト
Comment
 


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

[176]

プラグインが中央揃えにならないのは、どうしてですか?時計のブログパーツを付けたのですがならなくて・・

[177] お洒落班長さん、修正しました

テンプレートをダウンロードしなおしてみてください。
>どうしてですか
その機能、自分が使ったことがないんで、(タグが複雑になるから)入れるのを怠けていました。
ごめんなさい。

[178]

連絡が遅くなりすみません。再ダウンロードしました。ありがとうございます♪

[179] お洒落班長さん

わざわざご報告ありがとうございます^^

[180]

テンプレートをお借りしています。

お尋ねします。
①プラグインカテゴリ3を記事の下に表示することはできますか?HTML編集をご指導ねがえませんか?自分なりに調べたのですが、分かりませんでした。

②FC2アクセス解析を導入したのですが、広告アイコンが表示されません。FC2アクセス解析アイコンとの相性がよくないということですか?アクセス解析自体は行われているようです。

お忙しい中、恐縮ですが、宜しくお願いします。

[181]

お騒がせしています。

①記事の下に表示する方法は、その都度、HTMLコードを貼り付けることで対応することにしました。
②FC2アクセス解析アイコンについては、表示されなくも解析はされるし、問題ないのでそのままにします。

以上自己解決しましたので報告します。
ありがとうございました。

[182]

お返事、遅くなって、すみません。
自己解決なさったようですが、一応書いておきます。

【プラグイン3の移設】
下記の部分を消します。
<!--
/// プラグイン3
-->
<div class="section">
<!--plugin-->
<!--plugin_third-->
<h2 class="plugin3-header"><span class="whiteback"><%plugin_third_title></span></h2>
<div class="entry-body">
<!--plugin_third_description--><div style="text-align:<%plugin_third_ialign>"><%plugin_third_description></div><!--/plugin_third_description-->
<div style="text-align:<%plugin_third_align>"><%plugin_third_content></div>
<!--plugin_third_description2--><div style="text-align:<%plugin_third_ialign>"><%plugin_third_description2></div><!--/plugin_third_description2-->

</div><br>
<!--/plugin_third-->
<!--/plugin-->

下記の挿入をします。


 <!--
 /// トラックバック部分ここまで
 -->
                    」


 <!--
 /// 前ページ・次ページ移動用ナビゲーションリンク部分ここから
 -->
                    」

の間に


<!--
/// プラグイン3
-->
<div class="section">
<!--plugin-->
<!--plugin_third-->
<h2 class="plugin3-header"><span class="whiteback"><%plugin_third_title></span></h2>
<div class="entry-body">
<!--plugin_third_description--><div style="text-align:<%plugin_third_ialign>"><%plugin_third_description></div><!--/plugin_third_description-->
<div style="text-align:<%plugin_third_align>"><%plugin_third_content></div>
<!--plugin_third_description2--><div style="text-align:<%plugin_third_ialign>"><%plugin_third_description2></div><!--/plugin_third_description2-->

</div><br>
<!--/plugin_third-->
<!--/plugin-->
</div>
                    」
をいれます。

【アクセス解析】
テストしましたが、正常に表示されてしまい、「バナーがでない」現象を確認できませんでした。

[186]

お忙しい中、ご指導ありがとうございます。
①プラグインカテゴリ3を記事の下に表示することは、お陰さまでクリアできました。感謝します。
②FC2アクセス解析の広告アイコンが表示されないことは、わたしの作業がちがっているのですね。
解析用HTMLタグを
「  <body>  」

「 <!--アクセス解析挿入位置★その1-->  」
の間にペーストしました。
そして、広告の選択、アイコンタイプを選んで広告の設定をしました。
この中に、誤りがあるのでしょうか?
10回位やってみましたが、アイコンが正常に表示されません。
すっきりしません。
申し訳ありませんが、宜しくお願いします。

[188] kinntokiさん、アクセス解析挿入位置★その2ではだめでしょうか

このテンプレートは、ヘッダ画像に重ねこみをしているので、なにか影響がでるのかもしれません。
<!--アクセス解析挿入位置★その1-->
ではなく、
<!--アクセス解析挿入位置★その2-->
と</body>の間では、ダメでしょうか。

[191] 早速の回答、恐縮です

結果報告ですが、<!--アクセス解析挿入位置★その2-->
と</body>の間でも、ダメでした。
広告のアイコンが出なくも、アクセス解析はできていますし、支障はありません。
考え方で表示されない方が良いとも思いますので、一件落着とします。
回答、ありがとうございました。

ところで、プラグインカテゴリ3を記事の下に表示することは、クリアできましたが、
フリーエリアのタイトル名とタイトル名につく灰色の線というか、棒というか、それを表示させない方法はありますか?
色々、好き勝手なことを言ってすみません。
宜しくお願いします。




[192] <H3>用のアイコンの使い方

「記事中<H3>用のアイコンが用意してあります。」とのことですが、
記事を書く時に、どのようにしたら、このアイコンを使えますか?
宜しくお願いします。

[193] kinntokiさん、お役に立てなくて、申し訳ないです。

>広告のアイコンが出なくも、アクセス解析はできていますし、支障はありません。
規約(http://analysis.fc2.com/kiyaku.html )で、表示させないのは違反じゃないかと思います。

>フリーエリアのタイトル名とタイトル名につく灰色の線というか、棒というか、それを表示させない方法はありますか?
テンプレートHTMLから赤文字部分を削除してください。
<!--
/// プラグイン3
-->
<!--plugin-->
<!--plugin_third-->
<h2 class="plugin3-header"><span class="whiteback"><%plugin_third_title></span></h2>
<div class="entry-body">

>「記事中<H3>用のアイコンが用意してあります。」とのことですが、 記事を書く時に、どのようにしたら、このアイコンを使えますか?
「小見出し」にしたい部分を、「<h3>小見出し</h3>」という感じで、h3タグで囲んでください。

[194] うれしくなりました

ありがとうございます。
・フリーエリアのタイトル名とタイトル名につく灰色の線というか、棒というか、それを表示させない方法
・<H3>用のアイコン
両方ともクリアできました。感激です。

・アクセス解析広告のアイコンが出ないのは、規約違反とのことなので削除します。どんなか分かりませんが、GoogleAnalyticsでアクセス解析することにします。
ご指導ありがとうございます。




[195] 欲ばりな話

たびたび、すみません。
・中点の話ですが、manannanさんのこのブログのように中点をもっと太くするには、どうしたらいいのですか?全角中点が精一杯で太くなりません。強調してもダメでした。そして、色を黒でなく、灰色にするにはどうしたらできますか?
・プラグインカテゴリ3を記事の下に表示することはできましたが、上にも下にも両方表示できますか?例えば、プラグインカテゴリ3は記事の上、プラグインカテゴリ4は記事の下のような設定は可能ですか?
お忙しい中、申し訳ありませんが、宜しくお願いします。

[196] kinntokiさん

>中点の話
左右カラムのメニューの頭についている、黒丸白丸のことでしょうか?
もしそうなら、「文字」ではなくリストスタイルです。
http://www.nishishi.com/css/list-circlesquare.html
色は、スタイルシートの、「li」の色指定に従います。

>プラグイン4
FC2のプラグインは、3までしかありません。
記事の上下の両方になにか設置したい場合は、テンプレートのHTMLに直書きします。プラグインのHTMLをテンプレートにはりつければそのまま動作するものも多いです。

[197] ご指導ありがとうございます

・中点の話
リストスタイルは、ちょっと調べてみましたが、わたしには高度な感じです。
テンプレートHTMLの中にリストを組み込んでおくのですか?
ul { list-style-type: square;}を「新しく記事を書く」の記事欄に打ち込んでもそのままです。
ヒントを頂いたので、時間をかけて、わたしなりに研究してみます。

・プラグイン4の話
試行錯誤してみます。

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

[198] 報告

<li>中点の話
「li」で太い中点が出せました。
理屈は分かりませんが、クリアできたことにします。
ありがとうございました。

[199] kinntokiさん、リストマークの色かえは

>テンプレートHTMLの中にリストを組み込んでおくのですか?
正確には、テンプレートの「スタイルシート」のほうになります。
記事ねたにさせていただきました^^
http://manannan.blog84.fc2.com/blog-entry-213.html

[205]

プラグイン1、プラグイン2の幅は変更できないのでしょうか。
バナーリンクを貼っていると幅200の画像が切れて表示されます。
初歩的な質問ですみませんがよろしくお願いします。

[206] ジェノキラーさん、いらしゃいませ。

>プラグイン1、プラグイン2の幅は変更できないのでしょうか。
>バナーリンクを貼っていると幅200の画像が切れて表示されます。

プラグイン1,2の幅を200pxにカスタマイズする、という前提で考えてみました。

HTML,スタイルシートを下記ページのものに入れ替えると、
http://blog-imgs-27.fc2.com/m/a/n/manannan/smoky_3c_200menu.htm
一応、200pxのバナーが表示可能になります。
http://manannan.blog84.fc2.com/?template=smoky_3c_200menu&index
ただ、メニューのタイトルのところが180px固定で作った画像なので、少しバランスが悪いです。
もし必要でしたら200pxのものも作ってみますが、作成の途中のデータは残していないので、じゃっかん時間がかかります。あと、まったく同じものはできないと思います。

[207]

どうもありがとうございます。
自分としてはそのくらいのバランスでしたら気にしないので大丈夫です。

[208] ジェノキラーさん、了解です。

>大丈夫です。
お役にたてば幸い^^

[209] 幅の変更。。

お忙しい中申し訳ありません

テンプレートを使わせていただいているのですが、
プラグイン1の方の幅を変えずに、プラグイン2の幅の方だけを200pxバナーに合わせることは可能なのでしょうか?

[210]

上に、「HTML,スタイルシートを下記ページのものに入れ替えると、
http://blog-imgs-27.fc2.com/m/a/n/manannan/smoky_3c_200menu.htm
一応、200pxのバナーが表示可能になります。」
と書きましたが、スタイルシートをさらに下記のように変更してみてください。

ただ、このままだといかにも無理無理なバランスなので^^;

きれいにするには、かなり手をかけないといけないと思います。

/* 本文部分ブロック */
div#primary-column {
border-left:1px #aaa solid ;
border-right:1px #aaa solid ;
text-align:left;
padding : 0 20px;
overflow:hidden;
margin:0 220px 0 200px; /* ★ */}

div#secondary-column {text-align:left;
border-right:1px #aaa solid ;
position:absolute; left:0px; top:120px;
width:180px;/* ★ */
padding : 0 10px 0 10px;
overflow:hidden;
background:#fff;
}

div#extra-column {text-align:left;
border-left:1px #aaa solid ;
position:absolute; right:0px; top:120px;
width:200px;/* ★ */
padding : 0 10px 0 10px;
overflow:hidden;
background:#fff;
}

[211] ありがとうございます

指示どうりにやったら、自分の思う形にカスタマイズできました。

お早い返信ありがとうございました!

[212]

お役に立ててよかったです。

[217] 分かりません

4月10日のブログ記入文に、なぜかスポンサーサイトとして3件の広告が載ってしまっています。
自分では、記事に広告を追加して書いた覚えもないし、過去の記事の管理で記事を確認しても、それらしいのは何も表示されません。プラグインの設定した覚えもありません。
どうしたら、これを削除することができますか?
ご指導を宜しくお願いします。

[218] kinntokiさん、その件は

FC2の総合インフォメーションを見てください。
消し方も載っています。
http://blog.fc2.com/info/#e355

[219] 自己解決しました

原因はアカマイの設定でした。
環境設定でアカマイの設定で利用しないにしたら表示されなくなりました。
お騒がせしました。

[221] kinntokiさん

新しい広告の件は、2日くらい前に、インフォメーションで予告されていたのですが、自分では気づかず、フォーラムで指摘があって知りました。でも事前に予告を読んでいた人は少なかったようで、慌てた方がたくさんいらしたようです。

[223] ご指導ありがとうございました

自分も焦りました。
ブログが乗っ取られたのかと思いました。

今後とも、ご指導をお願いします。

[224]

>ブログが乗っ取られたのかと思いました。
連想がそっちへ行ってしまったら!、それは焦りますね。
そういう意味では、「このオチでよかった」のかもしれません。

[266] 何度もすみません

プラグイン1、プラグイン2の文字の大きさを小さくするにはどうしたらいいでしょうか?
記事のタイトルや文章が長いと二行にわたって表示されるのが気になったので質問させて頂きました。

[267] ジェノキラーさん

お返事が遅くなってすみません。

たとえば
div#secondary-column {(略)
font-size:10px;
}
div#extra-column {(略)
font-size:10px;
}
でいけると思うのですが、ここを10pxにするか何にするかはかなり悩ましい問題です。

目が悪い方などには、10pxは小さすぎると思うので、できればフォント表示変更で大きくなるように「%表示」などにしたいのですが、相対にするとフォントサイズを小さめにしている方で「潰れ」がでてしまいます。またフォントサイズはブラウザによって差がでたりすることもあるので……。なかなか難しいです。

[431]

ブログをはじめるにあたり
共有テンプレートで一発で惚れこみ使わせていただいております。
ここで特徴が画面を最大活用する可変幅3カラムと聞かされて非常に聞きづらいのですが…
中央カラムを固定サイズにして全体をセンタリングすることは出来ないでしょうか?
よろしかったらご教授お願いします。

[434]

[431]の者です。
自力でサイズ固定とセンタリングとプラグイン1は上手い事配置出来たのですが。
プラグイン2がどうやってもいい位置に置くことが出来ません。
あと気になる点が…プラグイン3に最新記事を置いているのですが先頭の中点がきちんと表示されないのと
リンクのアンダーバーと文字の間をもう少し狭めたいのですがどうにかならないでしょうか?

現在このような感じになっております。
http://animenotomo.blog33.fc2.com/

[435] ヤッくんさん、すみません、

コメントをすっかり見逃していました。
もっと楽なカスタマイズもあるかもしれないのですが、CSSの知識が不十分で、かなりあちこち直さないと、リクエストにお応えするものができませんでした。HTMLとCSSを全文入れ替えてください。
http://blog-imgs-32.fc2.com/m/a/n/manannan/smoky3col1000px-html.htm
http://blog-imgs-32.fc2.com/m/a/n/manannan/smoky3col1000px-css.htm

あと、リンクのアンダーバーの距離の変更の仕方は存じません。すみません。

[437]

ここまでしていただいてありがとうございます。
早速総とっかえいたしました。
思い描いていた通りでうれしいです。

[438] ヤッくんさん

イメージにあっていたなら、よかったです。
コメントご丁寧にどうもでした。

[440] 承認待ちコメント

このコメントは管理者の承認待ちです

[441] 承認待ちコメント

このコメントは管理者の承認待ちです

[442] 承認待ちコメント

このコメントは管理者の承認待ちです

Trackback
Trackback URL

«  | HOME |  »

Manannan Mac Lir

共有テンプレート


Tree-Recent


Tree-Comment


Tree-TB


カテゴリ


Tree-Arcive


CalendArchive


ブログ管理メニュー(新)


タグリスト(旧


ユーザータグ


テンプレート構造解析


フォーラムリンク


最新コメント


リンク


バナー貼


カテゴリ


画像一覧(月別)


ブログ内検索


プロフィール


Tree-LINK


RSSフィード


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