![[11]](https://s.yimg.jp/i/jp/blog/p3/images/paging_for2.gif){kind=small}
|
|||||||||||||||||||||||||||||||||||||
- >
- Yahoo!サービス
- >
- Yahoo!ブログ
- >
- 練習用
全体表示
[ リスト | 詳細 ]
コメント（14）
||<#FFFFFF' ``|| ||||<#fffaea'style='width:160px;text-align:center;font-family;font-size:10pt;color:#6a5000;word-spacing:150px;line-height:10pt;border:groove 5px #6a5000'`` 三分割です♪ 全角スペースで 改行します♪ 文字列の最後に 全角スペースを 一個入れて下さい→★ ||||<#eaffef'style='width:160px;text-align:center;font-family;font-size:10pt;color:#006a1b;word-spacing:150px;line-height:10pt;border:groove 5px #006a1b'`` [[attached(*,center)]] 150pixel画像です 文字も入れられます→★ ||||<#fffaea'style='width:160px;text-align:center;font-family;font-size:10pt;color:#6a5000;word-spacing:150px;line-height:10pt;border:groove 5px #6a5000'`` 三分割です♪ 全角スペースで 改行します♪ 文字列の最後に 全角スペースを 一個入れて下さい→★
||<#FFFFFF' ``|| ||||<#fffaea'style='width:120px;text-align:center;font-family;font-size:10pt;color:#6a5000;word-spacing:100px;line-height:6pt;border:groove 5px #6a5000'`` 四分割です♪ 全角スペースで 改行します♪ 文字列の最後に 全角スペースを 一個入れて 下さい→★ ||||<#eaffef'style='width:120px;text-align:center;font-family;font-size:10pt;color:#006a1b;word-spacing:100px;line-height:6pt;border:groove 5px #006a1b'`` [[attached(*,center)]] 百pixel画像です 文字も 入れられます→★ ||||<#fffaea'style='width:120px;text-align:center;font-family;font-size:10pt;color:#6a5000;word-spacing:100px;line-height:6pt;border:groove 5px #6a5000'`` 四分割です♪ 全角スペースで 改行します♪ 文字列の最後に 全角スペースを 一個入れて 下さい→★ ||||<#eaffef'style='width:120px;text-align:center;font-family;font-size:10pt;color:#006a1b;word-spacing:100px;line-height:6pt;border:groove 5px #006a1b'`` [[attached(*,center)]] 百pixel画像です 文字も 入れられます→★ 画像のみの場合 ||<#FFFFFF' ``|| ||||<#fffaea'style='width:120px;text-align:center;border:groove 5px #6a5000'``[[attached(*,center)]] ||||<#eaffef'style='width:120px;text-align:center;border:groove 5px #006a1b'``[[attached(*,center)]] ||||<#fffaea'style='width:120px;text-align:center;border:groove 5px #6a5000'``[[attached(*,center)]] ||||<#eaffef'style='width:120px;text-align:center;border:groove 5px #006a1b'``[[attached(*,center)]] ☆今回のまとめ＆注意点☆
お手持ちの画像を記事にＵＰする前に適切な大きさにに縮小して下さい♪ 左右の大きさ調整は【width:○○○px及びspacing:○○○−10px】の数値を変更して下さい♪ 文字の大きさ調整は【font-size:10pt】の数値を変更して下さい♪ 行の高さ調整は【line-height:10pt】の数値を変更して下さい♪ 画像を入れないで文字列だけの場合は【[[attached(*,center)]]】を取っ払って下さい 要注意 左右の大きさ調整は 左右足して560pxを越えない様にして下さい♪ ※レイアウトが崩れます凹 文字列の最後には必ず全角スペースを最低でも１個入れて下さい♪ (★の所です) ※入れないと最後の文字が勝手に改行します凹 大きさの違う左右分割を続けて上下に並べる事は出来ません凹 (一番大きいサイズになりレイアウトが崩れます凹) ※上記の様に２５０ピクセルVersionは上下に並べられますが ２５０と３００Versionを続ける場合は 一行列を空けて下さい♪ 分からない事等が御座いましたら 遠慮なく聞いて下さい♪ (￣▼￣*)ﾆﾔｯ ※文法に間違いがあったら ごめんなさいです凹 転載＆使用の際に コメント＆傑作を頂けると次回の励みになります♪
|
||||||||||||||||||||||||||||
- >
- Yahoo!サービス
- >
- Yahoo!ブログ
- >
- 練習用
【基準フォーム】 ||<#FFFFFF' style='text-align:center;width:560px;font-size:15pt;font-family:"●●●";color:#000000'``ココに文字|| ☆今回の纏め＆注意点☆
使い方→まず上記の基準フォームをメモ帳等にコピペしておく♪ 上記の使いたいフォント名をコピーして【font-family:"●●●"】の●の部分にペーストする♪ 貴方のＰＣに入っていないフォントは反映されません凹 その場合は標準フォントに見えます 黒枠の標準フォントと見比べてみて下さい♪ 最後の６個は半角英数文字専用です凹 全角英数文字＆平仮名＆片仮名＆漢字は標準フォントになります凹 下記ＴＥＳＴを参照 上記の半角英数文字専用だけフォントの大きさを25ptでＵＰしております♪ 上記の基準フォームは白背景に黒文字です♪ 背景＆文字の色はお好みの色に変えてお楽しみ下さい♪ カラーパレット参照して下さい 今回の基準フォームには全角スペースで改行するwiki文法は組み込んでおりません その他分からない事等がありましたら質問等は遠慮なくど〜ゾ♪ (*゜▽゜*) 転載＆使用の際にはコメント＆傑作を頂けると次回の励みになります♪
|
||||||||||||||||||||||||||||
- >
- Yahoo!サービス
- >
- Yahoo!ブログ
- >
- 練習用
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
- >
- Yahoo!サービス
- >
- Yahoo!ブログ
- >
- 練習用
||<#FFFFFF' ``|| ||||<#fffaea'style='width:250px;text-align:center;font-family;font-size:10pt;color:#6a5000;word-spacing:240px;line-height:5pt;border:groove 5px #6a5000'``[[attached(*,center)]] ||||<#eaffef'style='width:250px;text-align:center;font-family;font-size:10pt;color:#006a1b;word-spacing:240px;line-height:10pt;border:groove 5px #006a1b'`` まずは等価に分割です♪ 全角スペースで改行します♪ 文字列の最後に 全角スペースを１個入れて下さい→★ ※[[attached(*,center)]]の*には該当数値を入れて下さい♪
||<#FFFFFF' ``|| ||||<#fffaea'style='width:300px;text-align:center;font-family;font-size:10pt;color:#6a5000;word-spacing:290px;line-height:5pt;border:groove 5px #6a5000'``[[attached(*,center)]] ||||<#eaffef'style='width:200px;text-align:center;font-family;font-size:9pt;color:#006a1b;word-spacing:190px;line-height:10pt;border:groove 5px #006a1b'`` 画像ちょっと大きめ 文字スペースチョイ狭目です 全角スペースで改行します♪ 文字列の最後に 全角スペースを１個入れて下さい→★ ※[[attached(*,center)]]の*には該当数値を入れて下さい♪ ☆今回のまとめ＆注意点☆
まずは お手持ちの画像を記事にＵＰする前に２５０ピクセル前後に縮小して下さい♪ 画像の方にも文字を入れる事は出来ます♪ 文字を入れないなら 文法をもっと短くできます♪ 左右の大きさ調整は【width:250px及びspacing:240px】の数値を変更して下さい♪ 文字の大きさ調整は【font-size:10pt】の数値を変更して下さい♪ 行の高さ調整は【line-height:10pt】の数値を変更して下さい♪ フォントを変える事も出来ますが 文法があまりにも長くなるので省略してます凹 要注意 左右の大きさ調整は 左右足して560pxを越えない様にして下さい♪ ※レイアウトが崩れます凹 文字列の最後には必ず全角スペースを最低でも１個入れて下さい♪ (★の所です) ※入れないと最後の文字が勝手に改行します凹 大きさの違う左右分割を続けて上下に並べる事は出来ません凹 (一番大きいサイズになりレイアウトが崩れます凹) ※上記の様に２５０ピクセルVersionは上下に並べられますが ２５０と３００Versionを続ける場合は 一行列を空けて下さい♪ 分からない事等が御座いましたら 遠慮なく聞いて下さい♪ (￣▼￣*)ﾆﾔｯ ※文法に間違いがあったら ごめんなさいです凹 転載＆使用の際に コメント＆傑作を頂けると次回の励みになります♪
|
||||||||||||||||||
- >
- Yahoo!サービス
- >
- Yahoo!ブログ
- >
- 練習用
