入口 > お問合せ - お返事 > 新着情報を右寄せにしたい件、ほか(1/24追記)

新着情報を右寄せにしたい件、ほか(1/24追記)

◆シ××× 様 

テンプレ使ってくださってありがとうございます。ci表記という用語がよくわからなかったのですが大意として名前を出してくれるなというような解釈でよかったでしょうか? とりあえず伏せてみましたが問題があるようなら仰ってください。また、ここでのお名前は単なるお返事のための目印のようなものなので、仮名や匿名でも大丈夫ですし、サイトの方と同じでなくても構いません。
以下、順にお返事しています。
(※2014/01/24:親カテゴリ名を画像にする件に関し追記しました
>◆TOPページ(入口ページ?)について
>新着情報(7件表示させています)を右端揃えで左に流す形(右寄せ?)で配置したいのですが。
スタイルシート末尾に

.news ul { margin: 0 20px 0 auto; text-align: right; }

と加えてください。
「20px」は右側の余白です。お好みで調節してください。


>同様に新着情報下段に配置したカウンターとメールフォームも右寄せにしたいです。
カウンターとメールフォームをdivタグで括って適当なclass名をつけ、上記と同様のスタイル指定をしてください。
つまり例えばHTMLを以下のようにして(赤字付与)

<Br><Br>
<div class="counter_mail">
<!-- FC2カウンター ここから -->
 ・
 ・
<a href="http://form1.fc2.com/form/?id=xxxxxx" target="_blank" title="mail"><img src="http://blog-imgs-xx-origin.fc2.com/x/x/x/xxxxxx/mail.jpg" alt="" border="0" /></a>
</div>
</div><!--/#index_area_1-->

スタイルシート末尾に以下を追加する

.counter_mail { margin: 0 20px 0 auto; text-align: right; }

という感じです。


>現在横一列の文字のリンクで各カテゴリに飛ぶようになっているカテゴリですが、これを正方形とか円形の画像+文字(INDEXやLINKといった内容アナウンス)にする方法が知りたい。
カテゴリごとに異なるアイコンをつけたいという理解で合ってますでしょうか? であれば、こちらの要領でいけると思います。わからなければ、または違う状態を意図されていたのであれば詳細を添えて再度ご質問ください。
→2014/01/24追記:別途お問い合わせをいただいたこともあり、幾つか記事を書きました(アイコンをつける/画像で置換する)。参考になれば。


>左寄せで改行して3×3段にしたい
これは、現在の方式(変数を用いた自動出力によるカテゴリ一覧、かつ子カテゴリはプルダウンさせる)でのカスタマイズは大変難しいと思います。少なくとも今の私の知識と経験だけではやり方が思いつきません。
テンプレート変数を用いずHTML直打ちにすれば難易度は下がると思いますが、その場合はリストタグをどう配置しプルダウンさせるか(あるいは、いっそテーブルタグを使うか)というテンプレとは別の話になってきますので、そちらに関しての対応はできかねます。
なお、「左寄せにする」というだけなら、スタイルシートの

/**以下、入口メニュープルダウン関係**/
.parent_positioner { float: left; position: relative; left: 50%; padding-top: 10%;/*サイト説明からメニューまで*/ }
.positioner { float: left; position: relative; left: -50%; height: 23px; }

青字部分を削除すればいいかと思います。


>◆タグエリアを利用してクッションページを作る方法について
>新着情報が1件しか表示されていませんでした。
ブログ管理画面「環境設定→ブログの設定→記事の設定→最新記事一覧」で調整してください。
説明不足ですみませんでした、カスタマイズ記事にも追記しておきました。
(ついでに今更気付いたENTERのリンク先ミスも修正しておきました! お手元でのエラーはご自力で直せてましたでしょうか? 申し訳ありませんでした)


>クッションページの背景を画像に変えたい
スタイルシート末尾に

body#enter_body { background-image: url("画像URL"); }

と加えてください。その他position、repeat等お好きに指定してください。指定方法がわからなければスタイルシートの解説サイトをご参照ください。


>クッションページの→ENTER←を画像(バナー)に変えたい
テキストリンクを画像リンクにしてください。テンプレの問題の範疇ではないと思いますので具体的にはこちらなどでお調べください。


以上です。宜しくお願い致します。
2014-01-20