PHPSPOT開発日誌で紹介されていたのですが、CSSとJavaScriptだけで、すごいことができています。
Safari, Firefox 3.5, Opera, Chromeだけで動くようなので、IEでは見れません。
1
タグ「CSS」が付けられているもの
本ブログでは、ソースコードの記述は、<ol>を使うことにしました。
コピペすると、行番号までコピーされるのですが、そこは、下にtextareaをつけることで、回避することにします。
まぁ、このブログに書くソースコードをどれくらいの人がコピペしてくれるのかは、不明ですが。。。
あと、色づけして強調をしたかったのですが、これは、色のセンスがいるので、自分には無理です。。。
さっそく追加するスタイルシートの一部を。
たまに、ソースコードを記載する記事があるのですが、いかにきれに見せるかを悩んでいます。
前の記事もその内容についてだったんですが、Archiva「コードは<pre>でマークアップするべき ...か？」で、
目からウロコ状態の記事がありました。
行番号表示するには、<ol>タグを使うんですね！！
（大変だ・・・）
前の記事もその内容についてだったんですが、Archiva「コードは<pre>でマークアップするべき ...か？」で、
目からウロコ状態の記事がありました。
行番号表示するには、<ol>タグを使うんですね！！
（大変だ・・・）
昨日、はじめてHTMLタグに"<code>"タグがあることを知りました。
で、ソースコードを記述するのに、上手く整形されないので、何かいい方法がないものかと探していたら、
自動で変換してくれるサイトがありました。
ソースコード HTML化 コンバーター「唐辛子」
"<"を"<"に自動変換してくれるだけでなく、classを割り当ててくれるので、スタイルシートをいじれば、カッコよくなるというものです。
なので、この記事は、そのテストです。
で、ソースコードを記述するのに、上手く整形されないので、何かいい方法がないものかと探していたら、
自動で変換してくれるサイトがありました。
ソースコード HTML化 コンバーター「唐辛子」
"<"を"<"に自動変換してくれるだけでなく、classを割り当ててくれるので、スタイルシートをいじれば、カッコよくなるというものです。
なので、この記事は、そのテストです。
どこをどういじったのかまとめきれませんが、styles.cssに追記することで、
インクルードされたcssは上書きされることを知りました。
後から指定されたものが優先されるのですね。
どうでしょうか？＾＾；
1
