in the blue sky
 〜社会人の、雑記とゲームなblog 〜 
  
スポンサーサイト
2008/10/13(月) 04:21:15| | トラックバック(-) コメント(-) | ページトップへ
カスタマイズ(6.3) 位置の変更
もはや恒例の、この一文を。


皆のためと言うよりは、自分に対しての覚書で。
他の人は参考程度に。

もし試すのであれば、今使用しているテンプレートをもう一つ追加して
そちらで実験してからという方法を薦めます。

使用テンプレート:blue


今回は、前回・前々回に行ったカウンターの設置と時計の設置で
スタイルシートを使った位置変更を紹介。

前に、「いまいち理解しきれてません」と書いときながら
この有様・・・。


とりあえず、カウンターなり時計なり取得してきたHTMLコードを
<body>の下に貼り付ける。
貼り付けたHTMLコードの上下を

<div class="clock">
  HTMLコード
</div>
と括る。

次にスタイルシートで

/************************************/
/* リンクの色 */

と書かれている上に

.clock{position:absolute; top:100px; left:50%;}

と書く(先頭にドットが付いているのに注意)。
位置の指定にtopやleftの他にbottomとrightも使えます。
位置自体は ピクセル指定なら 任意の数字px
         パーセントでは  任意の数字%
で指定できます。


注意。

この方法では下に表示されている物の上に
「重ねて」表示されますので
重なってもよいところに指定すると良いかと思われます。
ブログのタイトル部分とか。
コメント
この記事へのコメント
コメントを投稿する
URL:
Comment:
Pass:
秘密: 管理者にだけ表示を許可する
 
トラックバック
この記事のトラックバックURL
http://alazif.blog2.fc2.com/tb.php/19-6e255c73
この記事へのトラックバック
ホームページ アフィリエイト レンタルサーバー FC2ブログ