CSS の最近のブログ記事
最近のサイトでよく見るソースをきれいに見せるJavascriptです。
↓これ
<pre class='brush:php'> <?php $p = "サンプル"; echo $p; ?> </pre>
自分のホームページにも導入したいと思っていろいろ探しました。
現在の最新は「SyntaxHighlighter 3.0.83」のようです。
まずダウンロードして適当な場所に保存して解凍
ダウンロードファイルはこれ↓
http://alexgorbatchev.com/SyntaxHighlighter/download/download.php?sh_current
「ルートディレクトリ/js/SyntaxHighlighter」に保存した場合。
<head>～</head>内に以下を追加
ハイライト部分は必須。
ソースを表示する場所に以下のように記載すればOK。
（'brush:php'の部分は表示する言語によって変更する）
<pre class='brush:php'> <?php $p = "ようこそ"; echo $p; ?> </pre>
意外にカンタン...。
英語の説明ページですが、なんとなくでも理解できました。
なんかウレシイ。
参考ページ
トラックバック(0)
トラックバックURL:
MozshotとCSSを組み合わせて
サイトのサムネイル画像の周りに文字を回り込ませて配置。
リンク集のページなどに便利です。
<style type="text/css">
/*画像の回り込みの設定*/
.imgLeft { float : left ; }
/*文字の回り込みの解除*/
.clrLeft { clear : both ; }
</style>
<div class="clrLeft">
<p class="imgLeft">
<img src="http://mozshot.nemui.org/shot/large?http://hoshiya.biz" alt="星屋工作室" />
星屋工作室
</p>
</div>
↓↓上記でこうなる↓↓
星屋工作室
このサイトのトラックバックにも使用しています。
トラックバック(0)
トラックバックURL:
