スポンサーサイト 
-- -- --
-- --:--:--

スポンサー広告  Comment -  Trackback -  edit.

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

planet-3col 
2005 05 16
Mon 21:34:38

テンプレート  Comment 13  Trackback 0  edit.


何となく3列のバージョンがほしくて作りました。
背景のみ画像にしたかったんですが、やっぱりトップ画像が無いと寂しいので。

色々いじっていたら元のテンプレートがどれなのか忘れました。(^^;
タグを見れば作った人なら分かると思いますので不都合が有りましたらご一報ください。
それなりの対応をさせていただきますので。

注意事項↓
基本的にデザインは背景画像に合わせてメニューや記事の配置をしています。
文字などは自動で改行されるのですが、画像などサイズが大きすぎるとカラム落ちの原因になります。(メニューと記事が3列にならない)
その場合は、サムネイル画像を使用するか、画像のサイズを記事の幅より小さく指定すると治ります。
目安として、メニューや記事のタイトル部分より一回り小さな画像設定にする事でカラム落ちを防ぐ事が出来ます。

planet_3col-html
planet_3col-css

Re comments.

「今晩は。」
なかなか暖かくなりませんね。
お体に差し障り有りませんか?
お母様、少しでも早く良くなると
良いですね。

さて、テンプレートが変わり、
幻想的なイメージで好いですね♪

お描きになる、
イラストのフアンなので
多く観られて嬉しいのですが、
お身体も有ります。
あまり、ご無理なさらず。

2005/05/18(水) 20:32:55 [URL] まぼさん [編集]
「ありがとうです。」
以前のコメントも読ませて頂きました。
気を遣って頂きとても嬉しく思ってます。
母の方はとりあえず手術も終わり後はリハビリを
待つばかりですが年齢が年齢だけに思うようには
行かないようです。

自分もちょっと体調不良気味ですが体を
動かしていた方が気が紛れるかなと色々やっております。

本当は新しいイラストを描けば良いんでしょうが
中々描きたい題材が無くて今はゆっくり考えようと
思ってます。
2005/05/18(水) 22:32:25 [URL] 有希之武さん [編集]
「」
すいません、こちらのテンプレートを借りたのですが表示が変なのですがどうすれば直りますでしょうか・・・
2005/07/18(月) 23:12:17 [URL] vessyさん [編集]
「」
URLが間違っていました。
2005/07/18(月) 23:25:16 [URL] vessyさん [編集]
「カラム墜ち」
基本的にブログをデザインする場合は、文字などは自動的に
折り返すように作っていますが、画像に対しては設定が出来ません。
今見てきた所によると、記事の画像が大きすぎてはみ出しているのが
分かりますよね?
そのために右のメニューが落ちてしまうんです。
これを直すには画像を縮小表示させるか、サムネイルを使うしか有りません。
(画像の横幅を450以下に考えて作っていますので。)
ちょうどメニューバーやタイトルバーより小さくなるように
画像にサイズ指定すれば解決できますが、記事の再編集が必要になり
タグを知らないと無理だと思います。
画像を再編集して同じ名前でアップすると言う方法も有りますが
こちらも面倒な方法だと思います。
残念ながらこのテンプレートで記事の編集をせずに直す方法は
HTMLの組み直し以外に方法が有りません。

サイズ指定は記事編集で、大きすぎる画像の<img src= >のタグに
width="450"を追加する事で縮小されます。
2005/07/19(火) 01:02:42 [URL] 有希之武さん [編集]
「」
<img src= >のタグにwidth="450"を追加して縮小してみましたが直らないのですが・・・
2005/07/19(火) 10:35:39 [URL] vessyさん [編集]
「」
記事を全部消してみたのですがプロフィール以下が左側にあるのですが・・・
2005/07/19(火) 10:37:48 [URL] vessyさん [編集]
「画像の縮小は・・」
拝見してみましたが、プロフィールに使っている画像が
大きいですよね?
メニュータイトルより小さい画像を使うと治ると思います。
メニューの所でも文字を少しずらすデザインの関係で周りに余白を付けて
居るんです。
それで画像も周りにもそれが適用され、メニュータイトルと同じ大きさなのに
実際にははみ出してしまうんです。
画像を小さくする方法しか無いですね。
2005/07/19(火) 11:58:49 [URL] 有希之武さん [編集]
「タイトルを入力して下さい。」
おかげさまで直りました。
お手数おかけしてしまってすみませんでした。
このテンプレートとても気に入っていたので良かったです。
どうもありがとうございました。
2005/07/20(水) 01:34:25 [URL] vessyさん [編集]
「ご報告ありがとうです」
どうやら治ったようで良かったです。(^ー^)
ご苦労かけたにもかかわらず気に入って頂けたとは嬉しいです。(T-T)
これからもよろしくです。
2005/07/21(木) 10:29:22 [URL] 有希之武さん [編集]
「お知恵をお貸しください」
はじめまして。
このテンプレを使わせていただこうと考えているのですが、
IEでは右カラムが左下に落ちてしまいます。
画像もサイズ内におさまる大きさで、
Firefoxでは問題なく表示されているので、
どうすればよいかわかりません。

どうすればなおるのでしょうか・・・
2005/09/07(水) 17:52:13 [URL] うめさん [編集]
「カラム落ち」
うめさん、はじめまして。
拝見しましたが、カラム落ちの原因は、PHOTOS と言うフラッシュが原因です。
メニューのタイトル部分を見ると枠線が右に大きくなってますよね?
メニュー内のコンテンツは左右に余白を作るように設定しています。
ですのでこのままではフラッシュが使えません。
メニュー部分のスタイルシートの編集で治ると思いますが。。

/* 左右のメニュー部分 */
div#left, div#right {
font-size: 0.7em;
float : left;
width : 156px;
margin: 10px 0px; }
div#left dl, div#right dl {
margin-bottom: 10px;
border-top: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
border-bottom: 1px solid #aaaaaa;
border-right: 1px solid #bbbbbb;
}
div#left dt, div#right dt {
font-size: 11px;
font-family: MS P ゴシック,Osaka ;
color: #336699;
padding: 2px 0px;
background-image: url(http://blog8.fc2.com/b/breaktime/file/3date_bg.jpg);
text-align: center;

border-top: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
border-bottom: 1px solid #aaaaaa;
border-right: 1px solid #bbbbbb;
}
div#left dd, div#right dd {padding: 2px 0px;overflow: hidden;}
div#left ul, div#right ul {margin-left: 15px;overflow: hidden;}
div#left li, div#right li {list-style: circle;padding: 0px;overflow: hidden;}

上の様に変更して下さい。(赤文字部分が変更箇所です。)
但し、この設定は、パーツが枠内に収まらない時に欠けて見えます。
(プラウザによっては効きません)
どうしても大きなサイズのパーツを納めたい場合は、HTMLを改造する必要が有り
基本的な枠組みを変えないと駄目だと思います。残念ですが。

他の方法としては、フラッシュのサイズ設定を変える事です。

<object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000'

codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/
swflash.cab#version=6,0,0,0' width='145' height='217'>

こうする事で対処も出来ます。
2005/09/07(水) 19:54:41 [URL] 有希之武さん [編集]
「わぉー!」
なおりました!
ありがとうございました。

有希之武さん、さすがですっっっヽ(゚∀゚)ノ

素敵なテンプレ、ありがとうございました。
これからもがんばってください。
2005/09/07(水) 21:08:19 [URL] うめさん [編集]
Comment form.

  管理者にだけ表示を許可する 
  注意 名前、タイトル、本文を入力する事で投稿可能になります。

Trackbacks.

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。