もはや恒例の、この一文を。
皆のためと言うよりは、自分に対しての覚書で。
他の人は参考程度に。
もし試すのであれば、今使用しているテンプレートをもう一つ追加して
そちらで実験してからという方法を薦めます。
使用テンプレート:blue
今回は、前回・前々回に行ったカウンターの設置と時計の設置で
スタイルシートを使った位置変更を紹介。
前に、「いまいち理解しきれてません」と書いときながら
この有様・・・。
とりあえず、カウンターなり時計なり取得してきたHTMLコードを
<body>の下に貼り付ける。
貼り付けたHTMLコードの上下を
<div class="clock">
HTMLコード
</div>
と括る。
次にスタイルシートで
/************************************/
/* リンクの色 */
と書かれている上に
.clock{position:absolute; top:100px; left:50%;}
と書く(先頭にドットが付いているのに注意)。
位置の指定にtopやleftの他にbottomとrightも使えます。
位置自体は ピクセル指定なら 任意の数字px
パーセントでは 任意の数字%
で指定できます。
注意。
この方法では下に表示されている物の上に
「重ねて」表示されますので
重なってもよいところに指定すると良いかと思われます。
ブログのタイトル部分とか。
皆のためと言うよりは、自分に対しての覚書で。
他の人は参考程度に。
もし試すのであれば、今使用しているテンプレートをもう一つ追加して
そちらで実験してからという方法を薦めます。
使用テンプレート:blue
今回は、前回・前々回に行ったカウンターの設置と時計の設置で
スタイルシートを使った位置変更を紹介。
前に、「いまいち理解しきれてません」と書いときながら
この有様・・・。
とりあえず、カウンターなり時計なり取得してきたHTMLコードを
<body>の下に貼り付ける。
貼り付けたHTMLコードの上下を
<div class="clock">
HTMLコード
</div>
と括る。
次にスタイルシートで
/************************************/
/* リンクの色 */
と書かれている上に
.clock{position:absolute; top:100px; left:50%;}
と書く(先頭にドットが付いているのに注意)。
位置の指定にtopやleftの他にbottomとrightも使えます。
位置自体は ピクセル指定なら 任意の数字px
パーセントでは 任意の数字%
で指定できます。
注意。
この方法では下に表示されている物の上に
「重ねて」表示されますので
重なってもよいところに指定すると良いかと思われます。
ブログのタイトル部分とか。
| ホーム |

