マイスキンつくりたいな
by tomo0640820
S M T W T F S
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
カテゴリ
目次
このサイトについて
とりあえずマイスキン
HTML編集 A
HTML編集 B
HTML編集 C
HTML編集 D
CSS編集 序1 明解編
CSS編集 序2 模索編
CSS編集の友
いざマイスキン
マイスキン人リンク(TB)
お便利サイト
以前の記事
2004年 10月
2004年 09月
2004年 08月
2004年 07月
2004年 06月
2004年 05月
フォロー中のブログ
Feeling...感じ...
ちゃめ・家
【 d r o p s ...
FOOTBALL STYLE
ごはんですよ。
のらくら庵
ライムのブログ
流れ星の散歩道(^_-)-☆
極私的パパ馬鹿日誌
じゅん☆ブログ
発展途嬢
:..: めもにっき。:...
はい こちらサポセン。
+ music life +
Roller skate...
でも、がんばる!
Fan Fan Life...
トルコ旅日記
喜 怒 哀 楽
ぽっとの陽だまり研究室
MIURAKE
Brel et moi
Loophole
blueblueclub
恐悦至極に存じます。
しゃんくのつぶやき
しあわせの箱庭
ぱーむらいふ
超初心者一眼レフ日記。
私の人生、こんなもん 涙...
人生の地図
today's chan...
そんな目で見るなよ
雀屋だらだらday's
スラドット60
no name☆
norah'#
3gatsu-USAGI
***amedama ...
My funny Val...
Bostonterrie...
たびcamera
お魚好きなねこ
MINT TIME
エキブロ外リンク
Anemosphere-Blog
TOMOのother sites
tomolatte
最新のトラックバック
表示/非表示のがたつき
from 華談 -St.Dorothe..
CSS&HTML / T..
from 日刊エキブロ新聞
リニューアル工事中。
from Too High Quali..
HTMLのテーブル
from † CrossMoon † ..
検索
その他のジャンル
ファン
記事ランキング
ブログジャンル
画像一覧
<   2004年 07月 ( 13 )   > この月の画像一覧
HTML編集「B-2列のレイアウト-右側にメニュー」
マイスキンを作成する際に用意されているBタイプのHTML構造を探ります。

a0003861_0571893.gif

a0003861_0582348.gif

HTML編集では右の図が用意されています。
編集画面内でクリックすると各パーツを選択できます。
選択したパーツはオレンジで示されます。
まずは全体の構造です。


---------------------------------------------------

Bは中央寄せされた2つのテーブルで構成されています。
そして下のテーブルには入れ子状にページナビのテーブルが入っています
テーブルは赤線、中のセルは黒線で示しました。

「<$」と「$>」で囲まれたものはエキサイトブログの独自タグです。
エキサイトブログタグは削除可能なものと出来ないものがあるそうで可は青字、不可は赤字に下線で示しました。
a0003861_0591424.gif
エキサイトブログタグを説明ページに沿って差し替えたのが次の図です。
a0003861_0593514.gif

---------------------------------------------------

次にHTML内部の構造です。
a0003861_10111.gif
上の図のオレンジ2つを1つにまとめたものが次の図です。
テーブルは赤線、中のセルは黒線で示しました。
a0003861_103717.gif
エキサイトブログタグを説明ページに沿って差し替えたのが次の図です。
a0003861_11118.gif

[PR]
by tomo0640820 | 2004-07-31 19:34 | HTML編集 B
No.8 「川北NOW」 fullcolor38さん
マイスキン人リンク No.8 fullcolor38さんです。

スキン変更。

ご本人は基本スキンCの背景を変えただけ、とおっしゃっています。
その背景は抜けるような青空画像。('04.7.27現在)
投稿内容もサッカー、F1の記事が多いので青空とマッチ。
効率的にスキンを自分色に一新した好例ではないでしょうか?

(※背景を変えただけと謙遜していますが 可読性を考えたり、各タイトルまわりを調整したり細かなところでお手入れされています)
[PR]
by tomo0640820 | 2004-07-27 22:00 | マイスキン人リンク(TB)
CLASS指定をブラウザで簡単に確認する方法
そういえば思い出した…。
某雑誌にお役立ちツールが紹介されていたことを!
Bookmarkletなるものを導入すればCSSがどんなに細かくても長くても読みづらくても(くどい)たっちょんぱ(死語)でCLASSをブラウザで確認できるのだったわ。

このブログの7/11の記事(スクリーンショット)で例示します。


上の画像のような感じでCLASS指定された部分が赤枠でCLASS名は赤字で表示されます。便利ですよね。
実物大のBookmarklet使用画面スクリーンショットはこちらです。

このBookmarkletはJavaScript::Bookmarkletで紹介されています。

…更に詳しいご紹介はこちら。
[PR]
by tomo0640820 | 2004-07-25 19:36 | お便利サイト
CLASS名 図解 Aタイプ
カテゴリ「HTML編集A」をご覧になっていない方は、先にそちらをお読みになることをお勧めします。分かりづらい図解だと思いますので…。

エキブロでマイスキンを作成する際に用意されている基本スキン・Aの「HTML編集」で明示されているCLASS名の図解です。(IDは存在しません)
この他にも明示されていないCLASSがいっぱいあります。
それに関しては「CSS編集 序2 模索編」で模索しています。

カテゴリ「HTML編集A」の図を基に、CLASSで指定されている部分を黄線白色枠で囲み、太字でCLASS名を表示しました。

---------------------------------------------------

「A-1列のレイアウト- 上下にメニュー」全体図


---------------------------------------------------

「A-1列のレイアウト- 上下にメニュー」内部

[PR]
by tomo0640820 | 2004-07-25 00:01 | CSS編集の友
HTML編集 「A-1列のレイアウト- 上下にメニュー」
マイスキンを作成する際に用意されているAタイプのHTML構造を探ります。

a0003861_0262332.gif

a0003861_0395490.gif

HTML編集には右の図が用意されています。
編集画面内でクリックすると各パーツを選択できます。
選択したパーツはオレンジで示されます。
まずは全体の構造です。


---------------------------------------------------

Aは中央寄せされた1つの大きなテーブルで構成されています。
(中に入れ子状にページナビのテーブルがもう一つ入っています)
テーブルは赤線、中のセルは黒線で示しました。

「<$」と「$>」で囲まれたものはエキサイトブログの独自タグです。
エキサイトブログタグは削除可能なものと出来ないものがあるそうで可は青字、不可は赤字に下線で示しました。
a0003861_0485849.gif

エキサイトブログタグを説明ページに沿って差し替えたのが次の図です。

a0003861_0501698.gif

---------------------------------------------------

次にHTML内部の構造です。
a0003861_051012.gif
上の図のオレンジ3つの部分を1つにまとめて図解したものが次の図です。
テーブルは赤線、中のセルは黒線で示しました。
a0003861_0514072.gif
エキサイトブログタグを説明ページに沿って差し替えたのが次の図です。
a0003861_052162.gif


※補足を読む方はこちらをクリック!
[PR]
by tomo0640820 | 2004-07-22 22:00 | HTML編集 A
No.7 「ぽっとの陽だまり研究室」 ぽっと(potto37)さん
マイスキン人リンク No.7 ぽっとさんです。

■小窓の設置方法

カテゴリの中に「みんと♪さんのスキン編集」があります。
みんと♪さんが運営していた"みんとの手探りブログ作成日記♪"の公式再現ページ、だそうです。
みんと♪さんのブログは既に停止しているようで残念ながら実物を私は見ることができなかったのですが、ぽっとさんの投稿でスキン関連の様々なtipsを読むことができます。
確かにこれらのtipsはブログ停止で消滅させるにはもったいない内容です。
こんなふうに誰かの便利なブログを 利用した誰かが引き継いでくれれば恩恵にあずかる人が更に増えるというものです。
ぽっとさんに感謝、です。

また、最近ぽっとさん自身も精力的に「スキン編集」の記事を投稿しています。
スキンを飾る実用的なテクニックなのですぐに自分のサイトに反映させることができ便利です。
個人的にはコメント欄内のお腹ぷくーっの黄色い小動物がお気に入りです(^ ^
[PR]
by tomo0640820 | 2004-07-18 00:06 | マイスキン人リンク(TB)
Movable Type 3.0 日本語版
「Movable Type」、ブログ作成ツールの代表格。
ブログ人やココログ、そしてここエキブロもこれを採用されているそうです。
雑誌で見かけて前から気になっていたのですがMovable Type 3.0 Developer Edition日本語版が7/15に提供されるそうです(今はベータ版)。
個人使用は無料だしこれを機にちょっと試してみようかしら。

==================== 追 記 =====================

提供と同時にやってみました。
ほとんど野次馬のノリ(^ ^;
MTに関しては既に詳しい解説サイトが続々でているので案外するすると設置できました。
日本語版だったし(←これ大きい)
嬉しいのがスキンをいじる編集画面さえカスタマイズできる事…!
テキストエリアの大きさとかフォントサイズとか。
ここでも相変わらずデフォルトスキンのままですが ゆっくりいじってみようかと思っています。
(画像はMTブログ、デフォルト画面の一部です)

================ 追 々 記 =====================

この後、Nucleusも気になって試しに設置。
ああ、こうやってあちこちやり散らかして一つもモノにすることができずに終わるのが私のパターン。

[PR]
by tomo0640820 | 2004-07-11 13:07 | いざマイスキン
No.6 「MIURAKE」 みう(lunch-box)さん
マイスキン人リンク No.6 みうさんです。

やっぱりやるのね。

2004.7.8現在開設3日目、出来たてほやほやブログです。
管理人のみうさんはアダルティーな作風の絵描きさんです。
やはりメインはお絵描きブログを予定しているということでこれから楽しみです。
[PR]
by tomo0640820 | 2004-07-08 22:03 | マイスキン人リンク(TB)
目次
「めざせマイスキン」の目次です。

このサイトについて
自己紹介をかねて

とりあえずマイスキン 
エキサイトブログが用意した基本スキンをそのまま装着したときのことです

HTML編集 A
初期設定で用意されている「A-1列のレイアウト- 上下にメニュー」の構造です

HTML編集 B
「B-2列のレイアウト-右側にメニュー」の構造です

HTML編集 C
私TOMOが最初に試してみた「C. 2列のレイアウト-左側にメニュー」の構造です

HTML編集 D
「D. 3列のレイアウト-左右にメニュー」の構造です

CSS編集 序1 明解編
CSS編集の前半部分を日本語で(笑

CSS編集 序2 模索編
CSS編集の後半、あやしげな部分です(汗

CSS編集の友
HTML編集で明示されているCLASSの図解。こちらから直行できます。
Aタイプ  Bタイプ  Cタイプ  Dタイプ

いざマイスキン
実際にわたくしTOMOが四苦八苦している過程です

マイスキン人リンク(TB)
マイスキンを使用している方=「skin by ID」となっている方 のブログをトラックバックの形で紹介しています。
お時間がない方はこちらから直行できます。
No.1 「めもにっき。」 サラディナさん
No.2 「のらくら庵」 ノラクラさん
No.3 「Greyheron's Nest」 劉子(egress)さん
No.4 「はい こちらサポセン。」 Ken2(mitsu-ken)さん
No.5 「First Impression of ActionScript」 mashazoさん
No.6 「MIURAKE」 みうみう(lunch-box)さん
No.7 「ぽっとの陽だまり研究室」 ぽっと(potto37)さん
No.8 「川北NOW」 fullcolor38さん
No.9 「そら風ブログ」 yurukazeさん
No.10 「Loophole」 Lupin038さん
No.11 「[ B5-BLOG ]」 AYK5(ayk555)さん


お便利サイト
スキン作りにお役立ちのサイトを紹介

----------------------------------------

私TOMOが実際にスキンをいじっていた場所はめざせマイスキン別館です。

----------------------------------------

こっそり育児寄りブログも作成しております (Movable Type使用)
http://tomolatte.com/blog/

[PR]
by tomo0640820 | 2004-07-07 23:10 | 目次
No.5「First Impression of ActionScript」 mashazoさん
マイスキン人リンク No.5

リニューアル考察[4]

きらりとセンスの光る完成度の高いスキン。
それもそのはず、デザイナさんだそうです。
ブログのメインは「ActionScript2.0について」ですがカテゴリの中に「スキン編集とcss」があり、画像を交えて丁寧に解説しています。
[PR]
by tomo0640820 | 2004-07-07 22:01 | マイスキン人リンク(TB)