Les Photos Quotidienne


ブログタイトルの意味は
“日常写真”です。

初期の頃はフォトブログでは
ありませんでしたが、
途中からフォトブログにしました。

ランキングに参加中です。
応援クリックよろしくお願いします


ブログ村 写真ブログ コンデジ写真
いつもありがとうございます
m(_ _)m

管理人:りる



My collage blog

Erzsee's Collage
(エルジェーのコラージュ)
(↑ 別のH.N.でやってます)




インド紅茶専門店 Silver Pot

カレルチャペック紅茶店



私が管理人をしているコミュニティーです。
御参加お待ちしてま~す!

ブログ村 トラコミュ マスキングテープ(雑貨、文房具)

ブログ村 トラコミュ 紅茶

ブログ村 トラコミュ アレンジティー

ブログ村 トラコミュ おうちカフェ

ブログ村 トラコミュ カフェ

ブログ村 トラコミュ リキュール

ブログ村 トラコミュ 炭酸飲料

ブログ村 トラコミュ コンポート

ブログ村 トラコミュ コンフィチュール、ジャム & マーマレード

ブログ村 トラコミュ パフェ

ブログ村 トラコミュ アイスクリーム

ブログ村 トラコミュ おうちでCafe風ごはん&今日のお弁当

ブログ村 トラコミュ おうちごはん

ブログ村 トラコミュ 毎日のごはん

ブログ村 トラコミュ 手作りパン、手作りお菓子のある暮らし

ブログ村 トラコミュ 光

ブログ村 トラコミュ 季節の写真

ブログ村 トラコミュ 自然の美しさ

ブログ村 トラコミュ 公園で撮った写真

ブログ村 トラコミュ オススメの手作り品

ブログ村 トラコミュ フラワーアレンジメント、フラワーアート



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編集欄の<$description$>の後に追加メッセージを入力するか(私はこの方法でやってました)、ブログ本文にメッセージを入れて未来の日付に設定しておくとか(例えば2009年12月31日とか)してる人が多いと思います。

でもそれだとかわいいまたはかっこいい枠がないじゃないですか~、そんなん必要ないって場合は置いといて、私はフリー素材屋さんでお借りしたテーブル素材を使って最初はスキン編集ページのHTML編集欄にテーブルタグを入力しました。

無事うまくいって、保存ボタンを押しました。

前にも書いたんですが、私は普段はインターネットエクスプローラー(IE)6 でネットを見てるんですが、動作確認の為にSafari とFireFox もインストールしてあるので、それらでも動作確認してみたら、テーブル内の文字がIEだと綺麗にセンタリングされて表示されてるのに、Safari やFireFox だと表示されるフォントの種類とかサイズがちょっと違うので、変なところで改行されて、半端な文字が無様にセンタリングされてみっともなかったので、IE で見えてる画像をプリントスクリーンしてテーブル部分全部(文字やお花のイラストも)を切り取って一つの画像としてアップしました。

こっちのやり方の方がどのブラウザで見ても綺麗に見えるし、タグ入力も簡単だし、最初からこっちのやり方にすれば良かった~(T-T)



やってみたい方は御参考にして下さい*エキサイトブログ独自の方法です*

1. ウェブ素材屋さんでテーブル素材をお借りする、または自分で枠を作る

2. お好きなペイントソフト(gif で保存したい方はgif 画像が保存できるもの)でテーブル素材のパーツを組み合わせて合成し、その中に文字入れ機能で入れたいメッセージを入れる、イラストも入れたい場合は入れる

3. 一枚のgif 画像またはjpg 画像として御自分のパソコンに保存する
(テーブル素材がgif 画像ならgif で、jpg 画像ならjpgで保存すると綺麗にできると思います。
色数が少ない場合はgif にしないと綺麗に表示されません。
テーブル素材が写真ならjpg、テーブル素材がイラストならgif であることが多いと思います。)

4. スキン編集ページのHTML編集欄とCSS編集欄のソースをそれぞれ全てコピーし、パソコン内のメモ帳ソフトなどにペーストし、保存しておく(スキン編集で失敗した時用の保険です)。

5. スキン編集ページのHTML編集欄の外の右上の『マイイメージアカウントにイメージ登録』をクリックし、そこに画像をアップロード

6. 私のように本文記事の一番上に表示させたい場合はHTML編集欄の<$post$>の直前に、メニュー欄に表示させたい場合はメニュー管理ページの『メモ帳編集』欄または増設メモ帳に<center><img src="画像のURL(マイイメージアカウントに登録した画像のURL)" width=○○○ height=○○○ border=0 alt="Message"></center><br><br><br>と入力する
(<と>は本当は半角なので半角の<と>に置き換えて下さいね)

7.HTML編集欄の<div class=PROFILE><$logoimage type=1$><$description$>
<$nick$></div>と
CSS編集欄のDIV.PROFILE { WIDTH : 160PX; PADDING : 20PX 0PX 10PX; LINE-HEIGHT : 130%; OVERFLOW : HIDDEN; TEXT-ALIGN : LEFT; } と
IMG.LOGO { PADDING-TOP : 10PX; MARGIN-BOTTOM : 20PX; } を削除する
(スキンによって多少異なります)

8. プレビューボタンを押してプレビュー画面を見てうまく表示されてれば保存ボタンを押してできあがり。

増設メモ帳の作り方はスキン編集ページのHTML編集欄の<$calendar type=1$>の前後や、<$menuleft$>や<$menuright$>の前後や<$post$>の前などに配置できます。

メニュー欄に入れたい場合で、メニュー欄がセンタリングでないスキンをお使いの場合は、centerタグ(<center></center>)は入力しないで下さい。
記事本文の上に入れたい場合はcenterタグでセンタリングする方が綺麗に表示されますが、スキンによって違うかも…(よく判りません、すみません)。

width(横幅)とheight(高さ)の○○○には、マイイメージアカウントに登録した画像の数値(ピクセル数値)を入力して下さい。

border=0 は、これを入力しないと不要な枠が表示されてしまいますので、必ず入力して下さい。

alt="Message"のMessage の言葉は他の言葉に置き換えてもOK です。
画像が表示されなかった場合に何の画像か判るように " " 内の言葉が文字で表示されます。
画像が表示された場合は、画像の上にカーソルを置くと、カーソルを置いている間だけ四角い吹き出しとして表示されます。

<br>は改行タグです。入れた数だけ改行されますので、三つ並べた場合は三行分改行されます。お好きなだけ入力して下さい。
メニュー管理ページのメモ帳編集欄だと、本文入力の時のようにEnterキーを押した数だけ自動的に改行されますので正規のメモ帳欄なら<br>タグは入力しなくてOK です)

テーブル素材は色々なデザインやサイズのがありますので、色々な素材屋さんで探してみて下さい。
私のブログだと左メニューの下の方に素材屋さんのリンク欄があるのでよろしければ見てみて下さい。
私が今使っているテーブル素材はtudu*uzuさん、お花のイラストはポカポカ色さんのです。

で、私の場合ですが、正規のメモ帳編集欄にはブログペットを入れてあって、メモ帳タイトルは何も入力してないので、左メニューと真ん中のメッセージ欄に対して右メニューはちょっと段差ができてしまいました;
c0130409_5585178.gif
↑画像クリックで拡大します。そのままだと変な風に縮小されているので、ぜひ拡大して御覧下さい

上の画像に描いた赤茶色の線はスキンのブロックを分けています(説明が判りやすいように線を入れました)。
本当はメッセージ欄をもう少し上(ブログタイトルと同じ行辺り)に表示させたいところですが、上全体部分がヘッダなので、無理です…。
仕方ないのでメモ帳タイトルを入れましたが、本当は私はメモ帳タイトルは何にも入れたくないんですよ…。
ブログペットは今の位置に表示させておきたいし…。
スキン編集において、良い解決策を御存知の方は教えて下さいm(_ _)m

(5月7日 追記)
御覧の通り、私のブログでは現在はメッセージ欄は表示させてません。

(10月20日 追記)
7月22日に私のブログのタイトルを変更しましたので、この記事内に表示されている画像内のブログタイトルは旧タイトルです。
[PR]
by lilu7 | 2008-04-30 06:27 | PC、機械など
<< オオニソガラム アイビーとワイヤープランツ >>


    このブログの画像の
    持ち帰りや転載は
    固くお断り致します。
    Copyright © Lilu
    All Rights Reserved.
最新の記事
その他のジャンル
ピックアップ記事

すいかウォッカ・スムージー

マチェドニア

トリプルベリーアイスクリーム

ラズベリーヨーグルトスムージー

アイスの実のソーダ割り / ドライラベンダー

ミルクプリンと8種のアイスとダブルベリージャムのパフェ

ハーブティーゼリー Ⅲ

カフェラテ・ババロア

air bubbles in ice

自家製苺と苺ヨーグルトスムージー

自家製いちご酒

コーヒーゼリー in セパレートアイスオーレ

ティーゼリー in アイスミルクティー

アイスフレッシュ八朔ティー

苺ババロア

キャラメルももいちごミルクティー

マスキングテープでBOXティッシュカバー

色々シトラスピール

ホットフレッシュフルーツティー Ⅲ

Ice Fresh Strawberry Tea Ⅱ

アイスフレッシュフルーツティー Ⅲ

バナナいちごミルクティー

マスキングテープ収納BOX

空と木々

オレンジピールとオランジェット

ホットナッツミルクティー

アイスフレッシュフルーツティー Ⅱ

きのことベーコンのソテーのオープンサンド

ホットオレンジ酒ティー

手作りスケジュール帳カバー

りんごコンポートとフルーツ酒のミニパフェ

ドライフルーツ酒その後

自家製オレンジ酒と、びわ酒

はちみつレモンヨーグルトアイス

フルーツミックスソーダ

アイスフレッシュ巨峰ティー

ドライフルーツと砂糖漬けフルーツの自家製リキュール

パッソア・ヨーグルト・アイス

フローズンフルーツソーダ

2ヶ月目のビワ酒

スクエアミントパルフェ

カイガラソウのドライフラワー

自家製びわ酒

ロイヤルベンガルタイガー

Te Fresco(テ・フレスコ)

ミルクプリン with 苺ジャム&ブルーベリージャム

アポロティー