文字関係のCSSを用意しました!

投稿記事の見栄えを良くする為に、
以下の 文字関係のCSS を用意しました。

top10,space50 - 上の文字との間隔です top50で50pxの間隔がとれます
shita10、b10  ---- 文字の下に間隔を空けます
f10  ---- 文字の大きさです(フォント・サイズ)
h120  -- ラインの高さです(%)  上下の文字間のサイスと理解してください
left10,l10  ---- 文字の左側のスペース量です
フォント・カラー も以下を用意しています。

<p class=”left10 sp30 b10 f14″>サンプル</p>
<p class=”sp50 f20″><span class=”red f11″>この様に</span> お使いください</p>

** class=”f18 blue sp50 h120″ の様に,半角スペースで区切って何個使用してもかまいません。

Kbd は CTRL + A で全部を選択します  の様にお使いください

尚、この CSS は 次に紹介します『Addquicktag 記事投稿をサポート』 と組み合わせると有効に使用できます。

red、 
darkred 、 
saddlebrown、 
tomato 、 
orange 、 
gold 、 
yellow 、 
lime、 
green、 
deepskyblue、 
blue 、 
darkviolet 、 
purple 、 
pink 、 
gray 、 
black 、 

.nocr {white-space: pre;}/* No CRLF */
.top0 ,.sp0 {margin-top: 0px;}
.top10 ,.sp10 {margin-top: 10px;}
.top20 ,.sp20 {margin-top: 20px;}
.top30 ,.sp30 {margin-top: 30px;}
.top40 ,.sp40 {margin-top: 40px;}
.top50 ,.sp50 {margin-top: 50px;}

.shita0 ,.b0 {margin-bottom: 0px;}
.shita10 ,.b10 {margin-bottom: 10px;}
.shita20 ,.b20 {margin-bottom: 20px;}
.shita30 ,.b30 {margin-bottom: 30px;}
.shita40 ,.b40 {margin-bottom: 40px;}
.shita50 ,.b50 {margin-bottom: 50px;}

.f10 {font-size: 10px;}
.f11 {font-size: 11px;}
.f12 {font-size: 12px;}
.f13 {font-size: 13px;}
.f14 {font-size: 14px;}
.f15 {font-size: 15px;}
.f16 {font-size: 16px;}
.f17 {font-size: 17px;}
.f18 {font-size: 18px;}
.f19 {font-size: 19px;}
.f20 {font-size: 20px;}
.f21 {font-size: 21px;}
.f22 {font-size: 22px;}
.f23 {font-size: 23px;}
.f24 {font-size: 24px;}
.f25 {font-size: 25px;}
.f26 {font-size: 26px;}
.f27 {font-size: 27px;}
.f28 {font-size: 28px;}
.f29 {font-size: 29px;}
.f30 {font-size: 30px;}
.f31 {font-size: 31px;}
.f32 {font-size: 32px;}
.f33 {font-size: 33px;}
.f34 {font-size: 34px;}
.f35 {font-size: 35px;}
.f36 {font-size: 36px;}

.h120 {line-height : 120%; }
.h130 {line-height : 130%; }
.h140 {line-height : 140%; }
.h150 {line-height : 150%; }
.h160 {line-height : 160%; }
.h200 {line-height : 200%; }

.left10 ,.l10 {margin-left: 10px;}
.left20 ,.l20 {margin-left: 20px;}
.left30 ,.l30 {margin-left: 30px;}
.left40 ,.l40 {margin-left: 40px;}
.left50 ,.l50 {margin-left: 50px;}

.red {color:#ff0000;}
.darkred {color:#8b0000;}
.saddlebrown {color:#8b4513;}
.tomato {color:#ff6347;}
.orange {color:#ffa500;}
.gold {color:#ffd700;}
.yellow {color:#ffff00;}
.lime {color:#00ff00;}
.green {color:#008000;}
.deepskyblue {color:#00bfff;}
.blue {color:#0000ff;}
.darkviolet {color:#9400d3;}
.purple {color:#800080;}
.pink {color:#ffc0cb;}
.gray {color:#808080;}
.black {color:#000000;}

kbd {
background: #aaaaaa;
padding:0.1em 0.4em;
border-top : 2px solid #ccc ;
border-left : 2px solid #ccc ;
border-right : 3px solid #777 ;
border-bottom : 3px solid #777 ;
font-family:Verdana,Arial,sans-serif ;

コメントを残す

*