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

アン☆ブレのブログ一覧

2009年04月11日 イイね!

ヘッダー枠外にカウンター設置方法

ヘッダー枠外にカウンター設置方法今回もある方からヘッダー枠外にカウンターを表示できないかとお問い合わせ頂いたので試しにやってみました♪

結果は画像の通り成功しました!v( ̄Д ̄)v
(まだヘッダー内にもカウンターを表示してます。)

今回のポイントはナビゲーションとヘッダー画像の間にある隙間に合うカウンターを選ぶことです。
では早速、タグのご案内です。

【スタイルシート】→【詳細編集】→【ページの基本】→【コンテンツ領域】
↓ノーマル
text-align:left;

↓付け足します。
background-image:url("ここにカウンターのURLを入れる");
background-position:10px top;
background-repeat:no-repeat;

そしてヘッダー領域に
「上部にマージンを取る場合:○px ※0~10」とあります。
ここの○部分に最大値10を入れます。

ここで1度プレビューさせます。(※まだ保存されてません)
OKなら保存します。
保存後、もう1度スタイルレビューで確認後問題がなければ
【スタイル選択】→【カスタムスタイル】→【適用】

これで完了です♪

※すでにヘッダー内にカウンターを表示させてる方はノーマルに戻せばカウンターは消えます。

【2009.4.12追記】
ヘッダー画像内のカウンター撤去しました。


Posted at 2009/04/11 23:38:52 | コメント(1) | トラックバック(0) | スタイルシート | 日記
2009年04月11日 イイね!

感謝感激! Thanks ☆☆** v( ̄ー ̄)v**☆☆ Thanks

感謝感激! Thanks ☆☆** v( ̄ー ̄)v**☆☆ Thanks 地元のお友達からプレゼントを頂いちゃいました!(^^)v
地元グループのオフが先週あったのですが、サプライズでの出来事でびっくりしましたが素直に嬉しかったです。


ファミレスでホールケーキ食らうオジサン達・・・さぞかし不気味な光景だったことでしょう・・・((((;゚Д゚)))ガクガクガクブルブルブル


冗談はさておきれがマニアさん彩れがさん、本当にありがとうございました。m(__)m
またお祝いメールくれたほっちゃん。もありがとね!(* ^ー゚)


オフ翌日は嫁の誕生日・・・5万もする携帯買ってあげましたが俺には・・・(TдT)


とりあえず四捨五入したら40になりました!(核爆

Posted at 2009/04/11 21:19:52 | コメント(9) | トラックバック(0) | お友達 | 日記
2009年04月10日 イイね!

流れるタイトルにする方法(タイトルのスクロール)

流れるタイトルにする方法(タイトルのスクロール)




またまたご質問頂きましたのでお答えさせて頂きます。

自分のヘッダー部分に流れているものがあります。
通常ここはタイトルと言われる部分です。
ここを「流れるタイトル」にしてみます♪

「マイページ」→「プロフィール」→「編集する」の順でページを開いていき、今まで書いてあるタイトルに書き加えるだけでOKです。(画像参照)

他にもスクロール方法がありますが「スタイルシート スクロール」で検索すれば出てきますのでお好みで書き換えて下さい。

タイトルのフォントや大きさ・位置はスタイルシート編集で調整して下さい。
(関連情報URL参照)

Posted at 2009/04/10 23:09:36 | コメント(9) | トラックバック(0) | スタイルシート | 日記
2009年04月05日 イイね!

カレンダーに画像を挿入する方法

カレンダーに画像を挿入する方法今夜はカレンダー部を弄ってみました♪

まず下準備として画像を加工します。
自分の挿入画像は286×193ですが実際には286×168位しか表示されてません。
なぜかはわかりません。Σ(・ε・;)

ここから本題です。
次にスタイルシート用画像に登録します。
マイページ管理から入り「スタイルシート」→「スタイル用画像」→「参照」→「アップロード」
完了後、メモ帳などにコピペします。

「詳細編集」→「サイドメニュー」→「ブログカレンダー」
width:100%;
text-align:center;
background-image:url('ここにスタイルシート用画像を入れる');
background-repeat:no-repeat;
background-position:center top;
padding-top:10px;  ←お好みで調整
background-color:transparent;
margin:top 0px;   ←お好みで調整


プレビューで確認しOKならカスタムスタイルの適用ボタンを押します。
これで設定完了です!(≧∇≦)b

【2009.4.8追記】
以下に書き換えました。

width:286px; ←画像横サイズ
text-align:center;
margin:0 auto;
height:193px; ←画像縦サイズ
background:url('ここにスタイルシート用画像を入れる') no-repeat 50% 50%;
color:#××××××;
 
Posted at 2009/04/05 23:41:23 | コメント(10) | トラックバック(0) | スタイルシート | 日記
2009年04月04日 イイね!

カウンター設置方法(忍者カウンター)

カウンター設置方法(忍者カウンター)お問い合わせがあったのでカウンター設置方法をお知らせします。
尚、カウンターは忍者カウンターでの場合の説明です。

(ヘッダー右に設置の場合)
詳細編集→ページの基本→ヘッダータイトル(div#BodyBlockHeader h2)を指定


display:block;
padding-top:0px;  ←タイトル上下調整
padding-left:40px; ←ロールオーバーする場合の右調整
padding-right:40px; ←ロールオーバーする場合の左調整
font-weight:bold;
line-height:100%;
font-size:45px;   ←タイトルのフォントサイズ
margin:0;
background:url('ここにカウンターのURLを入れる')
no-repeat 100% 0px; ←カウンターの大きさを調整する場合は%を調整


※あくまで私自身の設定での説明ですのでご理解下さい。

参考までに私の設定はこちらをご覧下さい。
整備手帳 新スタイルシート設定(記録用)



【2009.4.17追記】
タグ説明部分でロールオーバーとありますがスクロールの間違いです。


 
Posted at 2009/04/04 00:46:26 | コメント(5) | トラックバック(0) | スタイルシート | 日記

プロフィール

「仕事も落ち着いてきたんでボチボチ始めますかね!(^^)」
何シテル?   09/24 12:04
C25セレナHSからRC4オデッセイハイブリッドに乗り換えました。
みんカラ新規会員登録

ユーザー内検索

<< 2025/8 >>

     12
3456789
10111213141516
17181920212223
24252627282930
31      

リンク・クリップ

CRUIZE 
カテゴリ:メーカー
2009/04/04 19:39:21
 
BLITZ 
カテゴリ:メーカー
2009/03/31 22:55:11
 
μ-dimension 
カテゴリ:メーカー
2009/03/31 22:49:52
 

愛車一覧

ホンダ オデッセイハイブリッド ホンダ オデッセイハイブリッド
燃費16km/l以上を常に維持しています。
日産 セレナ 日産 セレナ
ROJAM仕様 【足回り】 ホイール●ROJAMデスティネーション 19×8Jインセッ ...

過去のブログ

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月
ヘルプ利用規約サイトマップ
© LY Corporation