忍者ブログ

刻ノ深淵

低周波音と耳鳴りに悩まされ不眠状態に陥る日々とアンチエイジング。只今、現状打破を試み奮闘中。

[PR]

[編集] 
×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

[ブログカスタマイズ]忍者ブログ

コメント投稿フォームとコメント欄の場所の入れ替え。

[編集] 
■コメント投稿フォームとコメント欄の場所の入れ替え。
記事とコメント欄の間にコメント投稿フォームがあるのが何だか見難くて嫌でした。
コメント投稿フォームを別窓でとか、コメント投稿フォームを折り畳むとか本当はやりたかったのですが、色々検索してみても分からなくて断念。
サイドバーを折り畳む方法は見かけるのですが投稿フォームを折り畳むという記述は見つけられませんでした。。。
投稿フォームを折り畳むということが出来れば、コメント投稿フォームとコメント欄の場所の入れ替えなどということはしなかったと思います。

1) HTML内の下記の記述の上に<!--comment-->～～～<!--/comment-->を持ってくる。

<div class="CommentBlock">
<div class="CommentMenuTitle">//　この記事にコメントする　//</div>

<div class="CommentFormBlock">
<form action="<!--$comment_form_link-->" method="POST">
<a name="comment"></a>
<table class="CommentFormTable" cellpadding="0" cellspacing="0"> 

2) 次にHTML内の <a name="comment"></a>を、<!--if_entry-->の下に移動させる。

了

拍手[0回]

PR

[ブログカスタマイズ]忍者ブログ

ブログ画面を画面中央にする。

[編集] 
■ブログ画面を画面中央にする。
選んだ共有テンプレートのデザインが全体的に画面左よりで、ブログトップの画像素材が右上固定だったのです。
上手く説明出来ませんが、ブログ全体の横幅が固定されているような感じで解像度が高いモニタで見ると常に右側縦に空白部分が出来るような感じで何とも気持ち悪かったのです。

色々テンプレを弄ってみても画像素材は右上固定(右側縦に空白部分無しで)に持っていけてもデザインが崩れたりで思い余ってテンプレをデザインした方のブログを訪問。
ありましたっ!!

私がしたかったデザインはモニタの解像度高くても低くても画像素材は右上固定で、サイドバーや記事は左寄り(？)というものだったのですが、紹介されていたコレ(↓)でも全然問題がなかったので使用させて頂きました。
有難う御座います。

■てけてけ。
http://tktktest.blog.shinobi.jp/Entry/29/

□HTML内の下記の部分に赤文字部分を追加。
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

□CSS内の下記の部分に赤文字部分を追加。
/*全体の設定*/
#mainBlock {
margin: 0 auto;
}
 
【追記】
上記の方法でダメな場合。
どうも3カラムになると通用しなくなるようです。
調べると下記サイト様にて方法が記述されていたので参考にさせて頂きました。
ありがとう御座います。

■CSS Lecture；CSSで中央配置（センターリング）する方法
　http://www.css-lecture.com/log/css-beginner/026.html

□CSS内の下記の部分に赤文字部分を追加。

/*BODY全体に関する設定*/
body {
text-align: center;
}   

了

拍手[0回]

[ブログカスタマイズ]忍者ブログ

管理画面、新規投稿フォーム画面のリンクの場所の移動。

[編集] 
■管理画面、新規投稿フォーム画面のリンクの場所の移動。
管理人限定の管理画面、新規投稿フォーム画面のリンクの場所がサイドバーのプラグイン『リンク』部分に表示されていたところをブログ上部に移動させました。
『リンク』部分には他サイト・ブログのリンクを貼りたいではないですか。
そこに管理画面へのリンクも一緒に並んでいたら何だかオカシイような気がして。
視覚的にっ！(笑)。
で、取り敢えず上部に移動させることに致しました。

1) HTML内の下記の部分の下に赤文字部分を追加。

<div class="TopBlock">
<div id="TopTitle">
<a href="<!--$g_url-->"><span class="TopTitleFont"><!--$g_title--></span></a>
</div>
<div id="TopExplanation">
<!--$g_explanation-->
</div>
</div>

<div align="right">
<a href="<!--$g_url-->hoge/" target="_blank">管理画面</a> <a href="<!--$g_url-->hoge/NewEntry/" target="_blank">新規投稿</a></div>


2) 次に、[管理画面]→[リンクの編集]でサイドバーのプラグイン『リンク』部分に表示されていた管理画面などへのリンクを削除。

了

拍手[0回]