オススメサイト

★オススメサイト★
ポイント&レビュー
げん玉ハピタスランサーズ
日々の生活にhappyをプラスする|ハピタスLancers.jp
詳細詳細詳細point1_4d.gif

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
★ランキング参加中★応援してくれると嬉しいです!
にほんブログ村 小遣いブログ ポイントサイトへ

FC2ブログ 記事作成の時の空白の注意点

ついさっき知ったのですが、段落間ごとの空白を作る時に<br>ではなく
CSS間でpadingやmarginを使うのが正解だそうです。


今まで、空白をあけるためEnterキーを当たり前のごとく使っていたので
驚愕の事実といった感じです。


しかし、以前HTMLチェッカーで文法を調べたら<br>の部分が訂正箇所に指定されていたので
今回のことで何故訂正箇所だったのかわかって良かったかなと思います。


★空白をあける方法
<p style="margin-bottom:30px;">~<p>で文字を囲んであげるだけで空白ができます


例)<p style="margin-bottom:30px;">あいうえお</p>


bottomの部分とpxの部分は変更できます。
bottomだと下に空白が空き、topだと上に空きます。



FC2ブログの記事作成画面はBを押すと全部<strong>になりますが
それを修正するのも大変だったのに、今回の空白を訂正するのも大変そうです。



やっぱりもう少しHTMLを勉強しなければ駄目ですね~。
スポンサーサイト
★ランキング参加中★応援してくれると嬉しいです!
にほんブログ村 小遣いブログ ポイントサイトへ

カスタマイズ 基礎編 リストタグ

リストタグ・・関連した項目を縦に並べてくれるのが「li」タグ

リスト表示したい項目に<li>~</li>を付けて、<ul>か<ol>の間に記入する。

liタグは単体使用は出来ない。かと一緒に使う。
「ul」・・リストに順番つけない場合に使用する。
「ol」・・リストに順番を付ける場合に使用する。

【ulタグ記入例①】       
<ul>          
<li>あいうえお</li>          
<li>かきくけこ</li>
<li>さしすせそ</li>
</ul>
↓↓↓
                 
  • あいうえお
  •      
  • かきくけこ
  •        
  • さしすせそ

 
<ul type="square">と入力したら●が■になる。

【olタグ記入例①】             
<ol>          
<li>あいうえお</li>          
<li>かきくけこ</li>
<li>さしすせそ</li>
</ol>
↓↓↓

  1. あいうえお
  2.      
  3. かきくけこ
  4.        
  5. さしすせそ
  6.                    

【olタグ記入例②】
<ol type="A">          
<li>あいうえお</li>          
<li>かきくけこ</li>
<li>さしすせそ</li>
</ol>
↓↓↓
                 
  1. あいうえお
  2.      
  3. かきくけこ
  4.        
  5. さしすせそ
  6.  

<ol type="I">にしたら英語のAが英語のIになる。
<ol type="1">にしたら数字の1になる。
★ランキング参加中★応援してくれると嬉しいです!
にほんブログ村 小遣いブログ ポイントサイトへ

tableタグを使わないバナーの横並びの方法

私はHTML暦2ヶ月の超素人です。

サイトを弄ったり、文字の装飾方法で便利だなーと思った事を自分の確認も兼ねてアップしいきたいと思います。

テーマ 【tableタグを使わず記事下にバナー横並びに表示させる

今回説明しているものはtopentry_bodyとmore_linkの間に入れてください。(全部半角で)

topentry_bodyはF3を押してtopentry_bodyと入力すれば簡単に見つかります。
s-tennpure.jpg


3つ並べる場合 (半角で入力してください)
<div>バナー①</a>バナー②</a>バナー③</a></div>

数字のところに取得したHTMLなどを入れてください 。

↓のように表示されます
バナー① バナー② バナー③

バナーの上に文字を載せたい場合はtopentry_bodyのすぐ下に文字を入れます。
その後<div>~です。


他のテンプレートにも同じようにタグを入れてみました。

・valid-seo-3c
・triva
・lightframe_white
・white news
・hiyoko-menu530-3
上の5つは問題なく設置できました。

【注意事項】
・間違いがあった場合速やかに訂正しますが、すべて自己責任でお願いします。
・テンプレートを改造する場合はコピーしてからするのをオススメします。


私は、valid-seo-3cに上のタグを入れているのですが今のところ何も問題は起きていません。
クリック後、ランキングページに飛びますし、タブレットPCから閲覧してもサイトが崩れるという事はありませんでした。

tableタグを使って並べる事もできるのですが私の場合、見栄えが悪くなるのでdivを使いました。

HTML、CSSは難しすぎて頭がパンクしそうになります・・。





★ランキング参加中★応援してくれると嬉しいです!
にほんブログ村 小遣いブログ ポイントサイトへ
(この一行は、各ページ下部に固定表示するサンプルです。テンプレートを編集して削除もしくは非表示にしてください。)
記事、タグ検索
サイト内検索 [ タグ検索 ]

全記事一覧,全タグ一覧へ

アクセスランキング
相互リンク
素材サイト様
banner02.gif b31_valentine.gif move32_02.gif
アクセスアップ
あしあと

サイドバー背後固定表示サンプル

サイドバーの背後(下部)に固定表示して、スペースを有効活用できます。(ie6は非対応で固定されません。)

広告を固定表示させる場合、それぞれの規約に抵触しないようご注意ください。

テンプレートを編集すれば、この文章を消去できます。


外国為替証拠金取引
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。