Edo::World::Blog

〜Linux/Solaris関連の作業メモ〜

livedoorblog

表組みを作成

html

<table border="1" width="500" style="border: 1px #000000 solid; border-collapse: collapse; border-spacing: 0;">
<tbody>
<tr>
<td align="center" bgcolor="#c0c0c0">項目</td>
<td align="center" bgcolor="#c0c0c0">説明</td>
<td align="center" bgcolor="#c0c0c0">備考</td>
</tr>

<tr>
<td align="center">テスト1</td>
<td align="center">hoge</td>
<td align="center">hage</td>
</tr>

<tr>
<td align="center">テスト2</td>
<td align="center">foo</td>
<td align="center">bar</td>
</tr>

</tbody>
</table>


出力結果

項目 説明 備考
テスト1 hoge hage
テスト2 foo bar

livedoorblogのフォントを等幅に変更

面倒なのでかなり適当

  • 1.「ブログの設定/管理」-「デザインの設定」-「カスタマイズ」-「スタイルシート(CSS)」を選択
  • 2.下記部分のMSPゴシックをMSゴシックに変更
  • 3.保存して終了
/* =============================================== */
/** 01. Text - フォント・リンク */
/* ----------------------------------------------- */

* {
	word-break: break-all;
}

body
, textarea {
	font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","MS ゴシック",sans-serif;
}

[livedoorblog] 水平線

メモメモ

例: 右揃えで画面80%の長さで赤い水平線を表示

<HR width="80%" align="left" color="red">   # <HR>には終了タグは不要

表示結果:


[livedoorblog] htmlメモ

&nbsp;ああああ
&nbsp;&nbsp;ああああ

 ああああ

  ああああ

preタグの見切れ対応

このページを参考にCSSの設定を変更した。

手順

1.「ブログ設定」→「デザイン設定」→「デザインカスタマイズ」→「CSS」タブを選択

2.以下定義に修正( "overflow: auto;"の追記)

/*** blockquote & pre */
div.article-body blockquote
, div.article-body pre {
	padding: 15px 20px;
	margin: 5px 0;
	font-size: 100%;
        overflow: auto;   # この行を追記
}
プロフィール

edworld

記事検索
アクセスカウンター
  • 今日:
  • 昨日:
  • 累計:

livedoor 天気
  • ライブドアブログ