FC2共有テンプレート第十作「SkyBlue-Cloud」
今回は記念すべき第十作目のテンプレートです。かれこれ、自分が作ったテンプレートも十作を超えたんですね。ありがとうございます。
記念すべき十作目ということで、テンプレート等のソースの見直しや多言語（世界）対応等を今まで以上に強化致しました。
それでは、「SkyBlue-Cloud」の詳細は続きから
【はじめに】
まず初めに、当サイトを訪問＆共有テンプレート「SkyBlue-Cloud」を
ダウンロードしていただき、誠にありがとうございます。
【利用規約】
この共有テンプレートを使用していただく規約は次のようになっております。
アフィリエイト：使用OK
素材の二次配布：不可
二次転載：不可
カスタマイズ後の著作権記述者部分変更（カスタマイズはOK）：不可
【プレビュー】
【ダウンロードURL】
ダウンロードナンバー:29514
http://annkokunokizinn.blog116.fc2.com/?share=29514&index&mob=0
共有テンプレート作者名で「annkoku」と検索
*ダウンロードに関しわからない場合はお気軽にコメントから相談していただければ幸いです。
【共有テンプレート名】
【SkyBlue-Cloud】
書式：XHTML1.0 Transitional DTD 準拠
カラム構造：3カラム
全体部分（幅）：970px(ピクセル)
ヘッダー部分（幅）：970px
ヘッダー部分（縦）：200px
センター部分：550px
レフト部分（幅）:200px
ライト部分（幅）：200px
フッター部分（幅）：970px
対応ブラウザ：
・IE5 5.5 6 7 8
・Firefox2.x 3.x
・Opera 9 10RC
・Sleipnir
・Safari
・Google Chrom
主要のブラウザ全てに対応していることを確認致しました。
【更新服歴】
なし
お知らせ-週間DL数トップありがとうございます。
三回目の週間DLランキングトップ！ありがとうございます！
写真を投稿して下さったMOOOONDさん、ありがとうございます。
【後書き～説明～】
今回は爽やかな空と雲をイメージして、デザインさせていただいた作品です。
記念すべき十作目ということで、HTMLソースとW3C準拠CSSの大幅見直しを行いました。
また、多言語（世界）対応も今まで以上に強力な仕様となっており、ハングル文字等などの外国語での表示対応も今まで以上にしっかりと行われるようになりました。日本人以外の方がダウンロードしてお使いいただいても、問題なく扱えるようになっております。
また、テンプレート自体もシンプルに仕上げており、カスタマイズのしやすさ当も今まで以上にわかりやすくソースを記述していますので、「もっとテンプレートカスタマイズしたい！」という方の希望にも答えれる形となっていると思います。
なんだかんだで、管理人の作成させていただいたテンプレートの数が10作目となりましたね。
ここまで続けさせていただいて感謝ですね。ありがとうございます。
*当テンプレートと関連性のないカスタマイズの質問はご遠慮ください
関連記事：
- FC2共有テンプレート第一作「The-truth-Sky-Blue」
- FC2共有テンプレート第二作「Truth-AnotherVer」
- FC2共有テンプレート第三作「Nature_Mystery_2culm」
- FC2共有テンプレート第四作「Truth_Flare_Fire」
- FC2共有テンプレート第五作「White_Blue_Nature」
- FC2共有テンプレート第六作「Black_Clear_Clean」
- FC2共有テンプレート第七作「Clear_Glass_Seconds」
- FC2共有テンプレート第八作「Nature_Mystery_3C」
- FC2共有テンプレート第九作「Read_more」
- FC2共有テンプレート第十作「SkyBlue_Cloud」
- FC2携帯用共有テンプレート第一作「Mobile_Truth_Blue」審査合格
- FC2共有テンプレート制作者の心得
- 週間DLランキングトップ！ありがとうございます
- 英語や韓国など計8カ国の言語に対応させる翻訳プラグイン「World-Word-翻訳」
- キラキラ画像が降ってくるJavaScript製ブログパーツ「PikaPika_Atlantis」
- サイトのブックマーク数を全て表示！？「ポチッとSeeブックマーク」
- Googleページランクをワンクリックで一括チェック「ページランクChecker」
- 自作製Flash第一弾！星のFlash時計「StarFirstWatch」
No related posts.
管理人の制作物
| 
FC2共有テンプレート, 空, 雲, 青
上にある、
ナビゲーションのところにリンク
をつける(?)
には、どうすればいいですか?
メールフォーム、
使えませんでしたよ。（→）
僕は、あるテンプレートをかっこいいと思ってダウンロードしてGride Panic！のほうで使ってみたんだ。
それでその後に、特に意味もなく、気分的にこのブログを訪れてみたんだ。
したらそのテンプレートが鬼神さん作のテンプレだったｗｗｗｗ
>ぷらとんさん
コメントありがとうございます。
>ナビゲーションのところにリンク
をつける(?)
には、どうすればいいですか?
HTMLテンプレートフォームの下記部分を編集すると、変更することが可能となっております。
<!–ナビゲーション部分～自由に編集してください～–>
<div class="navinavi">
<ul id="navinavi">
<li><a href="<%url rel="nofollow">">HOME</a></li>
<li><a href="<%url rel="nofollow">?all">Sitemap</a></li>
<li><a href="<%server_url rel="nofollow">control.php?">Admin</a></li>
<li><a href="<%url rel="nofollow">">Sample</a></li>
</ul>
</div>
上のhrefのダブルクォーテーション(“)で囲まれている部分のURL(< %url>)等を変更すればOKです。新しくナビゲーションの項目を追加したい場合は、「<li><a rel="nofollow" href="URL">項目</a></li>」というように、「<code></code><ul>～</ul>」の部分に追加すれば、項目を増やすことが出来ます。
>メールフォーム、使えませんでしたよ。（→）
確認致しました。報告ありがとうございます。
エラーメッセージを調べてみたところサーバー管理者さんの方でメールサーバーの設定等が変更されたことにより、送信できなくなったようです。
対策として、メールフォームの下にメールアドレス画像を設置致しました。
それでは、上記の件ぷらとんさんの参考になれば幸いです。
>銀薔さん
コメントありがとうございます。
>したらそのテンプレートが鬼神さん作のテンプレだったｗ
ダウンロードして下さりありがとうございます。イメージは「爽やか」がテーマでしたので、そういっていただいて幸いです。
はじめまして
DLさせていただきました
私は最近ブログを始めたばっかなのでわからないのですが
背景の色を変えることって出来ますか？
>RYOUYAさん
コメントありがとうございます。
>私は最近ブログを始めたばっかなのでわからないのですが
背景の色を変えることって出来ますか？
背景を換えるにはFC2ブログのCSS（スタイルシート編集）にて、下記の#e6f2f6の値（16進数RGBカラー）を変えれば可能です。例えば背景を黒にするのでしたら000000と入力して、白でしたらffffffと入力すればOKです。
body{
width:100%;
font-family:Verdana,’ヒラギノ角ゴ Pro W3′,’Hiragino Kaku Gothic Pro’,'ＭＳ Ｐゴシック’,sans-serif;
background: #e6f2f6 url(http://blog-imgs-19.fc2.com/a/n/n/annkokunokizinn/skybluefixed.jpg) repeat-x left top fixed;
}
background: #e6f2f6 url(http://blog-imgs-19.fc2.com/a/n/n/annkokunokizinn/skybluefixed.jpg) repeat-x left top fixed;の部分のURLで指定してある画像URLを解除すると背景の画像が無くなります。
それでは、上記の件RYOUYAさんの参考になれば幸いです。
わかりやすい説明ありがとうございます
次回作も期待して待ております
初めまして、サンエタ様のテンプレートを使わせてもらっていただいています。
質問なのですが、
テンプレートの幅はどうやったら変えられるのでしょうか？センター、ライト、レフト共に広げたいのですが。
あと、プラグインカテゴリ３を最新記事の上に表示、または最新記事の前に表示されるフリースペースなどを追加したいのですが、どうやるのでしょうか？
質問が２つになってしまいましたが、よろしくお願いします。
すいません、よくわからないです；；
<a href="”>リンク
ここに、
http://mpoplus500999.blog47.fc2.com/blog-entry-118.html
ここにURLを入れたい場合はどうすれば良いですか？？
ホント何度もすいません><;
調べてみたらSkyBlue_Cloud週間DLランキングトップでしたよ。画像をメールで送ってみましたのでどうぞ、これでClear Blackと続いて三回目のトップですね！おめでとうございます。
FC2テンプレートってDL数全体的に少なくなってるような気がしますが気のせいでしょうか？
>RYOUYAさん
ありがとうございます＾＾
そういっていただけると、幸いです。
＞masukuさん
>テンプレートの幅はどうやったら変えられるのでしょうか？センター、ライト、レフト共に広げたいのですが。
出来ますが、留意点として、影をつける場合はブログ横の影の画像を新しく作り直さないといけなくなります。
調整するのは以下の五つの部分のwidthの幅です。
/*ブログ全体の影*/
#global_box{
background:transparent url(http://blog-imgs-19.fc2.com/a/n/n/annkokunokizinn/syadouwsky.gif) repeat-y scroll center top;
margin-left:auto;
margin-right:auto;
width:982px;
}
/*全体を囲う*/
#my_body{width:970px;
margin-left:auto;
margin-right:auto;
background-color:#fff;
}
/*真ん中と左のブロックを囲むfloat用記述*/
#wrapper {
width:763px;
float:left;
}
/*左メイン位置BOX*/
#my_contents {
width:550px;
float:right;
overflow:hidden;
padding:0px 0px 0px 5px;
}
/*右のナビゲーション*/
#my_navi_2 { width:200px;
float:left;
padding:2px 0px 30px 0px;
margin-top:12px;
margin-right:1px;
margin-bottom:30px;
background-color:#fff;
border:1px solid #B2C7D8;
font-family:’Meiryo’,Verdana,’Hiragino Kaku Gothic Pro’,'ＭＳ Ｐゴシック’,sans-serif;
overflow:hidden;
}
>または最新記事の前に表示されるフリースペースなどを追加したいのですが、どうやるのでしょうか？
違和感なくフリースペースを埋め込むためには、
<!–真ん中のレイアウト–>
<div id="my_contents">
<div id="mymain">
と
<!–トップページエントリー記述–>
<!–topentry–>
の間に以下のタグを埋め込んでみて下さい。
<div class="centernaka">
<h2 class="centerbox">
<a href="#">タイトル</a></h2>
<div class="centernakanaka">
<div class="centermozi">フリースペースの内容</div></div></div>
これで、違和感なくフリースペースを埋め込むことが出来ます。
それでは、上記の件masukuさんの参考になれば幸いです。
＞ぷらとんさん
<li><a href="http://mpoplus500999.blog47.fc2.com/blog-entry-118.html">リンク</a></li>
と、<!–ナビゲーション部分～自由に編集してください～–>
の部分の<ul>～</ul>の間に埋め込めば、ナビゲーションリンクを追加できます。
それでは、上記の件プラトンさんの参考になれば幸いです。
>MOOOONDさん
メール確認致しました。本当ですね～。わざわざ送って下さりありがとうございます。確かに週間DLランキングは三回目ですね。本当に感謝です。
>FC2テンプレートってDL数全体的に少なくなってるような気がしますが気のせいでしょうか？
あ～、MOOOONDさんも気づいていましたか～、そうですね。確かに全体的にテンプレート作者さんのDL数は減っていますね。多分審査が早くなったのが要因の一つだと思います。
これからも精進していきたいと思うので、宜しくお願いします。
説明ありがとうございました！
これからもブログの更新頑張っていきたいと思います
リンクの件について
ありがとうございます！
愛用させていただきます！！
はじめまして、黒霧（コクム）と言います。
突然ですが質問です!!
僕のサイトの青い字で書かれている文字と記事のタイトル文字のフォントを
普通のフォント（記事の文章みたいな字）に下のですが、どうすればいいでしょうか？
後サイトのサイズを、変更するにはどうすればいいでしょうか？（汗）
すみません。ミスってましたwww
普通のフォント（記事の文章みたいな字）にしたいのですが、どうすればいいでしょうか？
>黒霧さん
コメントありがとうございます。
>普通のフォント（記事の文章みたいな字）にしたいのですが、どうすればいいでしょうか？
ブログタイトル部分と記事タイトル部分のフォントの種類を記事と同じフォントにする場合は、以下CSSのfont-familyの記述を削除すると通常のフォントに戻ります。
h1, h2, h3, h4, h5, h6 {
font-family:georgia,tahoma,arial,helvetica,sans-serif;
}
↑のCSSの記述を削除することで現在タイトルに指定されているフォントが解除され、通常フォント(body指定のフォント）に戻ります。
それでは上記の件、黒霧さんの参考になれば幸いです。
>サンエタさん
できました!! ありがとうございます!!!
後サイトのサイズを全体1040、中央560、左240、右240にしたいのですが…
どうすればいいでしょうか?
サイズを変更することは出来るのですが、変更すると左より?な感じになって右側だけ30くらい間隔があいてしまうんです（汗）
追記。
サイズを↑のようにすると、影?的な物まで消えてしまいます（汗）
>黒霧さん
>後サイトのサイズを全体1040、中央560、左240、右240にしたいのですが…
どうすればいいでしょうか?
3カラムデザインのブログの幅を調整するには左と中央のボックスを二重に囲み、左と真ん中のBOXの二つのWidth値を加法減法で演算し、右のBOXの値を計算して調整した上で、CSSの各プロパティなどの値を調整して指定する必要があります。
>サイズを↑のようにすると、影?的な物まで消えてしまいます（汗）
ブログ全体に影を表示するには、専用の画像を使う必要があります。黒霧さんが現在ご希望のカスタマイズを行うのに必要になる画像は、新しく「幅1040px」の影画像が必要になります。
実際に作るとなるとWeb用のちょっとしたの画像編集のコツが必要になりますので、今回は自分が黒霧さんのご希望としているカスタマイズに必要な専用の影画像を作らせていただきました。
http://blog-imgs-19.fc2.com/a/n/n/annkokunokizinn/shadow1140.gif
>後サイトのサイズを全体1040、中央560、左240、右240にしたいのですが…
この値で計算するとなると、CSSとブラウザの仕様上、演算不可能な値です(具体的にはカラム落ちになります）ので、こちらの方で演算して、手直しさせていただきました。そのため、サイドバーの値が230となっていますが、どうかご了承下さい。
以下、カスタマイズ方法です。予め自分が編集させていただきました。以下に記すCSS部分を対応する部分に、そのまま書き換えれば、カスタマイズは完了です。
/*ブログ全体の影*/
#global_box{
background:transparent url(http://blog-imgs-19.fc2.com/a/n/n/annkokunokizinn/shadow1140.gif) repeat-y scroll center top;
margin-left:auto;
margin-right:auto;
width:1040px;
}
/*全体を囲う*/
#my_body{width:1030px;
margin-left:auto;
margin-right:auto;
background-color:#fff;
}
/*真ん中と左のブロックを囲むfloat用記述*/
#wrapper {
width:793px;
float:left;
}
/*左メイン位置BOX*/
#my_contents {
width:552px;
float:right;
overflow:hidden;
padding:0px 0px 0px 5px;
}
/*センターの中*/
.centernakanaka{
margin: 0px 0px 0px 0px;
width : 540px;
padding:0px;
}
/*センターの中*/
/*センターボックス中*/
.centernaka{
margin: 5px 0px 35px 0px;
padding: 0px; width : 540px;
background-color:#ffffff;
border:1px solid #B2C7D8;
overflow:hidden;
}
/*左のナビゲーション*/
#my_navi_1 {width:230px;
float:right;
padding:2px 0px 30px 0px;
margin-left:0px;
margin-top:12px;
margin-bottom:30px;
background-color:#ffffff;
border:solid 1px #B2C7D8;
font-family:’Meiryo’,Verdana,’Hiragino Kaku Gothic Pro’,'ＭＳ Ｐゴシック’,sans-serif;
overflow:hidden;
}
dl.left_p {
margin: 0px auto 0px;
width: 225px;
text-align: left;
}
/*右のナビゲーション*/
#my_navi_2 { width:230px;
float:left;
padding:2px 0px 30px 0px;
margin-top:12px;
margin-right:1px;
margin-bottom:30px;
background-color:#fff;
border:1px solid #B2C7D8;
font-family:’Meiryo’,Verdana,’Hiragino Kaku Gothic Pro’,'ＭＳ Ｐゴシック’,sans-serif;
overflow:hidden;
}
/*プラグインの設定(右の外枠設定）*/
dl.right_p {
margin: 0px auto 0px;
width: 225px;
text-align: left;
padding:0px 0px 10px 0px;
}
これで、ブログ幅を広げるカスタマイズは完了です。
こちらの方でHTMLとCSSのデバッグをし、表示を確認させていただきました。
それでは、上記の件黒霧さんの参考になれば幸いです。
ありがとうございます!!! 綺麗に出来ました!!
後….てか、これが最後なんですけど…
中央部分にフリーエリアを作るには、どうすればいいのでしょうか?
以前違うテンプレート中央部分のフリーエリアを使用していたので無いとちょっと不便でして…..
>黒霧さん
>中央部分にフリーエリアを作るには、どうすればいいのでしょうか?
以前違うテンプレート中央部分のフリーエリアを使用していたので無いとちょっと不便でして…..
自然な感じにフリースペースを中央部分に埋め込むためには、
<!–真ん中のレイアウト–>
<div id="my_contents">
<div id="mymain">
と
<!–トップページエントリー記述–>
<!–topentry–>
の間に以下のタグを埋め込んでみて下さい。
<div class="centernaka">
<h2 class="centerbox">
<a href="#">タイトル</a></h2>
<div class="centernakanaka">
<div class="centermozi">フリースペースの内容</div></div></div>
これで、自然な感じのスッキリとしたフリースペースを埋め込むことが出来ます。
できました!! ありがとうございます!!
えぇ～と最後と言っておきながら失礼かもしれませんが…
さっき作ったフリーエリアで、フリーエリア内の背景だけを画像にしたいのですがどうすればいいでしょうか？
>黒霧さん
>さっき作ったフリーエリアで、フリーエリア内の背景だけを画像にしたいのですがどうすればいいでしょうか？
以下のCSSの記述を追加後div classの値をcenternakaからcenternakafreeに変更します。
/*センターボックス中*/
.centernakafree{
margin: 5px 0px 35px 0px;
padding: 0px; width : 537px;
border:1px solid #B2C7D8;
background:transparent url(挿入したい画像URL);
overflow:hidden;
}
それでは、上記の件参考になれば幸いです。
ありがとうございますできました！！！
気になったのですが、画像や動画を貼り付けてその下に文字をいれると
文字がちょっとだけ見えなくなるのですが、どうすればいいでしょうか？
えぇ～とですね….画像と文字との間隔?を調整すればいいのでしょうか？
>黒霧さん
>気になったのですが、画像や動画を貼り付けてその下に文字をいれると
文字がちょっとだけ見えなくなるのですが、どうすればいいでしょうか？
自分の方でCSSをデバッグしてそちらのサイトを確認させていただいたところ、CSSの「.centermozi」のline-heightの値が「1」に変更されていますよ。
このline-heightプロパティとは、行間を調整するCSSのプロパティです。この値は1.5や150%などが最も美しく万能に行間を調整できる値と言われています。
ですので、デフォルトで設定させていただいた「1.5」の値を使用することをオススメさせていただきます。
line-heightプロパティについてはコチラをどうぞ
http://www.tagindex.com/stylesheet/text_font/line_height.html
それでは、上記の件黒霧さんの参考になれば幸いです。
直りました!!!
ありがとうございます！！！
はじめまして
テンプレートをお借りしております。
すごくいい感じで自分のサイトにピッタリでした
質問なんですが、黒霧さんと同様に幅を変更の仕方を教えていただきたいです
全体1200 中央726 右左のサイドバー217
にしたいです。
お手数をかけてしまって申し訳ございません
>駆さん
ご質問ありがとうございます。
＞質問なんですが、黒霧さんと同様に幅を変更の仕方を教えていただきたいです
全体1200 中央726 右左のサイドバー217にしたいです。
わかりました。以下、CSSの対応する部分を下記のように書き換えてみてください。
/*ブログ全体の影*/ #global_box{ margin-left:auto; margin-right:auto; width:1212px; } /*全体を囲う*/ #my_body{width:1200px; margin-left:auto; margin-right:auto; background-color:#fff; } /*真ん中と左のブロックを囲むfloat用記述*/ #wrapper { width:976px; float:left; } /*左メイン位置BOX*/ #my_contents { width:750px; float:right; overflow:hidden; padding:0px 0px 0px 5px; } /*センターの中*/ .centernakanaka{ margin: 0px 0px 0px 0px; width : 737px; padding:0px; } /*センターの中*/ /*センターボックス中*/ .centernaka{ margin: 5px 0px 35px 0px; padding: 0px; width : 737px; background-color:#ffffff; border:1px solid #B2C7D8; overflow:hidden; } /*▼センター部分▼*/ .contents { margin:5px 0px 0px; width:637px; background-color:#fdfdfd; border:1px solid #B2C7D8; } /*投稿フォーム*/ .toukouform { margin:10px 0px 30px 0px; width:737px; background-color:#ffffff; } /*コメント*/ .comment { line-height: 150%; color: #555; border:1px solid #B2C7D8; width : 737px; margin: 0px 0px 40px 0px; padding:0px 0px 40px 0px; background-color:#ffffff; } /*左のナビゲーション*/ #my_navi_1 {width:213px; float:right; padding:2px 0px 30px 0px; margin-left:0px; margin-top:12px; margin-bottom:30px; background-color:#ffffff; border:solid 1px #B2C7D8; font-family:'Meiryo',Verdana,'Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif; overflow:hidden; } dl.left_p { margin: 0px auto 0px; width: 208px; text-align: left; } /*右のナビゲーション*/ #my_navi_2 { width:213px; float:left; padding:2px 0px 30px 0px; margin-top:12px; margin-right:1px; margin-bottom:30px; background-color:#fff; border:1px solid #B2C7D8; font-family:'Meiryo',Verdana,'Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif; overflow:hidden; } /*プラグインの設定(右の外枠設定）*/ dl.right_p { margin: 0px auto 0px; width: 208px; text-align: left; padding:0px 0px 10px 0px; }上記のように、書き換えれば、全体のサイズが、駆さんのご希望のサイズとなります。
影画像などは、駆さんのサイトがどのような構成か、URL等が不明なため、作成しておりません。
それでは上記の件、駆さんの参考になれば幸いです。
ありがとうございます！！
ずうずうしくて申し訳ないんですが、影を作成してはいただけないでしょうか？
本当にずうずうしくてすみません
http://vipperblog471.blog88.fc2.com/が僕のブログです
>駆さん
ブログの方、確認させていただきました。
以下が、1200pxに対応した影画像です。
http://blog-imgs-35.fc2.com/a/n/n/annkokunokizinn/shadow1212px.gif
対応する部分を、以下のように編集すると、ブログにて影画像を表示させることが出来ます。
/*ブログ全体の影*/ #global_box{ background:transparent url(http://blog-imgs-35.fc2.com/a/n/n/annkokunokizinn/shadow1212px.gif) repeat-y scroll center top; margin-left:auto; margin-right:auto; width:1212px; }それでは上記の件、駆さんの参考になれば幸いです。
ありがとうございます
無事できました
なぜか端の枠が途中で切れてしまいます。
両端のサイドバーの影が途中で消えてしまってます。
もしよろしければ解決方法を教えてもらえないでしょうか？
もうひとつ質問です
なぜか右のサイドバーのプラグイン名のところがおかしくなってしまってます。
左には青い四角の中に文字が入っているのに、右は入ってません
どうすればいいのでしょうか？
>駆さん
＞なぜか端の枠が途中で切れてしまいます。
両端のサイドバーの影が途中で消えてしまってます。
なぜか右のサイドバーのプラグイン名のところがおかしくなってしまってます。
左には青い四角の中に文字が入っているのに、右は入ってません
ブログの方をコチラで表示確認をさせていただきましたが、上記のような表示には至っておりませんでした。
確認に使用したブラウザは、IE5 IE6 IE7 IE8 Firefox3.x Opera9.x Opera10の、主用ブラウザにて確認致しました。
HTML＆CSS等をデバッグツールを使用して、表示テストを行ってみましたが、こちらで確認する限りでは、正常に表示されているようです。
こんばんは、はじめまして。
この空の画像に惚れ込み現在使わせていただいております。
twitterの方で拝見させていただいてテンプレートがアップデートされた事を知ったのですが、
アップデートするにはダウンロードしなおせばいいのでしょうか？
あと、カスタマイズについて質問なのですが（箇条書きですみません）
1．本文でliタグを使うと頭に何も表示されない（僕のサイトはCSSをいじった結果○が出てます）のでサイドエリアのliタグで出るのと同じ画像を表示させたい。
2．中央部にフリーエリアを表示させたいが、前の方々のと違ってトップページだけの表示にしたい。
3．こちらのページと同じ位置にRSSのリンクを設けたい。さらにカウンター等も同じ位置に表示させたい。
以上について教えていただけませんでしょうか？
>ISLULさん
はじめましてISLULさん、当テンプレートのご使用＆ご質問ありがとうございます。
>twitterの方で拝見させていただいてテンプレートがアップデートされた事を知ったのですが、
アップデートするにはダウンロードしなおせばいいのでしょうか？
本来でしたら、そうしていただくのが一番簡単なのですが、ISLULさんのサイトを拝見させていただいたところ、カスタマイズを行われているようですので、最初からまたダウンロードしてカスタマイズするとなると、改変作業が大変だと思います。
ですので、今から自分が言う、箇所のみを修正すれば、楽に、今回アップデートした内容と同じ表示となりますので、今回のアップデートの内容を説明させていただきますね。
今回変更した箇所は、ブログカレンダー部分の「.calender」部分のwidthの値を200pxから180pxに変更致しました。
具体的には、以下のように変更致しました。
/*曜日部分*/ .calender { width:180px; font-size:10px; border-collapse: separate; margin: 10px 0px 7px 0px; color: #555; text-align:center; }今回の変更箇所はカレンダーの幅の変更のみとなっております。
>1．本文でliタグを使うと頭に何も表示されない（僕のサイトはCSSをいじった結果○が出てます）のでサイドエリアのliタグで出るのと同じ画像を表示させたい。
これを、実現するためには、以下のCSSの記述を削除します。
li {list-style:none;}
ul, ol, li, dl, dt, dd {
list-style: none;
}
>2．中央部にフリーエリアを表示させたいが、前の方々のと違ってトップページだけの表示にしたい。
トップページのみの表示を実現するには、FC2のカスタマイズマニュアルにも書かれていますが、FC2変数を使用する必要があります。
にて、トップページのみの表示を可能にします。
詳しいFC2変数に関しては、コチラをご覧ください。
http://fc2blogmanual.blog60.fc2.com/blog-entry-160.html
>こちらのページと同じ位置にRSSのリンクを設けたい。さらにカウンター等も同じ位置に表示させたい。
コレに関しては、サイトページ部分の位置にそのまま挿入しているだけですね。
それでは、上記の件ISLULさんの参考になれば、幸いです。
はじめまして、テンプレ使わせてもらっています。
センターの横幅や背景色などを変えたのですが、
トラックバックの部分だけ反映されません。
それっぽいところを弄ってはみたのですがよくわからず・・・
横幅と色をセンターに合わせたいのです。
ちなみに横幅は610pxです。
どこを弄ればいいのかご教授願います。
>虎の子さん
はじめまして、虎の子さん、当テンプレートのご使用＆ご質問ありがとうございます。
>センターの横幅や背景色などを変えたのですが、
トラックバックの部分だけ反映されません。
それっぽいところを弄ってはみたのですがよくわからず・・・
横幅と色をセンターに合わせたいのです。
トラックバック部分の背景色を変更するには、以下のCSSの記述#の値を変更します。
/*▼センター部分▼*/ .contents { margin:5px 0px 0px; width:537px; background-color:#fdfdfd; border:1px solid #B2C7D8; }横幅を変える場合は、上記CSSのwidthの値を変更すれば、横幅を変えることが出来ます。
それでは上記の件、虎の子さんの参考になれば幸いです。
/*▼センター部分▼*/でしたか……うっかり見逃していたようです。
無事に適用できましたー。
ありがとうございました！
ありがとうございました
最後に聞きたいのですが画像をクリックでTOPにいくようにできるの
でしょうか？
>翔さん
>最後に聞きたいのですが画像をクリックでTOPにいくようにできるの
でしょうか？
上記の動作は、JavaScriptのイベントハンドラを使用すれば可能となります。具体的には、以下のように記述します。
それでは上記の件、翔さんの参考になれば幸いです。
回答ありがとうございます。
アップデートの件と2.につきましては解決しました。
1.ちょっと舌足らずだったかもしれません。
本文でliタグを使った時もプラグインで表示される矢印のマークを表示させたいのです。
3.ulタグがあるので、僕がやるとどうしても改行されてナビの青いバーが2列になったり表示がおかしくなってしまいます。
それに左に文字があるのに右揃えで文字を出す方法もわりません（汗）
よかったらもう少し詳しく教えていただけないでしょうか。
P.S.
10000Hitおめでとうございます。これからも頑張ってください。
こんにちは、以前から使わせて頂いてるのですが
「SkyBlue-Cloud」をお試し表示するを元に質問いたします。
教えて頂ければ凄くありがたいです
左バーの”サイトコンテンツ”のところを
一つの題目に対して、複数の枝を作りたいのですが・・・
左バーの”最新コメント”のところを
こめんとの投稿者とコメントの題名を表示したいのですが
よろしければ教えてください。
超初心者です。
昨日テンプレをDLさせて頂きました。ありがとうございます。
検索の上か下に自分で作る予定のページをリンクするボックス？カラム？
を挿入したいんですが、どうすればよろしいでしょうか？
ご教授頂けると助かります！