タイトルを装飾したい

https://blogs.yahoo.co.jp/IMG/ybi/1/cb/66/suzutakaho/folder/194827/img_194827_21118690_1?1135488276


タイトルを装飾したい

||<#cc6666' style='width:560px;height:8px' ``||
||||<#ff9999' style='font:bold 20px;color:#993333' ``''タイトルを装飾したい''||
||<#cc6666' style='height:4px' ``||

●幅指定（width:560px）は1行目だけで良いです。「''文章''」で斜体になります。
●#000000が色指定です。下のカラーチャートから好きな色選んでください・

カラーサンプル


タイトルを装飾したい

||<#0000ff' style='width:560px;height:8px' ``||
||||<#9999ff' style='font:bold 20px;color:#0000ff' ``''タイトルを装飾したい''||
||<#0000ff' style='height:4px' ``||
||<#0000ff' style='width:560px;height:2px' ``||

||<#0000ff' style='width:560px;height:2px' ``||
罫線として使えます。

||<#FF00ff' style='width:560px;height:2px' ``||

「border」を使ってちょっと凝ったタイトル[ solid ]

                              　 　　　　 ↓枠の種類
||||<#66ffff'style='width:560px;border:solid 5px #3333ff;font:bold 20px;color:#0000ff'``「border」を使ってちょっと凝ったタイトル[ solid ]||


solid	double	dashed	dotted

groove	ridge	inset	outset

４方向別々に指定できます。

||||<#ffff66'style='width:560px;border-top:dashed 5px #0000ff;border-bottom:ridge 10px #ff9933;border-left:solid 30px #ff0000;border-right:double 30px #00ffff;font:bold 16px;color:red'``４方向別々に指定できます。||
上　→　border-top、　下　→　border-bottom、　左　→　border-left、　右　→　border-right

(C)京都写真日記：SUZUTA　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　051112更新

転載元: 京都写真日記：Wiki文法を使いこなそう

背景と罫線を組み合わせたい

背景と罫線を組み合わせたいとリクエストがありましたのでちょっと工夫してみました。

border-bottom:dashed 2px #ff6600の場合
border-bottom:dashed 1px #ff6600の場合
border-bottom:solid 1px #ff6600の場合

||||<#ffffaa'style='width:560;border-bottom:dashed 2px #ff6600;color:#009900;font:bold 14px'``border-bottom:dashed 2px #ff6600の場合||
||||<#ffffaa'style='width:560;border-bottom:dashed 1px #ff6600;color:#009900;font:bold 14px'``border-bottom:dashed 1px #ff6600の場合||
||<#ffffaa'style='width:560;border-bottom:solid 1px #ff6600;color:#009900;font:bold 14px'``border-bottom:solid 1px #ff6600の場合||

●「||」を2本にすると頭揃えです。
●「solid」で実線です。
●１行ずつしかできませんので注意してください。

border-bottom:dashed 2px #000000の場合
border-bottom:dashed 2px #000000の場合
border-bottom:dashed 2px #000000の場合
border-bottom:dashed 1px #000000の場合
border-bottom:dashed 1px #000000の場合

||||<#ffffff'style='background-image:url(http//～) ;width:560;border-bottom:dashed 1px #ff9933;color:#000000;font:bold 14px'``border-bottom:dashed 1px #000000の場合||
||||<#ffffff'style='background-image:url(http://～) ;width:560;border-bottom:solid 2px #ff9933;color:#000000;font:bold 14px'``border-bottom:solid 1px #000000の場合||

●url(http://～)の「:」は変更する度に「&＃58」に置き換えてください。メモ帳にコピーしておくと良いでしょう。
実線は「solid」です。
画像は非公開の記事か書庫にアップして下さい。
この方法では１行ずつで背景も繰り返ししか出来ません。
全体に背景入れたい場合は今の所、背景画像に罫線を書いてやるしか思いつきません。

text-decoration:underline でアンダーラインです。ちょと罫線には見えません。アジサイを描いてみました。うまくないですがこの記事に合うアジサイを描いてみました。うまくないですがこの記事に合うアジサイを描いてみました。うまくないですがこの記事に合うアジサイを描いてみました。うまくないですがこの記事に合うアジサイを描いてみました。うまくないですがこの記事に合うアジサイを描いてみました。うまくないですがこの記事に合うアジサイを描いてみました。うまくないですがこの記事に合うアジサイを描いてみました。うまくないですがこの記事に合うアジサイを描いてみました。うまくないですがこの記事に合うアジサイを描いてみました。うまくないですがこの記事に合う

||<#ffffff'style='width:560;height:250;background-image:url(http＆#58//～);right bottom no-repeat;color:#00dd00;font:bold 20px;text-decoration:underline;color:#000000'``''' text-decoration:underline '''||

●text-decoration:underlineでアンダーラインです。

転載元: 京都写真日記：Wiki文法を使いこなそう

３回戦　ＶＳ　Ｉ学童


チーム名	1	2	3	4	5	6	7	計

野球小僧	1	3	1	2	2			9

Ｉ学童	0	2	0	0	0			2

ＴＨ(勝)-ＴＯ

３回戦　ＶＳ　Ｉ学童
||<#FFFFFF' ``||
||<#9999ff'style='width:150;height:30;text-align:center;font:bold 16'``チーム名
||||<#9999ff'style='width:40;font:bold 16'``1
||||<#9999ff'style='width:40;font:bold 16'``2
||||<#9999ff'style='width:40;font:bold 16'``3
||||<#9999ff'style='width:40;font:bold 16'``4
||||<#9999ff'style='width:40;font:bold 16'``5
||||<#9999ff'style='width:40;font:bold 16'``6
||||<#9999ff'style='width:40;font:bold 16'``7
||||<#9999ff'style='width:40;font:bold 16'`` 
||||<#9999ff'style='width:40;font:bold 16'``計
||<#FFFFFF' ``||
||<#ffccff'style='height:30;text-align:center;font:bold 16'``野球小僧
||||<#ccffff'style='font:bold 16'``1
||||<#ccffff'style='font:bold 16'``3
||||<#ccffff'style='font:bold 16'``1
||||<#ccffff'style='font:bold 16'``2
||||<#ccffff'style='font:bold 16'``2
||||<#ccffff'style='font:bold 16'`` 
||||<#ccffff'style='font:bold 16'`` 
||||<#ccffff'style='font:bold 16'`` 
||||<#ccccff'style='font:bold 16'``9
||<#FFFFFF' ``||
||<#00ff00'style='height:30;text-align:center;font:bold 16'``Ｉ学童
||||<#ccffff'style='font:bold 16'``0
||||<#ccffff'style='font:bold 16'``2
||||<#ccffff'style='font:bold 16'``0
||||<#ccffff'style='font:bold 16'``0
||||<#ccffff'style='font:bold 16'``0
||||<#ccffff'style='font:bold 16'`` 
||||<#ccffff'style='font:bold 16'`` 
||||<#ccffff'style='font:bold 16'`` 
||||<#ccccff'style='font:bold 16'``2

||<#FFFFFF' ``||
||<#ffccff'style='width:560;height:30;font:bold 16'``ＴＨ(勝)-ＴＯ

●一番上の行のみ幅指定してやれば後は合わせます。
●最後の列が何故か長くなるので、合わせる場合は－15pxしてください。

転載元: 座敷童子のいる部屋本館

(C)京都写真日記：Wiki文法を使いこなそう

アイコン一覧です。コピーして使用・転載して使用どちらでもご自由にどうぞぉ～～～

コピーして使用の場合は
使いたい画像の上で右クリック→プロパティを開いてコピー→貼り付けです
wikiチェック忘れずにぃ～～～

風薫る日々！

ブログ作成の風

タイトルを装飾したい

コメント（0）

トラックバック（0）

背景と罫線を組み合わせたい

コメント（0）

トラックバック（0）

スコアカラフルバージョン [再掲]

コメント（0）

トラックバック（0）

文字の大きさを変える

コメント（6）

トラックバック（0）

トラックバック先の記事

アイコン一覧

アイコン一覧です。コピーして使用・転載して使用どちらでもご自由にどうぞぉ～～～

コメント（2）

トラックバック（0）

Yahoo!ブログからのお知らせ

訪問者履歴

ブログリンク

ブログ作成

標準グループ

風景

スポーツ

京都モノ

最新の記事一覧

Yahoo!からのお知らせ

最新のコメント

最新のトラックバック

よしもとブログランキング

日	月	火	水	木	金	土
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