about
recent entries
遊び心溢れたランプ。ウォールランプ、シーリングランプ、フロアランプ…置く場所次第で様々なランプにh38 w32Sigurdur Gustafsson
Name
Mail
URL
Pass管理者にだけ表示を許可する
Hand Soap longneck vases
categories
link
あのー、この度新しく個人的なプライベートブログを立ち上げようと思い、昨日からテンプレートを作り始めたのですが、訳わからない状態に陥っています。
お時間あれば教えてください（＞＜）
見て頂いたらお分かりになるように、自分で作成した画像の上にかぶってしまっております。
これを全体的に下へずらしたいのと、タイトルをなくしてＨＯＭＥへ移動するにはこの画像を押したら飛ぶようにしたいです。
サブタイトルはラインの下あたりにもってきたいのですが・・・
可能でしょうか？（汗
あと、上の真ん中にある解析バーを右へ移動したいです。
設置変更の欄に、
<head>タグの下に
<meta http-equiv="adalign" content="right">
を貼り付けると広告を右に、
<meta http-equiv="adcolor" content="5">
を入れると広告の枠をオレンジにすることができます。
と記載されているのですが、両方ともを適用した場合、どう組み合わせればよいのでしょうか。
コメント欄を表示したときにでる
「コメントの投稿」という文字を消して、その上の「コメント」はもう少し小さい字で「COMMENT」と表示したいのですが。
えーっと、、
まずページ上部の余白設定とタイトルの画像置換の方法ですが、
一番簡単なのはタイトルをテキストリンク<a href="">テキスト</a>から画像リンク<a href=""><img src="背景画像"></a>に変えるやり方です。
これだととりあえずは画像に文字がかぶることはなくなります。
この辺は複雑なのでちょっとコペンさんの希望通りになる方法を教えれそうにないです…
解析バーはFC２のを使ったことがないのでこれで出来るか分りませんが
両方とも適応させたい場合、単純にその2つのを入れてやるとできるのではないでしょうか。
最後に、「コメントの投稿」を消すのは
htmlから<h3 class="comment-post">コメントの投稿</h3>を削除すると消えそうです。
その上の「コメント」は、
<h3 id="comment-top">コメント</h3>を
<h3 id="comment-top">COMMENT</h3>に
文字サイズはCSSの
h3#comment-top,
h3.comment-post,
h3.comment-edit {
font-size: large;
margin-bottom: 0.5em;
}
で設定しているみたいなので
h3#comment-top, をそこから消してどこかに
h3#comment-top {
font-size: ○○px;
margin-bottom: 0.5em;
}
を入れてやると個別に文字サイズを変えることが出来ます。
テンプレ弄りを始めるならHTML、CSSの基礎をどっかのサイトで勉強すると思い通りに弄れるようになっておもしろくなりますよ('-'
解析バーは８秒たったら消えるということで妥協しまっす。
あ〜、スッキリしました♪☆^^
そうですね〜、勉強しなくちゃダメですね。
基礎が出来ないと始まりませんよね。
ガンバリマス！
あと一つだけいいですか？
画像をテキストリンクに変えたところ、全体が左に寄ってしまいました。
CSSのこのあたりかと思うのですが、どうすれば良いですか？「float」が問題ですよね？
/* 中央カラムと左カラムを包含するブロックの回り込み */
div#wrapper {
float: left;
width: 600px;
}
/* 左カラム */
div#secondary-column {
float: left;
width: 160px;
}
/* 右カラム */
div#extra-column {
float: left;
width: 160px;
}
（IEで）全体が左によってしまうのはタイトルの画像のサイズを基準にセンターでそろえようとしている為です。
なので画像をdiv#containerのサイズ（760px）に編集するとうまくいきますよ１１
画像をそのままでセンターにしたい場合は<h1>〜を<div id="container">の上に出してやるといいです。
これだと、<div id="branding">のheight200pxの余白が出てくるので調節してあげましょう
ちなみに、
div#wrapper,div#secondary-column,div#extra-columnはdiv#containerの中に入っているもので、それらのfloatはdiv#containerの中でだけ影響するものですので今回の件とは無関係ですよ('-'
表記の仕方は、
<div id="container"><!-- 760px -->
でいいですか？
ちなみに、現在
<div id="container"><!-- レイアウト用にサイト全体を包含 -->
<div id="branding"><!-- タイトルやサイトの説明を記述するブロック -->
と表示されています。
あと、タイトルを消しているため、一番上に「ケッツェライフ」と表示されず、
http://kettuxe.blog122.fc2.com/-Microsoft Internet Explorerとなっています。
ここは可能な部分なのでしょうか？（汗
解決してスッキリです。
また遊びにきます〜♪^^