BlogNINJAブログを使いこなそうと始めたブログ。ないブログに表示されています。新しい記事を書く事で広告が消えます。前回(=Body部分とスクロールバーを指定する)はスタイルシートだけの変更でした。今回はTOP部分の編集なので、HTMLも同時に編集するつもりです。ここに機能として管理室へのログイン・ログアウトするリンクをつけたいと思います。id="TopExplanation"><!--$g_explanation--></div></div>続く・・・2行目のmainBlockの指定までは終わっているので次は3行目からになります。3行目の指定は忍者ブログの独自タグです。<!--if_not_edit-->~<!--/if_not_edit-->の間の「~」に入るものはコメント編集のページ以外で表示されるという意味です。これは後々いじることになりますが、今はそっとしておきます。次にTOP部分の編集に入ります。編集はまず編集画面でできるものから先に指定してしまいます。タイトル文字サイズ・・・24pxタイトル文字色・・・#cc9966高さ・・・100pxに指定しました。↑が指定した結果になります。タイトルが大きくなりました。そのせいかすこし上に詰まって見えてしまってます。下の記事部分やサイド部分との境がなくちょっとぼやけた感じがするのでここにも枠線を下に指定したいと思います。スタイルシートのほうは次のようになりました。20px;}まず、TOP部分全体を指定しているのはTopBlockの部分なので、ここに枠線の指定を加えます。上に詰まった感じをなくすために余白を指定します。#e6e6cc;}これで、TOP部分の下に2重の線が引かれると思います。20px;font-weight:bold;font-size:24px;color:#cc9966;margin:0px;}とします。20px;margin:0px;}ここまででとりあえず終わりにしてもいいのですが、見栄えを変えて機能を追加したいのでもう少し今度はまたHTMLを編集してみます。先ほど上で表示したTOP部分に見出し用のタグを入れます。見出しはその部分がページの中で重要ですよという意味を持ちます。id="TopExplanation"><h2><!--$g_explanation--></h2></div></div><h*>と指定したのが乱しようのタグですが*の数字の部分が小さいほど重要度が増します。*は6まで設定できます。この上で、タイトル部分の文字のリンクの指定を行います。全体のリンク指定だと、カーソルが上に来たときにアンダーラインが出てしまうのでここではそれを消すことにします。リンクだからといって色も変えないように設定しようと思います。それではスタイルシートに次の指定を加えます。}h2{margin:0px;padding:0px;font-size:12px;font-weight:normal;}これを「フッターブロック用デザイン」とある直前、「トップブロック用デザイン」の項目の最後に入れます。最後にログイン・ログアウトのリンクを作ろうと思います。title="管理部屋から出る">ログアウト</a></div></div>上の青い部分が付け加えたところです。以上でTOP部分が完了です。FORM-コメント投稿-この記事へのコメント投稿フォームです。Decoration:Message:Pass:※編集時に必要です。Secret:※チェックすると管理者へのみの表示となります。*TRACKBACK-トラックバック-この記事のURLとトラックバックURLです。必要に応じてご使用くださいませ。Leaf(2)NinjaBLOG(17)プレビュー用記事(6)新規テンプレいじり(17)[テンプレート]未定(0)■Search■About●このブログについて忍者ブログを使いこなそうと始めたカスタマイズサイト。分からないことばかりで四苦八苦しています。_)ペコリなお、このブログで実験もしています。常に実験しているので、崩れとかありましたら教えてくださるとうれしいです。→こちらは記事の内容を下に移転&閉鎖しました。Blogがメインブログになってます。night-・・・現在作成中のメインHP●リンクについてこのブログはリンクフリーです。解像度:1024*768●FireFox私が普段利用しているブラウザ。Developerをいれるとテンプレ作成にとても便利なブラウザになります。自分の使いたい機能をいろいろインストールしてアレンジしてます♪ダウンロードは▼からどうぞ●Pingoo!忍者ブログのPing送信先は10件まで。それでもいろいろなところにPingを送りたいという場合にオススメなPing一括送信サイトです。12345678910111213141516171819202122232425262728293031■CM&TB●コメントパンくずナビをつけるMichalexcire⇒(01/18)パンくずナビをつけるViktorianitemY⇒(01/17)コメントや最新記事にNew&Upマークをつけるkirara⇒(04/06)しばらく休止いたします。photo[ブログ]今日もいろいろあったんよ。■Thanksテンプレートを作成するに当たってよく利用させていただいているサイト様です。■QRcodeQRコードをクリックするとメールフォームが開きます。メールフォームでPCから携帯にこのブログのURLを送ることができますもし、携帯電話で表示されきれない~とご不満の方はこちらのアプリを導入してみることをお勧めします。■EntryNavigation最新記事のタイトル一覧しばらく休止いたします。(12/15)・・・何ヶ月?(06/09)NinjaBlogのカテゴリーをタグクラウド風に(02/18)プラグインタイトルを虹色の文字で(02/17)リンクバナー(02/07)トラックバックを承認制にしました。○忍者ブログで共有化中のテンプレ●Alternation-緑×白-記事番号で背景色が交互に変わるちょっとおもしろテンプレ。Leaf初の携帯用テンプレート。さわやかな感じに仕上げてみました絵文字使用。トップページにカテゴリー表示アリ。●ブルーチャイナ涼しげなチャイナ風左右メニューテンプレ。「China」の色違いのような感じですが、配置は違いますのでご注意ください。※このテンプレのピンク版もあります。共有化していないので記事内よりお持ち帰りください。⇒ピンクチャイナ●Gray2blockノート風テンプレ「Gray」の2カラム版です。●Chinaかわいい系の3カラムテンプレート。同じ配置の青バージョンも作成しました。こちらは共有化してないので記事内よりお持ち帰りください。⇒China-BlueVer-●Gray灰色のノート風罫線テンプレ。追記開閉式の3カラムです。●JapnBlueサッカー日本代表ユニフォームなテンプレ。※このテンプレには2カラムバージョンもあります。なしの5ブロックテンプレ。Alpha.忍者ブログ[PR]。