• 車種別
  • パーツ
  • 整備手帳
  • ブログ
  • みんカラ+

ヌルヌルたかおーのブログ一覧

2006年07月24日 イイね!

スタイルシート アクセスカウンター(続

なるほど!
銀珊瑚。さんという方がナイスな回答をブログにあげられています。

/*:::ページレイアウト:::*/
/*全体の横幅*/
#Foundation
{
width: 750;
margin: 0 auto 0 auto;
text-align: left;
}

ここの中に書けばいいのか!

というわけで、
/*:::ページレイアウト:::*/
/*全体の横幅*/
#Foundation
{
background-image: url('http://ct1.shinobi.jp/ll/******') ;
background-attachment: fixed;
background-repeat: no-repeat;
background-position: left 0px;
padding: 20px 0px 0px 0px;
width: 750;
margin: 0 auto 0 auto;
text-align: left;
}

て感じで書いてみました。

ここのキモは
padding: 20px 0px 0px 0px;
です。

これが何かって?

(´・ω・`) しらんがな



ま、内側の余白じゃな。
画像のポジション指定じゃとカウンターの入る余地がないけぇ、20px程下にヘッダーを下げたワケ。

ん、、、これが最終形態なんかな。



にしても、”カウンター”で検索したらエラいヒットするね。
最初に設置した、ガシさん、壁紙やヘッダー画像を犠牲にしない方法を紹介した銀珊瑚。さんには、アタマが下がる思いです。

わしゃ、まだまだじゃなぁ。。。


あ、こんだけカウンター設置率が上がると、みんカラ標準でカウンターがつく日も近いかも。

Posted at 2006/07/24 23:05:35 | コメント(1) | トラックバック(0) | 手探りスタイルシート | 日記
2006年07月24日 イイね!

スタイルシート アクセスカウンター(仮

仮っちゅんは、研究が足りんけぇ。


ヘッダーにカウンターいれてみたんじゃけど。
どうじゃろ?


こちらにカウンター設置手順が紹介されています。

紹介されている内容は、背景画像をカウンターにしてしまうというものです。
せっかく壁紙を設置したのにー・・・っていうのもあるし、ヘッダーの画像を取っ払うのもイヤじゃし。

そこで、自分のブログのソースをよーーーーーーーく見ると・・・
<span class="BlogTitle";><a href="User.asp?UserID=210042" Target="_top">ふーん(ぁ?</a></span>

っちゅのがあるが!?

部分背景画像設定できる個所
キタ━━━━━━(゚∀゚)━━━━━━ !!!


というわけで、スタイルシートから以下の個所を探します。
/*ヘッダタイトル装飾*/
.BlogTitle
{
font-weight: bold;
font-size: 24px;
}


そしてこのセクションに
background-image: url('http://カウンターのURL') ;
background-attachment: fixed;
background-repeat: no-repeat;

を埋め込みます。


あとはカウンター桁にあわせて、プロフィールのタイトル設定をします。
桁を合わせるというのは、全角でブランクを何個か入れるだけでよいでし。

この際、ウィンドウタイトルがズレることなんて気にしてはいけません!(ぇ?
カウンター設置が目的ですからね(ぉ


他に良い方法があるかもしれません。
これこそは最強!っていう方教えて下さい。


では、ごきげんよう。
Posted at 2006/07/24 04:42:59 | コメント(1) | トラックバック(0) | 手探りスタイルシート | 日記
2006年07月24日 イイね!

スタイルシート 壁紙配置サンプル

ボタンでやろうと思ったんですが、ここじゃinputタグ使えんのやね。

パターンは少ないですが、なんとなく雰囲気はわかるかと。
自前サイトに上げてみました。

つか、イラネ?


Posted at 2006/07/24 00:32:11 | コメント(2) | トラックバック(0) | 日記
2006年07月23日 イイね!

スタイルシート 壁紙(補足)

補足というより、忘れてたんやけどね。

body
{
background: #ffffff url('http//夜勤の連チャンはしんどい.jpg');
background-attachment: fixed;
text-align: center;
margin: 0 0 0 0;
color: #303030;
padding: 8px 2px 2px 2px;
}


これだけじゃと、1スポット的に壁紙を配置したいとか中央に1枚だけ配置したりできんのよね。
追加で以下の設定をすると、任意の位置に壁紙を設定できまする。

例:これは画面の真ん中
background-position:center;

ほかの配置パラメータは
●横位置
左:left
真ん中:center
右:right

●縦位置
上:top
真ん中:center
下:bottom


というパラメータが用意されています。

じゃ、左下にしたいときは?
ご安心下さい。
background-position: left bottom;
となります。
つまり横位置と縦位置さえ指定すれば、9箇所のうちいずれかに配置できるのです。

数値で設定することもできます。
みんカラだとメリットも少なそうですが、一応書いておきます。
カレンダーとかの縦横位置とかメニュータブ(ブログ、愛車紹介とかのリンクのとこ)の位置が把握できれば、ピクセル単位や画面の何パーセントかで配置を決めることもできます。

・左から100px、上から40pxの位置に表示
 background-position: 100px 40px;

・左から20%、上から30%の位置に表示
 background-position: 20% 30%;


ま、こんなカンジです。
いろいろ試してみて下さい。
Posted at 2006/07/23 21:10:18 | コメント(1) | トラックバック(0) | 手探りスタイルシート | 日記
2006年07月23日 イイね!

なんで

なんでアテンザなわけ?
ぶーぶー



あ、日記らしいこと書いてやんの・・・。
Posted at 2006/07/23 12:51:57 | コメント(2) | トラックバック(0) | 日記

プロフィール

「メールコード送ればいいですか」
何シテル?   09/29 23:42
這いよるクソヤロウです。あとイカ好きです。 \(・ω・\)SAN値!(/・ω・)/ピンチ!           , へ、         //  ...
みんカラ新規会員登録

ユーザー内検索

<< 2006/7 >>

日 月 火 水 木 金 土
      1
2345678
9101112131415
1617 18 19202122
23 24 25 26 27 2829
30 31     

リンク・クリップ

あ 
カテゴリ:その他(カテゴリ未設定)
2013/12/10 20:29:05
めがねのバチバチ 
カテゴリ:その他(カテゴリ未設定)
2013/05/10 09:22:35
劇場版 花咲くいろは鑑賞してきました 
カテゴリ:その他(カテゴリ未設定)
2013/04/01 19:53:23

愛車一覧

ルノー メガーヌ ルノー・スポール ルノー メガーヌ ルノー・スポール
今回も欲しい病を2年以上患った
マツダ アテンザスポーツ マツダ アテンザスポーツ
前期23Z

過去のブログ

2018年
01月02月03月04月05月06月
07月08月09月10月11月12月
2015年
01月02月03月04月05月06月
07月08月09月10月11月12月
2014年
01月02月03月04月05月06月
07月08月09月10月11月12月
2013年
01月02月03月04月05月06月
07月08月09月10月11月12月
2012年
01月02月03月04月05月06月
07月08月09月10月11月12月
2011年
01月02月03月04月05月06月
07月08月09月10月11月12月
2010年
01月02月03月04月05月06月
07月08月09月10月11月12月
2009年
01月02月03月04月05月06月
07月08月09月10月11月12月
2008年
01月02月03月04月05月06月
07月08月09月10月11月12月
2007年
01月02月03月04月05月06月
07月08月09月10月11月12月
2006年
01月02月03月04月05月06月
07月08月09月10月11月12月
1971年
01月02月03月04月05月06月
07月08月09月10月11月12月
ヘルプ| 利用規約| サイトマップ
© LY Corporation