人気ブログランキング | 話題のタグを見る

東男と京女のトリアーノ家。日常雑記を綴ってます^^;
by tolliano_papan
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
カテゴリ
お知らせ
京都シルヴプレ
鎌倉シルビアン
横浜シルビアン
東京・デ・プレ
ライフ
料理・お菓子
お弁当
離乳食
ディズニーリゾート
自然
IKEA
コレクション
モーツァルト、モーツァルト
Start Mac
after Start Mac
カメラ・機材・画像加工
EPSON Colorio EP-805
ブログ・カスタマイズ
ブログリンク 3
タグ
(657)
(564)
(134)
(70)
(66)
(22)
(21)
(18)
(18)
(11)
(7)
(1)
●Tolliano Blog
トリアーノ・リーヴ・ゴーシュ
若き日のパパの、ベルサイユでの夏の生活、パリ、ヨーロッパ、中近東などの旅行の思い出を綴ってます。
______________________
Copyright (C) 2006 - 2024 Tolliano
All Rights Reserved.
Not for use without permission.
______________________
●Link
カメラと一緒にパリでお散歩*
プチと一緒にパリでお散歩*
パリの幼稚園のフランス語ノート
パリノイロハ
パリノオト・la note de Paris
パリノコトノハ
パリの歴史探訪ノート
Carnet de Paris
Spice of Life 京の街角
Spice of Life on instagram
youpv on instagram
usuasagi.com
以前の記事
2016年 01月
2015年 12月
2015年 09月
2015年 08月
2015年 07月
2014年 07月
2014年 06月
2013年 12月
2013年 11月
2013年 10月
2013年 09月
2013年 08月
2013年 07月
2013年 06月
2013年 05月
2013年 04月
2013年 03月
2013年 02月
2013年 01月
2012年 12月
2012年 11月
2012年 10月
2012年 09月
2012年 08月
2012年 07月
2012年 06月
2012年 05月
2012年 04月
2012年 03月
2012年 02月
2012年 01月
2011年 12月
2011年 11月
2011年 10月
2011年 09月
2011年 08月
2011年 07月
2011年 06月
2011年 05月
2011年 04月
2011年 03月
2011年 02月
2011年 01月
2010年 12月
2010年 11月
2010年 10月
2010年 09月
2010年 08月
2010年 07月
2010年 06月
2010年 05月
2010年 04月
2010年 03月
2010年 02月
2010年 01月
2009年 12月
2009年 11月
2009年 10月
2009年 09月
2009年 08月
2009年 07月
2009年 06月
2009年 05月
2009年 04月
2009年 03月
2009年 02月
2009年 01月
2008年 12月
2008年 11月
2008年 10月
2008年 09月
2008年 08月
2008年 07月
2008年 06月
2008年 05月
2008年 04月
2008年 03月
2008年 02月
2008年 01月
2007年 12月
2007年 11月
2007年 10月
2007年 09月
2007年 08月
2007年 07月
2007年 06月
2007年 05月
2007年 04月
2007年 03月
2007年 02月
2007年 01月
2006年 12月
2006年 11月
2006年 10月
2006年 09月
2006年 08月
2006年 07月
2006年 06月
2006年 05月
2006年 04月
2006年 03月
2006年 02月
2006年 01月
最新のトラックバック
お気に入りブログ
うちの食卓 Non so...
ニューヨークの遊び方
「料理と趣味の部屋」
happy *riko*...
こまめちゃんと一緒
KOTOコレ2017
ヨコハマな日々
シャンソン歌手ができあがるまで
PLATTS DAYS
こにくのオーストリアの街...
アンティーク・雑貨・アー...
samanthaの食卓
おいしい写真館
La vie avec ...
京都写真(Kyoto P...
シャシンとノート(臺灣編)
ヒトは猫のペットである
代官山だより♪
DTPサムライのブログ
Snap of 鎌倉
Impressions
食卓の風・・・
Enjoy Brilli...
feel the win...
☆スターフルーツの木の下で☆
M8, M9 & R-D...
*digital sky*
polepole日記
patapon diary
すずちゃんのカメラ!かめ...
ありがとう 人生!~me...
Reon with LR...
the best shot
くーぽあ・くーぱー不定期便
En Ville qui...
*ちょっとコーヒーでも*
ときどき写真日和
夜空
ぴんく色の空 in Sy...
星日記
Maison de cl...
White Board -♭
Loving*Heart
TeRa Life
Precious*恋するカメラ
o-max style
*情熱大陸*ブラジルの写...
day's photo.
fuu.....nnm....
エクランの撮影日記
EOS-5D DIARY
ゆうゆう時間
hayabusa's p...
ferris wheel...
「ちょこっとピンボケ?」
気分屋 ぷりんせす
No Identity
Peaceful pho...
*Wonderful T...
Coshiのお気楽日常写真
コムスメ * カメラ
Lovepan
Lush Life
MONO STYLE +
Kitchen diary
チャノマ。
SOMETIME BLUES
FOTO CYCHEDE...
EURO SNAP
リズムのある暮らし
まねきねこ
ちくりんのお気に入り写真
CABYblog,
Naocolor1
BOKEH☆衝動
ego.
Life with Leica
和む由もがな
Kazokunokiroku
フォト語り。 ☆オレと家...
あに☆いもうと
くらしのギャラリーちぐさ
聖那と話そう ぽっかぽか5
Naturopathic...
徒然日誌
KOBE Kitano ...
ほんまか!写真日記
今撮らないとゼッタイ後悔する!
photo diary ...
ポータブル・アニマル P...
H I S H I A ...
月夜のひとりごと
my toypoodle
yoshiphoto
外部リンク
検索
ライフログ
その他のジャンル
information
  • このブログに掲載されている写真・画像・イラストを無断で使用することを禁じます。
ブログジャンル
画像一覧
プチ・カスタマ 02   デザイン編 2
プチ・カスタマ 02   デザイン編  2_f0038408_21212631.jpg


● カンプを作ってみます

デザインの方向性がまとまったところで、フォトショでカンプ*を作ってみます。
まずは、フォトショのカンバスサイズ(=用紙サイズ)をA4に設定して、
色々データを収集しながら、ざっと作ってみます。

ちなみに文字色は、
RG(リーヴ・ゴーシュ)の方が、黒に近いグレー、
RD(リーヴ・ドロワット)の方は、茶系でまとめてみました。

*カンプ:デザインラフ案=叩き台




プチ・カスタマ 02   デザイン編  2_f0038408_662043.jpg

● 写真の大きさを決めてみます

スキンの全幅を固定するために、
写真の大きさを決めておきます。

うちの場合、文字が入ることが多いので、
従来通りヨコ幅(長辺)700px でいこうかと。





プチ・カスタマ 02   デザイン編  2_f0038408_664782.jpg

こちら、同じ画像を、ヨコ幅(長辺)500px にしたもの。
ずいぶん大きさが違うもんすね。





プチ・カスタマ 02   デザイン編  2_f0038408_2122132.jpg

● スキン全体の幅を確認します

スキン全体の幅が決まってないと、カンプができないわけでして、
数値を確認できる画面へ進みます。
ちなみに、この画面の流れ、カスタマイズの作業で何回も往復します。





プチ・カスタマ 02   デザイン編  2_f0038408_21222610.jpg

画面4で、「C. 2列のレイアウト-左側にメニュー」を選択。
画面5で、HTMLおよびCSS編集の「■ 各部分別横幅」でデフォルトの設定(初期設定)値を確認します。

現在設定された部分別横幅(pixel) : 本文 500 - ロゴ 150 - メニュー 150

本文は、記事のヨコ幅なので、写真ヨコの幅になります。
500pxから700pxに変更すると、サイドバーのロゴ・メニューの150pxと
合計でスキンの幅は850px。 なのだけど、余白に余裕をもたせて900pxとしました。





プチ・カスタマ 02   デザイン編  2_f0038408_21223694.jpg

● マイスキンで選べる4つのレイアウト

一応全部試してみました。 自動的に生成されるオリジナルの状態です。

A. 1列のレイアウト - 上下にメニュー
B. 2列のレイアウト - 右側にメニュー
C. 2列のレイアウト - 左側にメニュー
D. 3列のレイアウト - 左右にメニュー

A. 1列のレイアウトの本文(=記事・写真)幅は700px、それ以外のレイアウトは500px。
本文幅が、500pxの場合、画像のヨコ幅がそれより大きいと自動的に500pxに縮小表示
となりますが、その場合、文字や線のギザギザが目立つ画像になってしまいます。
というわけで、「C. 2列のレイアウト-左側にメニュー」の本文幅を500pxから700pxに
変更することを想定してカンプを作ります。

この段階ではスキンの変更となる「適用」ではなく、「保存」の状態であります。

ところで、A. 1列のレイアウトの画面で、なぜかロゴ画像がトップにきてます。
なんでやろ? ま、ロゴ画像を外せばいいんすかね^^;





プチ・カスタマ 02   デザイン編  2_f0038408_21225077.jpg

● パーツを準備します

フォトショで作ったカンプから必要パーツをコピペして、アップ用の原稿を作ります。
ちなみに自動縮小になるとギザギザが目立ってしまうので、カンバスサイズは、
初めから指定のサイズで作りました。

・スキンイメージは、新しいスキンを作る際、必要です。(gif)
・タイトルバナーとロゴ画像は任意です。(jpg)


次回は Webセーフカラーであります。
まだ下準備は続く。


備考)
・初めてスキンをカスタマイズした超初心者が書いております。
・間違いのご指摘、アドバイスなど大歓迎でございます。
・スキンのカスタマイズは自己責任っちゅうことで、よろしくお願いいたしますっ。
・カスタマイズに興味のある方、情報交換しましょう~^^;
by tolliano_papan | 2008-02-12 21:35 | ブログ・カスタマイズ | Comments(34)
Commented by asdpc at 2008-02-12 23:49
こんばんは!
す、凄いの一言です!
ボクもスキンのカスタマイズをやってみたくなりました!

リンク、ありがとうございます!
ボクも頂いていきます!m(__)m
Commented by dianas at 2008-02-13 00:10
こんばんは!
とってもわかりやすい解説で初心者のカスタマイズとは思えませんよ。
ちゃんとカンプを作って計画性を持って作ってらっしゃいますね。
いつか時間を見つけて作ってみたくなりましたよ。
続きも楽しみにしています!
Commented by もりもママ。 at 2008-02-13 00:34 x
こんにちは!
ブログのカスタマイズ楽しいですよね〜。
私も自分のブログごりごりにいじってます。
いじってるとあっという間に時間が過ぎるんですよね。
ブログ友達とダミーでカスタマイズ用の非公開ブログを作り、どのサイズ・色が写真を綺麗に見せれるかなどと話し合いしましたよ。
これだからブログはやめられません(笑
あ、A(上下メニュー)では
<div align="center">
<div class="PROFILE">
<div align="center"><$logoimage type=1$></div>
<$description$>
<$nick$>
</div>
というプロフィールの一連のタグを好きなところに持ってくればとりあえず、トップにドカーンと来る事はないと思いますが。
どうでしょう。
でもあまり上下メニューて見ませんね^^;
Commented by tolliano_papan at 2008-02-13 06:09
★asdpcさん

おはようございます。 一度手をつけ始めるとけっこう夢中になる
タイプっす^^; 最初カンプなしでちょろちょろ始めてみたんです
が、頭ん中がこんがらがってきまして、ま、急がば回れって感じ
でしょうか。 リンク、ありがとさんどす^^; 
Commented by tolliano_papan at 2008-02-13 06:09
★dianasさん

おはようございます。 ちょっと拘ってみたいっちゅう場合は、
やっぱカンプ作って詰めていった方が確実っすね^^; 
HTMLもCSSも初心者なので、トライ&エラーの繰り返しでした。
ひとつひとつやっていくと、なんとかなりそうな感じっす^^; 
Commented by tolliano_papan at 2008-02-13 06:11
★もりもママ。さん

おはようございます。 おぉ、さっそくタグ情報、ありがとさん
です~^^; HTMLとCSS欄に、1回ずつ入れて、やってみ
たんですが、ううう、ロゴ画像は相変わらずトップにどっか~
んでした。

私もダミーのブログで色々試してから本番投入してます^^;
色々やってると楽しくて、ほんとあっという間に時間過ぎちゃい
ますね。 またアドバイスとかよろしくお願いいたしまっす^^;
Commented by patapatamaman at 2008-02-13 07:49
おはようございま~す

素晴らしいぃ~~~
ワタシもいつか何とかしてみたいですぅ^^;

続きを楽しみにしております♪
Commented by Capucci-mm at 2008-02-13 08:19
う~ん、やっぱ難しそう(^^;;) アセアセ
時間あったら挑戦・・・かな?(^^ゞ
Commented by nsn_sns at 2008-02-13 08:33
こんにちは。
画像の横幅の意味こういう事だったのですね。
わたしも長辺700PIX固定にしようかと思った事はあるのですが、わたしの場合、圧倒的に縦位置の写真が多いので、ぱっと見た目に大きすぎるかな、と思い、今の長辺500PIX、クリックで原寸の800PIX表示にしたんですよ^^;;

で、ギザギザが出ちゃうという結果になっています><
とはいえ、画像をクリックで拡大するってどこにも書いてないんですよね^^;;
毎日そうやって入れるのも面倒ですし・・・・。基本的にはテキストというか説明は、あまり入れたくない、ってのもありますし^^;;

Commented by m_ymdman at 2008-02-13 09:16
おはようございます。
格好いいスキンですね。
図解は、非常にわかりやすいです。
ブログ大胆に改造してみたくなりますね。
続きが、楽しみです。m(_ _)m
Commented by ぷぅ at 2008-02-13 09:29 x
勉強になった!!!
特に写真のサイズの比較、フォントのサイズが!
これはなかなか比較してみた事が無かったので勉強になりました。
思わずメモった!あと、カンプって言葉覚えた(o^∇^o)ノかっこいー☆
Commented by y_and_r_d at 2008-02-13 13:24
こんにちは。
カンプを作り出すと
すぐに10案くらいになってしまうのですが・・・。
個人的には左の案を推します。
Commented by tmphotosandiego at 2008-02-13 15:15
うひょ〜、どんどんカスタマイズされてはる。
これは、ちょっと、超永久保存板です。
わ、わたしも。。。ごきゅっ(喉が鳴ってしまいました)。。。
もそっと時間のあるときにこそこそやってみたいでしゅ。
十中八九できないと思いますが(笑)
Commented by masa6521 at 2008-02-13 16:27
このシリーズ、楽しみです。
とりあえず、永久保存版にさせていただきます。
で、私もプチカスタマイズしてみました^^

Commented at 2008-02-13 17:00
ブログの持ち主だけに見える非公開コメントです。
Commented by 4halfmoonbay at 2008-02-13 20:47
とにかくtollianoさんのタグのプチカスタマイズを憶えていて
いつかトライしたいわ~。
いつか........^^;
Commented by easykyoto at 2008-02-13 23:29
こんばんは(^^)
この記事自体がエキサイトのピックアップブロガーに選ばれそうな。。(笑)
しかし何を見てもわからなかった僕にもとても良くわかります(^^)
Commented at 2008-02-14 10:32
ブログの持ち主だけに見える非公開コメントです。
Commented by noi at 2008-02-14 17:51 x
tollianoさんの芸の細かさにいつも惚れ惚れです。
素晴らしいですね。
ネームカード(拝見しました‥)の性格診断大当たりじゃないですか!
私はブログ持っていないのですが
エキサイトのピックアップブロガー楽しみで見ています。
tollianoさんがピックアップされる日もきっと近いですね~。
Commented by コラン at 2008-02-14 21:59 x
こんばんは。
何となくしか分かりませんが(^_^;)、面白そうですね~。
どんなふうにまとまるんでしょうね。楽しみです。
Commented by tolliano_papan at 2008-02-15 00:25
★ぱたぽんさん
 
こんばんは。 地道にタグとか見てると、なんとかなりそうな気が
してきた、今日この頃であります^^;  ルールが色々あるようで
して、その辺からコツコツとやっていこうかなと^^;
Commented by tolliano_papan at 2008-02-15 00:25
★Capucciさん
 
こんばんは。 >う~ん、やっぱ難しそう・・・やっぱ難しいっす^^; 
ま、できることからコツコツとって感じっす。 マイスキンで選べる
4つのレイアウトで文字色変えるだけでも、いい感じかもっすよ^^;
Commented by tolliano_papan at 2008-02-15 00:26
★nsn_snsさん
 
こんばんは。 説明不足でもうしわけございませんでしたっ^^; 
こういうことでありまして、ま、本文幅(=記事幅)と写真幅が同じ
pxだとギザギザが出ないようであります。私の場合、タテでもヨコ
でも写真の大きさを同じにしたかったので、長辺700pxがちょうど
よかったかなと^^;
Commented by tolliano_papan at 2008-02-15 00:27
★m_ymdmanさん
 
こんばんは。 おニューのスキン、まだまだ未完成なんすけど、ま、
とりあえず発車~って感じっす^^; ←見切り発車かよぉ~。 
リンクの文字の反応とか本文の文字色、全部同じ色なんで、解り
にくいっしょ、そのうちなんとかします^^;
Commented by tolliano_papan at 2008-02-15 00:28
★ぷぅさん
 
こんばんは。 >勉強になった!!!・・・よかった!!! カン
プってよく使うっしょ、映画にもなったのよ、フォレスト・カンプ・・・
あ、ウケたかしら^^; 以前の記事が写真長辺700pxだったから
いまさら変えられへん~^^;
Commented by tolliano_papan at 2008-02-15 00:31
★y_and_r_dさん
 
こんばんは。 >カンプを作り出すとすぐに10案くらいになって
しまうのですが・・・わかります^^; その中から選りすぐって3案
出ししたりしてます。 やっぱカンプにしてみないと、アタリが解らな
いっすよね^^;
>個人的には左の案を推します・・・きゃ~、イチオシ、み、み、右
だったんすよ、バタッ。もう1回詰めてみまっす^^;
Commented by tolliano_papan at 2008-02-15 00:32
★toshiさん
 
こんばんは。 ま、なんてったって、初めてのカスタマイズっす
から、とにかくメモとって、うまくいったら備忘記録しておかなきゃ
と^^; 次回は1/20の時間で仕上げますぜ~、毎回こんな時間
かかってたら大変っす^^;
Commented by tolliano_papan at 2008-02-15 00:34
★masaさん
 
こんばんは。 >私もプチカスタマイズしてみました^^・・・
おぉ、拝見してますがな^^; あっしら、フランス人やさかい
(←大ウソ)、やっぱフランスのナショナルカラー、フレンチ
ブルーのラインがお気に入りっすよね^^;
Commented by tolliano_papan at 2008-02-15 00:34
★鍵コメさん  at 2008-02-13 17:00
 
こんばんは。 小市民ゆえ、ダミーの研究用ブログで試してから
じゃないと、恐くってできません~^^; あ、遠足の件、初めて知
りましたっ、あちらにご返事しますね。更新情報がメールで転送さ
れる設定にしてあるのですが、いっこうに来ないみたいっす。申し
訳ございません。別件の件、拝見いたしました、ま、おいしそうだこと^^;
Commented by tolliano_papan at 2008-02-15 00:35
★mayさん
 
こんばんは。 HTMLとCSS編で細々まとめますので、ご参考にどう
じょ^^; mayさんだったら、ハマると思いますわよ♪ 最初ちんぷん
かんぷんだったんすけど、なんとかやってるうちに、だんだんなんとか
なってきました^^; 
Commented by tolliano_papan at 2008-02-15 00:36
★ひろさん
 
こんばんは。 私も最初、タグ、ずら~っと見ちゃったときは、何
がなんだか解らなかったんすけど、1週間集中で解るとこは、解
りました^^; ええ、解らないとこは、相変わらず解りまへん~。
ま、そのうちなんとかなるでしょう~^^;
Commented by tolliano_papan at 2008-02-15 00:37
★鍵コメさん   at 2008-02-14 10:32
 
こんばんは。 おぉ、嬉しい情報てんこ盛り、ありがとさんです~^^; 
やっぱ研究用極秘ブログをお持ちだったんですね、一緒、一緒^^; 
さっそく拝見しました、なるほど、研究してますね~。 

Macのブラウザはサファリっす。ちなみにWinの場合はIEっす。OS
やブラウザで見え方違うんすよね~、微妙にズレたりします。
これからも、情報交換、よろしくお願いしまっす^^;
Commented by tolliano_papan at 2008-02-15 00:37
★noiさん
 
こんばんは。 芸と手先は器用なんすけど(爆)、頭が文系なもん
でして、タグとか未知の言語のようでした^^; 理系の方だとぱっと
理解できちゃうんでしょうね。 そうそう、私が仲裁に入ると、まとまる
ものも、まとまらなかったりして、ははは^^;
Commented by tolliano_papan at 2008-02-15 00:38
★コランさん
 
こんばんは。 私もなんとなくしか、わかりまへん^^; ま、色々
トライできるので、結果オーライでがんばっております。 結果が
すぐ出るっていいっすね、すぐ直せますから。ま、初めてってことで、
手間はすんごいかかりましたけど^^;
名前
URL
削除用パスワード

※このブログはコメント承認制を適用しています。ブログの持ち主が承認するまでコメントは表示されません。

<< プチ・カスタマ 03   デザ... プチ・カスタマ 01   デザ... >>