質問する
質問を探す 詳しく検索する

解決済

Clip!
どんどんべんとう

Pemalink、Comments、Trackbackなどの表示を記事の右横ではなく、投稿した記事の下に表示させたいです

Pemalink、Comments、Trackbackなど、
のリンクの表示を記事の右横ではなく、
投稿した記事の下に表示させたいです。

http://blog.livedoor.jp/xxxxaquaxxxx/
http://blog.livedoor.jp/xxxxaquaxxxx/
clip


↑
このように記事の右側にそれぞれのリンクがオレンジ色で表示されているのですが、
大きい画像を載せたいため、
右に表示されていると不便に感じています。

以前のレイアウトのように投稿した記事の下に表示させることは、デザインのカスタマイズで可能でしょうか？

可能であるならば、どのように修正をすれば良いのでしょうか？

2008-01-01 22:59の質問
コメント欄  下  Comments  右横  
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
Ads By Google
<<前の質問を見る
次の質問を見る>>

回答(3)

3.

2008-01-02 13:29:36ベスト
BLUEPIXY
>投稿記事を載せられる表（フォーム）の横幅を大きくするには、どのタグの値を変更すればよいのでしょうか？
大きくは
<div id="container">
  <div id="blogcontainer">
が全体の幅を決めています。
blogcontainer の中に
links(プラグイン列)、content(記事列)
が並びで入っています。
それぞれの幅は、スタイルシート(ＣＳＳ)で
#container{
	width:804px;
#blogcontainer{
	width:775px;
#content{
	width:550px;
#blog{
	width:550px;
#links{
	width:200px;
のように定義されているので、
幅を拡げるには上位の幅から実際の記事部分の幅である
#blog でのwidth(横幅) までをうまく調整(上部の横幅に納まるように)してやる必要があります。
実際の数値は適当に試してみて下さい。
回答レベル : アドバイス

全て解決致しました。
誠に有り難う御座いました。

1.

2008-01-02 03:36:18ベター
BLUEPIXY
デザインのカスタマイズのテンプレートを編集して
<div class="posted">～</div>
の部分(ネストの整合に注意)と
<div class="blogtext">～</div>
を入れ替えて
スタイルシート(ＣＳＳ)の
.posted{
	width:85px;
	float:right;
の部分を
.posted{
/* width:85px; */
/* float:right; */
のようにすればだいたいいいと思います。
リンクの縦並びを横並びにするには、
例えば、
div を span にすればいいかと思います。
回答レベル : アドバイス

迅速なご回答、有り難う御座います。
大変参考になりました。

http://blog.livedoor.jp/xxxxaquaxxxx/

↑教えて頂いた通りにやったのですが、
一部わからない部分があり、
このような状態になっています。
（下ではなく上にcommentsなどのリンクがあります。）

記事の上のオレンジ色のリンクを、
記事の下に持っていく方法なのですが、
デザインのカスタマイズで「トップページ」、
それとも「個別記事」のどちらを編集すれば良いのでしょうか？具体的に教えて頂けると非常に有難いです(>_<")

もう一点、宜しいでしょうか…？

リンクを横から上に移動させたのは良かったのですが、
いざ投稿する写真の画像を大きくしても、
やはりレイアウトが崩れますね。
表の横幅に余裕が生まれたわけではないのですね。

投稿記事を載せられる表（フォーム）の横幅を大きくするには、
どのタグの値を変更すればよいのでしょうか？

2.

2008-01-02 13:14:30
BLUEPIXY
>記事の上のオレンジ色のリンクを、記事の下に持っていく方法
回答１の
<div class="posted">～</div>
の部分(ネストの整合に注意)と
<div class="blogtext">～</div>
を入れ替える
がそれに該当する部分です。
class=posted の範囲のdivが先にあるので先に表示されます。
>「トップページ」、それとも「個別記事」のどちらを編集すれば良いのでしょうか？
どちらもそのようにするには、どちらもそのように編集する必要があります。
回答レベル : アドバイス
Ads By Google

コメント

コメントする
まだコメントがありません

トラックバック

トラックバックURL: