「日記はいつも三日坊主。」
ブログの使い方やCSSを勉強していましたが休止中です。
コメント欄・トラックバックの怪しげなURLにはご注意ください。
(たまーにスパムのチェックはしますが消しきれませんのでm(_ _)m)
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
最近の記事
10/15 半透明フィルターの代わりに…
10/12 エキサイトブログ・モバイル…
9/19 スキン編集 ―背景編― 改訂版
9/17 コメント入力欄を大きくする。
9/14 アクセス解析について その1
9/7 POSTTAILの自分のIDを消して…
9/3 模様替えしました。&スクロールバー
9/1 いくら三日坊主といっても
全体 ブログ MENU スキン
編集
素材
配布
日記 リンク 管理用 ・・・ ・・・
|
<   2005年 06月 ( 9 )   > この月の画像一覧
投稿した画像をいじる・・・サイズとリンク
記事部分に大きい画像を使おうとして、アップロードしたものの、
縮小されちゃって困る~!(><)ということないですか?

私も画像が縮小されたことがありましたので回避法をご紹介します。


記事を投稿する時に記事欄の幅(マイナスpadding部分)に入りきらないものが縮小されるようです。
JPG画像なら縮小表示でも綺麗に見えるかもしれませんが、私が大きく作ったGIF画像だと実線が途切れたり、文字も切れ切れになってしまい、何がなんだか・・・/(┻-┻)\



たぶん投稿時のアップロードだと
[#IMAGE|○○.gif|200506/24/09/|left|幅|高さ#]と書かれます。
[ ]で画像を表示すると自動で記事欄の幅に合わせて表示される仕組みになっていて、縮小されてしまうのだと思います(Exciteには未確認)

そこで
回避法その1

<img src="画像URL">のタグで書きなおします。(<>は半角で)

画像のURLの見つけ方、ですが、
[ ]のやり方
プレビュー画像をクリック大きく表示された画像を右クリックプロパティで出てくるURL(http://~~.gif)

を使います。
<>タグに直したら試しにプレビューで見てみましょう。

画像は大きく表示されています。よね?

※難点
回避法その1の方法だと、記事欄の幅が横に伸びて表示されると思います。
画像の大きさによっては、ブラウザの全画面表示でも横スクロールが出てしまう場合が考えられます。

回避法その2

私は文字から画像ファイルにリンクを貼りました。
<a href="画像URL" target="_blank">文字</a>

こんなふうに

画像にリンクを貼る場合は
<a href="画像URL" target="_blank"><img src="好きな画像" border="0" title="クリックすると別ページで画像が開きます"></a>


画像をすぐに表示させる必要がなければ、このほうがページがすっきりしますが、
記事によって、ブログによって、個人の好みによっても見せ方は違うと思います。
環境によっても違うかもしれませんが、お困りのかたは一度お試しください。

[PR]
by umigasuki70 | 2005-06-24 15:53 | brogあれこれ
メンテ後画像が見えない、という方へ
エキサイトブログ向上委員会のコメントでこんなのを見かけました。

Commented by 試してみて! at 2005-06-19 03:13 x
キャッシュをクリアしてからブラウザの検索で自分のブログを検索してそこから入ったら画像が見えました。それからお気に入りも同じ容量で登録しなおしたらそれらのブログも見える様になりました。まだ、やってない人はためしてみて下さい。この場でそういう情報交換が出来たらと思います。
ただ、エキサイトさんのコメントは欲しいです。


方法はこちらに書いてあります


そういえば昔、更新されたページの画像が変わって見えなくて騒いでた時に
詳しい人に教わった方法です。

賢いパソコンは記憶力が良すぎるのでページが変わっていても前の画像が忘れられない、とか。
これでパソコンの気持ちも傷つかずにすみますね(?)

これで必ず見えるようになるとは保証できません。
なんせ、私のパソコンでは、始めから見えましたので(パソコンおばか?)
インターネット一時ファイルの削除を押しても別に不具合はでない筈です。
お試しあれ・・・
[PR]
by umigasuki70 | 2005-06-19 13:03 | brogあれこれ
複数の同じところに同じ画像を表示させる
以前のスキンを作っている時、メニュータイトルの頭に●を持っていきたかったのですが、画像を作るのが面倒で文字の●を貼りつけた事がありました(笑)
その方法を色んなところで使えるよ、という紹介です。


例えば、全ての記事の一番下に画像を置きたい時

固定背景として表示させる方法もありますが、これだとリンクが貼れません。
クリック出来る画像、つまり、リンクを貼った画像をつけたい場合、
記事を書くたびにタグを打たなくても、スキン編集のところで指定すれば自動で表示されるようになります。


■HTML編集の「本文」をクリック

<div class="POST">
<div class="POST_HEAD">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="80%"><$postsubject$></td>
<td width="20%" align="right"><$postadmin type=1$></td>
</tr>
</table>
</div>
<div class="POST_BODY">
<$postcont$></div>

<div><a href="http://~~"><img src="http://~~.gif" width="20" height="20" alt="見本" title="クリックしても飛ばないよ" border="0"></a> 文字もOK</div>
<div class="POST_TAIL" align="right"><$posttail$></div>
<$cmtjs$></div>


こんな風になります



本文




見本 文字もOK    ←赤枠はつきません

# by | 時間| カテゴリ | Trackback | Comments( )

<div class="POST_BODY"><$postcont$></div>
が記事の本文で
<div class="POST_TAIL" align="right"><$posttail$></div>
が記事の下にある部分です。

なので、POST_BODY(記事本文)の最後とPOST_TAIL(記事下部分)の間に表示させたい画像のIMGタグやリンクのAタグを書きこみます。
文字を入れたい場合も同じです。

メニュータイトルにも使えるよ♪
[PR]
by umigasuki70 | 2005-06-19 12:32 | スキン編集記
テーブル用素材配布
今のデザインで更新情報と記事部分に使っているテーブルの素材を配布します。
この色しかありませんが、気が向けば増やすかもしれません。

保存方法:画像の上で右クリック→名前をつけて画像を保存でご自分のPCに入れてからお使いください。
直リンクでのご使用は画像の存在が保証できませんのね(∂-∂)b)
加工もしていただいて構いませんがサイズが微妙に違うとテーブルの見た目がズレますのでご注意を。

左上部分 ・・・・・左上部分

左部分 ・・・・・左部分

左下部分 ・・・・・左下部分

下部分 ・・・・・下部分

右上部分 ・・・・・右下部分



テーブル素材の使い方はこちら

スキンに画像をどうやって使うの?というかたはこちらから
[PR]
by umigasuki70 | 2005-06-13 15:19 | 素材配布
テーブル素材の使い方 (記事部分に使う場合)
ここの記事が参考になればどうぞご利用ください。
ただし失敗等の責任は一切負えませんのでスキン編集は全て自己責任においてお願いしますネ。(*’-’*)b




周り(上下左右)に画像を置く場合、3列3段のテーブルを使いますが、ここでは左と下方向に影を付けるテーブルを使っています。
テーブルの縦横サイズの変化に対応します。

c0029209_1444554.gif

まずスキン 編集のページで

■ HTML編集の「本文」のほうをクリック。

この中に2列2段のテーブルを作ります。
<table cellpadding="0" cellspacing="0">
<tr>
<td class="HI" valign="top"></td>

<td class="POST">
<div class="POST_HEAD">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td class="POST_TTL" width="80%"><$postsubject$></td>
<td width="20%" align="right"><$postadmin type=1$></td>
</tr>
</table>
</div>
<div class="POST_BODY"><$postcont$></div>
<div class="clear"></div>
<div class="POST_TAIL" align="right"><$posttail$></div>
<$cmtjs$>
</td>

</tr>
<tr>
<td class="HISI"></td>
<td class="SI" align="right"></td>
</tr>
</table>


こんな形のテーブルができます(実際には枠線はありません)
赤字の部分が下の画像にある<$post$>部分の中身です。
(<$post$>は記事部分全体です。HTML編集の全体画面の中にあります。その<$post$>の中身---タイトル・日付・カテゴリなど---が「本文」編集画面にあります。)c0029209_14393883.gif



(*^-^)b まだまだ続くよ  Σ( ̄□ ̄ )ノノえ゛~~
[PR]
by umigasuki70 | 2005-06-13 15:17 | スキン編集記
スキンに自分の好きな画像を使う
使いたい画像素材の上で右クリック→名前をつけて画像を保存 で
画像を一旦 自分のパソコンに保存します。


ログインして 設定→スキン変更→編集で編集画面を開きます。

■ HTML編集 と書いてある四角の中の右上にあるマイイメージアカウントにイメージ登録というところをクリックすると画像アップロードの画面が開きます。

イメージ追加の参照ボタンを押し、自分のパソコンに保存した画像ファイルを
開く送信でアップロードできます。

保存されたイメージリストの中にアップロードした画像ファイルが表示されます。
ファイル名をクリックするとイメージが表示されるので確認します。

アップロード方法の画像付き説明が
0.5caratさんの・画像アップロードの方法にあります。オススメ(^_‐)b


アップロードできたらこちら
[PR]
by umigasuki70 | 2005-06-12 11:21 | スキン編集記
最近思うこと・・・
エキサイトの表示に時間がかかると思いませんか?
メンテナンスが終わったらマシになるのかな?

右も左も分からないままに、ここのブログを立ち上げてから、色々参考にさせていただいたブログが閉鎖されるそうです。
(といっても消えてしまうのではなく、更新ストップしてお引越しされたようなんですけど)
とても多くの人が訪れて、色んなイベントも行われたようで、エキサイトブログの中でもとても大きな存在だったと思います。

閉鎖という事でとても残念ですけど、やっぱり区切りっていうものが欲しくなるのでしょうね。
あれだけ訪問者数が多いと、色んな事がありすぎるくらいあったんだろうなぁ。

新しく入る人もいるんだから出ていく人も当然いるわけなんだけど、寂しいものですね。



私もまだまだ駆け出しなくせに「もっといいところはないか・・・」といくつか見て回ったりしたのですが、何にも進んでません。

上のブログ様のように、何か、をやり遂げた感も無く、他に移ったところで何するの?って感じで。
Googleで検索してみたら、こんなブログでもリンクして下さっている方がいらっしゃる事が分かって、ありがたいと思いました。ほんと。

もうちょっとなんとかしたいです。


スキン編集の記事を作るのも結構大変なわりに、そういう内容のブログって使いづらい。
なーんかこう、分かりやすいページを作るには、記事を探しやすくするにはどうやればいいのか、を考えても頭の中がまとまらず、こんな状態なのね・・・

ホームページみたいに探しやすく、読みやすくするいい方法、ずっと考え中。



関係ないけど「紫陽花」っていう歌歌ってる人の名前が読めない。
なんとか四重奏 ←知ってる人いませんか?
[PR]
by umigasuki70 | 2005-06-07 23:26 | 日記?
初花凜々
今一番心地いいなぁ・・・と思う曲。



やっぱりCoccoはいいわ・・・


SINGER SONGER「初花凜々(しょかりんりん)」こちらで視聴できます
[PR]
by umigasuki70 | 2005-06-05 00:54 | 日記?
模様替えしました。
ページが長くなる、普通のブログらしいデザイン復活☆彡
特に意味はありません。
コロコロ変えたいだけです(笑)

右に今までのブログのデザインのサムネイルを表示しました。
クリックするとプレビューページに飛びます。
ブラウザの「戻る」ボタンでお戻りください。


今回はCSSレイアウトに苦戦して、またテーブルを使いました。
難しいなぁ・・・やっぱ。

トップの写真は自分で撮りました。
今回は素材も全て自前で!と思ったのですが、やっぱり楽させてもらって、
コメント欄のスコップの写真は<ivory>さんからお借りしました。
(文字が見やすいように色を薄く加工させてもらってます)
[PR]
by umigasuki70 | 2005-06-01 22:34 | スキン編集記
|