直列つなぎ。 -とある発達障害者の記録

知識と知識を繋ぐためのblog。 広汎性発達と診断されました。ぜんぜん役に立ってないけど。月収13万円、家賃4万円で生活するひつじ人間。

greenish-3c blog titleを弄る


 見つけたblogをリンクに追加しまくっているが、いつかここで真似したいからである。このテンプレはCSSが読みやすく出来ており、カスタマイズは比較的容易だ。でも不幸なことに、オレはこーいう手の込んだモノがあまり得意ではない。

コピペしたり、Firefoxでいろいろぶち込んでみるのが精々、中のソースどうなっているかについては、ちょっと難しいものになるとまるで分からなくなる。何でもっと判りやすく書いてくれないのかといつも思うのだ。書いた当人たちにとっては当然なのだろうが。


今回は、

http://blog-imgs-84.fc2.com/m/o/j/mojakouinfotaker/sheep_2724972b.jpg); PADDING-LEFT: 10px" class="clmTitle"> Sheepman's Cave



を使ってみた。

<h2 style="BACKGROUND-IMAGE: url(http://blog-imgs-84.fc2.com/m/o/j/mojakouinfotaker/sheep_2724972b.jpg); PADDING-LEFT: 10px" class="clmTitle"></a><a title="" href="http://mojakouinfotaker.blog.fc2.com/" target="">  Sheepman's Cave</a></h2>

を使ってみた。


 表示位置はCSSにより設定されているのでこのエディタでは動かせない。
 例えばh4要素を動かすには、

h4
{
padinng: 0px 0px 0px -300px;
}
などと設定する必要がある。これだと全部のh4が動いちゃうけど。

独自に要素名をCustomH などと付けることも出来るみたいだ。


今までにストックしたもの



多分 、正規の方法じゃないかも知れない。


ちなみにこんなことも出来る。




http://blog-imgs-84.fc2.com/m/o/j/mojakouinfotaker/sheep_2724972b.jpg); PADDING-LEFT: 10px" class="clmTitle">
Sheepman's Cave







<h2 style="BACKGROUND-IMAGE: url(http://blog-imgs-84.fc2.com/m/o/j/mojakouinfotaker/sheep_2724972b.jpg); PADDING-LEFT: 10px" class="clmTitle"></a><a title="" href="http://mojakouinfotaker.blog.fc2.com/" target="">  <table><tbody><tr><td bgcolor="green">Sheepman's Cave</td></tr></tbody></table></a></h2>




HTMLがオブジェクト、CSSが細かい配置を司っている。
編集にFirefoxの機能を使っている。


いつかこんな風にやりたい。
 http://www.ligamap.com/
関連記事
スポンサーサイト

 blogカスタム記録

0 Comments

Leave a comment