aoitori39のブログ一覧

昨日からユーザーページのヘッダーにマイページに使われているヘッダーが組み込まれましたね(汗)
帰宅してからＰＣを立ち上げ、みんカラを徘徊しようとマイページへ行きました(^ ^;
ブログのコメントを返そうとブログのページへ飛んだのですが・・・



あれ？
カウンターが消えてる
　(T_T)　o(iдi)o

画面右上に設置しておいたアクセスカウンターがなくなっています(汗)
よく見ると画面上部に白いヘッダーが組み込まれてました( ; ﾟДﾟ)ｴｰｯ!?
どうやらこのヘッダーのお陰でカウンターが隠れてしまったようですΩヾ(-"-;)ﾁｰﾝ
以前、スタールシートをカスタマイズした時に結構勉強して覚えたつもりだったのですが、いつの間にか綺麗サッパリ忘れてしまいました(汗)
ヘッダーの画像の位置を下げてカウンターの位置を変更してやればいいのですが、どこをいじればいいのか見当もつかなくて立ち往生)￣ε￣(
仕方なくマイページのタグを検索してある方のブログを発見！ｗ
そこには解決法のヒントがあって、図々しくもそれを参考に変更に着手しました(汗)
ちなみにちゃんとお礼のコメントは残してきましたよ(^_-)～☆
今回の変更は運営事務局の意向で仕方ないとは言え、ユーザーのスタイルシートに影響が出ないような変更にして欲しかったと言うのが正直なところです(ノд・。) ｸﾞｽﾝ

私のやり方が参考になるかは分かりませんが、経緯を記載しておきます。

スタイルシート編集画面で「body」を探します。
私の場合は上部右側にカウンターを設置しているので上に余白を作ってあります！
　↓　こんな感じ
body
{
　　　　　/* 画像の高さ＋50pxの空白を上部に追加 */
　　　　　padding: 50px 0px 0px 0px;
　　　　 (padding: 120px 0px 0px 0px;)←追加ヘッダー分として７０を追加
　　　　　/* カウンタのURL */
　　　　　background-image:
　　　　　url("http://ct1.shinobi.jp/ll/*******");
　　　　　/* ページの右上から20pxの位置に配置する */
　　　　　background-position: right 20px;
　　　　 (background-position: right 73px;)←ヘッダー位置変更に伴って
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　 カウンターの位置も変更　　　
　　　　　/* 繰り返し表示しない */
　　　　　background-repeat: no-repeat;
}

次に「#Foundation」を探します。
　↓　こんな感じ
#Foundation
}
　 　　　 /* ヘッダー画像開始位置の設定 */
　　　　　padding: 50px 0px 0px 0px;←この一文を追加してヘッダー画像の
　　　　　　　　　　　　　　　　　　　　　　　　　　　貼り付け位置を５０px下げます。
　　　　　width: 750px;
　　　　　margin: 0 auto 0 auto;
　　　　　text-align: left;
{　

太字になっている所が変更する場所になりますので、困っている方がおられましたら試してみて下さい。
ただし、私のスタイルシートでは成功しましたが、カスタマイズのやり方によっては同様にしても上手くいかない場合もありますので、あくまでも参考として下さい(;￣ー￣A