忍者ブログ
TMP*blog
  • « 05月 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  •  »
May 28'2017
×

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

August 23'2006
tmp_dot_combination_nvの表示を画面右寄せにする方法です。

元々左寄せのものですが、記事の左右も入れ替えることで画像自体は加工修正しなくても大丈夫になります。
修正が必要なのはスタイルシートのみです。

/*BODY全体に関する設定*/
body {
text-align: right;
color: #362F2D;
font-family: Verdana, Helvetica, sans-serif;
background-color: #fff;
background-image: url('http://file.tmpblog.blog.shinobi.jp/5_body.gif');
}

メインブロック
#mainBlock {
margin: 0 0 0 auto;
width: 700px;
text-align: left;
background: #fff;
background-image : url('http://file.tmpblog.blog.shinobi.jp/entry_dot.gif');
background-repeat : repeat-y;
background-position : left top;
}

フッターブロック用デザイン
/*--一番下のブロック(著作権表示が書かれる場所)の設定--*/

p.copy {
padding: 5px 205px 5px 5px;
font-size: 10px;
}
p.cmn{
padding: 5px 205px 5px 5px;
font-size: 10px;
}

プラグインブロック用デザイン
/*--プラグイン表示箇所全体の設定--*/
.PluginBlock {
width: 200px;
text-align: left;
float: right;
overflow:hidden;
padding: 18px 0 10px 0;
color: #534741;
}

記事ブロック用デザイン
/*--記事繰り返し処理全ての部分の設定--*/
#EntryBlock {
width: 500px;
float: left;
text-align: left;
overflow:hidden;
}

変更は赤文字の部分のみです。ここを書いてあるように書き直せば、全体の表示は画面右よりで記事表示部分が左側、サイドメニューが右側の表示に変わります。
他細部の調整についてはしなくても大丈夫だとは思いますが、こだわられる方はお好みで調節をして下さい。

ちなみに中央寄せにするには画像の加工が必要でございます。

拍手

PR
August 19'2006
忍者さんのメールフォーム、うちも案の定半角英数字以外を使っていて送信できないでいたのですが(笑)あっという間に直されていたので使ってみます('-'*
ちゃんと送れた~

とりあえず気になったのが、ブログのサイドバーに設置した時のパーツの行間。
divの後にbrが入っているのでパーツごとにできる隙間がちょっと大きかったもので早速行間を縮めてみる。
うん、いいかんじ~

ちなみに配布されるタグのJavaScriptのアドレスをブラウザで開くと詳しい構成が見れたりなんかしてスタイルつけるのに便利だったりとかします。

うちでつけたスタイルは下の部分のみで、行間詰めてるだけです。
(この他のパーツを使う場合はもっと指定増やさないといけませんが…)
フォームの見た目はとくに指定しなければテンプレートのフォームの設定がそのまま適応されます。
ちなみに最下部の「presented by SHINOBI.JP」は直書きスタイルシートでの固定設定なのでフォントサイズ等の変更はできません。(する必要もなさげですが)
div.name_top br {
line-height: 2px;
}
div.mail_top br {
line-height: 2px;
}
div.title_top br{
line-height: 2px;
}
div.url_top br{
line-height: 2px;
}


ひとまとめに指定もできますが、ひとまとめ用のはスタイルシートのID名がメールフォームにつけたIDで変わるのでちょっと説明が面倒だったりとか(汗)

自作CSS>メールフォームのCSSの雛形の
「//メールフォームの一番上のID」のすぐ下にあるやつをコピーして

#つけたID_top br {
line-height: 2px;
}
とすると、どんなにパーツを増やしてもこれ一個で行間が詰まります。

一番最初に用意されてるフォームだと以下のようになります。
#default_top br {
line-height: 2px;
}

拍手

 HOME 

About this site
  • 「忍者ブログ」と「忍者式メールフォーム」のテンプレートを作成配布しています。
search this site
Web clap!
拍手する

カスタマイズに関する質問を拍手で送信するのはどうかご遠慮ください。

PR

» Link Menu

» Other Menu

RSS
あわせて読みたい
Recommend


line

相変わらず常備するお気に入りの「牛とろフレーク」最近また入手困難で、確保に必死です^-^;


TMP*blog@koro wrote all articles.
TemplateDesign by TMP photo by たいしたことないもの

忍者ブログ[PR]