Ads By Google
記事のタイトルの上にある日付の位置を右にずらすにはスタイルシートのどこを修正すればいいでしょうか?
記事のタイトルの上にある日付の位置を右にずらすにはスタイルシートのどこを修正すればいいでしょうか?できればタイトルの枠のある右下にもっていきたいのですが..どうすればいいでしょうか(´・c_・` )・・
例えば↓のような感じ
タイトル
――――――――――――――――――――――――――
2006.04.26
デザインはシンプルのZen Styleを使用しています。
自分のブログ↓
初心者でまだわからないことがたくさんあり詳しく教えていただけますと助かります。
よろしくお願いしますm(_ _)m
2007-04-29 20:07の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
回答(1)
1.
2007-04-30 00:49:11

「やってみたらできた!」ってことで、理屈もナニもくわしいことはわかりません。
他にもっとスマートなやり方があるとは思うのですが( ̄∇ ̄;)
まず
日付を右にするには
CSSのこの部分
h2.date{
border-top:1px solid #7bb337;
padding:10px 0 0;
font-size:12px;
font-weight:normal;
}
これの、
padding:10px 0 0;
を
text-align:right;
にしたらできました☆
次にHTML
<div class="fullbody">
の次にある、
<IfDateChanged><div class="datebody"><h2 class="date"><span class="datespan"><$ArticleDate$></span></h2></div></IfDateChanged>
と、
<div class="titlebody"><h3 class="title"><$ArticleTitle ESCAPE$><IfArticleRating> <$ArticleRatingIcon$></IfArticleRating></h3></div>
を、入れ替えたらできました。
HTMLは4枚とも同じ作業をすれば良いでしょう。
その場合は全構築になりますネ。
CSSが全体のデザイン、横位置?で、
HTMLが表示させる順番って感じでしょうか・・?
詳しいことがわからず、自信を持ってお答えすることができず申し訳ありません(≧∀≦)
がんばってください。
なにかあればまたナレッジでご質問を☆
他にもっとスマートなやり方があるとは思うのですが( ̄∇ ̄;)
まず
日付を右にするには
CSSのこの部分
h2.date{
border-top:1px solid #7bb337;
padding:10px 0 0;
font-size:12px;
font-weight:normal;
}
これの、
padding:10px 0 0;
を
text-align:right;
にしたらできました☆
次にHTML
<div class="fullbody">
の次にある、
<IfDateChanged><div class="datebody"><h2 class="date"><span class="datespan"><$ArticleDate$></span></h2></div></IfDateChanged>
と、
<div class="titlebody"><h3 class="title"><$ArticleTitle ESCAPE$><IfArticleRating> <$ArticleRatingIcon$></IfArticleRating></h3></div>
を、入れ替えたらできました。
HTMLは4枚とも同じ作業をすれば良いでしょう。
その場合は全構築になりますネ。
CSSが全体のデザイン、横位置?で、
HTMLが表示させる順番って感じでしょうか・・?
詳しいことがわからず、自信を持ってお答えすることができず申し訳ありません(≧∀≦)
がんばってください。
なにかあればまたナレッジでご質問を☆
POPさん、回答どうも有り難うございました。o(*^▽^*)o
もう一つのブログのほうで試してみましたら無事右下に移動させることが出来ました。
ありがとうございます。
very(´^c_,^` )Thanks♪
Ads By Google
コメント
まだコメントがありません





