lcd背景変更可能な液晶チックなテンプレに3カラムバージョンを追加しました。数日後にダウンロード出来ると思います。 ※画像クリックで大きいイメージがご覧いただけます
(`・ω・´)
【テンプレ名】
lcd_style3c

【カスタマイズ】
■Icon change
 ・kao.gifでboyバージョン(デフォルト)
 ・kao2.gifでgirlバージョン
 ・kao3.gifでrabbitバージョンに変更可能

■メインテキスト部分の画像
スタイルシートの.lcdmain_text img {} 内で設定変更可能です。テキストの回り込み等はこちらで設定ください。(例:float: left;など) 画像に枠をつける(例 border: 1px 色)などお好きなように変更ください

Template Q&A





み104cさん、いよいよ登場3カラムバージョン!
これまたクールでありますね!!
悩んで眠れなくなるでありますwww(`・ω・´)>
【2006/08/13 01:05】 URL | 兄 #99cjJ0ZM[ 編集]
兄さん
ずっと起きていて頂きたいと思います笑(`・ω・´)
私は兄さんの分まで寝るでありますよーーーーーーー(叫
【2006/08/13 18:20】 URL | み104c #sz3vHWnk[ 編集]
み104cさん、早速ダウンロードいたしましたであります(`・ω・´)>
クールビズ(ちがーう)w
【2006/08/16 02:46】 URL | 兄 #99cjJ0ZM[ 編集]
兄さん
どもありがとございます(`・ω・´)>
クール便サービズ
【2006/08/18 15:13】 URL | み104c #sz3vHWnk[ 編集]
はじめまして! 
ブログのテンプレートを新しいものに変えたくて色々見てまして、
み104cさんの作品がシンプルでとてもかわいく気に入り変更しました。
ところが常連さんから
「携帯では見れない」
とメールが何通も着ました(> <)
私のブログをいつも見てくれる人は携帯からという人が半分ほどいます。
なので環境設定の「携帯時のアクセスの設定」を「転送しない」にしてあります。
転送するにすると味気ない表示になってしまうからです。

それで、自分でも携帯からどんな風に表示されているのかを
見てみましたが記事部分が丸ごと表示されていませんでした。
み104cさんのテンプレートはたくさんあるので順番にDLして
記事部分も表示可能なものはないかと変更してみましたが
どれも記事部分の表示は駄目でした。

そこで質問なのですが、記事部分を含んだ形で携帯でも表示できるようにするには
どんなタグを追加すればいいですか?
いまセットしているテンプレートは「mi_pho_yama」です。
テンプレート全体のことでどの記事にコメントしていいのかわからなかったので
カテゴリーの「BLOGテンプレート」のトップの記事にあえて投稿しました。

どうか御指導のほどよろしくお願いしますm(__)m
【2006/09/26 07:27】 URL | みぃこ #icdc923.[ 編集]
みぃこsan
ども初めまして(`・ω・´)>
テンプレ気に入ってもらってありがとございます!!

えーと携帯サイトの件ですが、結論から言わせて頂きますと、
私のテンプレではそれは不可です。申し訳な
い。わかってもらえるように理由を書いてみたいと思います。

えーとですね、携帯でブログを見れないと言われるようになっ
たということは、以前は見れたということですね。みぃこサンは
携帯でも見れるテンプレを使っていたワケです。

見れるテンプレと見れない私のテンプレ、何が違うかと言いま
すと、htmlの構造そのものが異なるのです。今は、皆さん
htmlを簡素にしCSSで殆どデザインしたテンプレが主流で
す。主流というか殆どがそうだと思います。しかし私のテンプレ
はその主流タイプのテンプレではゴザイマセン。テーブル多使
用のテンプレになっています。

ま、そうしている理由は個人的に色々ありまして笑アレです
が、CSSの崩れがちょとと思うのと、CSSのみのテンプレだと
デザインに制限が出来てしまって思うように(注:私の場合)作
れない。凝ったデザインができない(これも私の場合笑)。それ
からテーブルは自動調整、これが決めてですね。サイズを自
動調整してくれる(簡単に言うと、指定してある横幅のサイズよ
りチョト大きい画像やその他何かを使用しても、テーブルは自
動調整して殆ど変わりなく表示してくれる)というところで、こん
な構造にしております。でももうちょっとどうにかならないもの
か(笑)と思う構造にしている部分も多々ありますので、勉強が
必要でありますね(`・ω・´)


あ!話しがそれそう!
まとめると
・html自体を簡素化したもの(CSSでデザイン)→
簡単な構造なので
携帯でも見えやすい・見える

・私のテンプレ(テーブルバカ多使用で複雑過ぎ)→
複雑なのでPC・携帯との共用は不可

という感じなのです。


携帯用サイトが味気ないから転送させないとの事ですが、まっ
たくもってその通り現在は味気ないですね笑。改善の声がよく
上がっているのがよくわかります。私も改善してほしいです。も
うちょっとユーザーがカスタマイズ出来たらいいんですけど
ね。

でも私は携帯用のページに転送させる方がヨイと個人的に思
います。理由は、

1) たとえPCと同じテンプレを使用し、それが携帯で見えるテ
ンプレであったとしても、携帯用に作成したテンプレではないの
で、携帯専用テンプレよりページサイズが大きくなるため、携
帯で閲覧する人にパケ代が多くかかってしまう

2) PC・携帯の共用テンプレは、最近の新しい機種の人は比
較的閲覧可能ですが、auでいうと(私がau使い笑)一昔前の
HDMLブラウザ搭載の機種だと、サーバー自体がHDMLへ自
動変換してくれるワケですが、この変換にも制限等、全てが変
換できるわけではなく、タグによってはある方には閲覧出来な
い(使用できない)部分も出てくる可能性がある

あくまでコレは私個人が思うことでありますので、みぃこサンが
そうする必要はまったくないでありますよ。考えも押し付けてい
るわけではありません。


なので、残念ですがもし携帯サイトもPCと同じテンプレを使用
したい!!!というのであれば、他の方の携帯でも見えるテン
プレをお探しください。m(__)m
【2006/09/26 21:01】 URL | み104c #sz3vHWnk[ 編集]
み104cさん お返事ありがとうございます。
不可なんですか・・・
なにかの理由で携帯での記事部分は省かれたのかなと思った
のですが
作りの問題だったんですね。

でもとても可愛いテンプレートなのでPCからも携帯からでも何
とか使用できないかと悩んでいます。
FC2ブログはカスタマイズ掲示板があるのでそちらで聞いてみ
ようと思います。

み104cさんのテンプレートはやっぱり私は好きなので
また可愛いテンプレートをいっぱい公開してください。
ありがとうございました。
【2006/09/26 22:07】 URL | みぃこ #icdc923.[ 編集]
みぃこサン
不可と言ったのはですね、ここをこうやってと少しだけ変更す
ればいいレベルではなくて、一から作り直すくらいの変更が必
要だということであります。


修正箇所は
・テーブルの入れ子をやめてノーマルなテーブル仕様に全て
修正が必要(標準的なテーブル仕様だったら携帯でも問題なく
表示可能なため)
・入れ子をやめることでレイアウトはスタイルシートで設定する
必要があるので、スタイルシートによるレイアウトに修正が必


なのです。でもコレはテンプレを作れる方くらいのレベルになら
ないと出来ないと思ったので不可と言った次第です。


うむむむ。
どうしても携帯でも使いたいでありますか?
メインのアクセサリーの画像の表示は困難(見た目が悪くな
る)ですよ?
(又は非表示にするしかありませんが)
それと、そういう仕様にした場合、PC閲覧で古いブラウザ等の表示がちゃんとされるかの保障は出来なくなります。

それでもイイから使いたいというのであれば、チョト考えます。
【2006/09/28 20:29】 URL | み104c #sz3vHWnk[ 編集]
み104cさん
11月末に初めてブログを立ち上げ、公式テンプレートを使用していましたが納得できず、共有テンプレートを片っ端からプレビューしました。そしてやっとこの素晴らしいテンプレートに巡り会い感激しています。
ただブログのテーマが薪ストーブですので、タイトルの背景画像にモノクロ画像を載せたいのですが、可能でしょうか?
他のテンプレートの時はタイトル画像のURLが分かってオリジナルに変更できたのですが・・・。
【2006/12/15 01:58】 URL | 写風人 #-[ 編集]
このコメントは管理人のみ閲覧できます
【2006/12/15 13:56】 | #[ 編集]
写風人san
どもハジメマシテ(`・ω・´)>
気に入ってもらえて何よりでございます。

えーとこんな感じはどうでしょうか。
やってみてください。

1)まず載せたい画像をアップロードする
(3つになっていましたので、これを並べて1つの画像にしてアプください)

2)スタイルシートの編集
どこでもよいので下記をスタイルシートの編集画面のところで追加してください。

.title_gazou{
background-image: url(アップした画像のurl);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: right bottom;
}

3)htmlの編集
html編集画面で、

div class="title_da"

の文字を検索してみてください。その文字の上の
td bgcolor="#232323" ・・・・・

というところに
class="title_gazou"  
を追加する。
 ↓
td bgcolor="#232323" class="title_gazou" ・・・・・


頑張ってみてください(`・ω・´)
【2006/12/16 15:07】 URL | み104c #sz3vHWnk[ 編集]
み104cさん
丁寧に教えていただいたので完璧に仕上がりました。
ありがとうございます。
【2006/12/16 23:32】 URL | 写風人 #-[ 編集]
写風人サン
思う通りに出来てヨカタであります(`・ω・´)
どう致しました。
【2006/12/21 19:06】 URL | み104c #sz3vHWnk[ 編集]
み104cさん。写風人です。前回は思うようにカスタマイズできて大変気に入っています。ありがとうございました。
もうひとつ質問なのですが、記事の最初にくるRecent entriesを消す方法を教えていただけますか?
その変わりにいつもトップにくる画像を貼り付けたいのですが、未来の日付で記事を書く事になるのでしょうか?その場合日付が表示されないようにしたいのです。
ご指導よろしくお願い致します。
【2007/01/15 12:51】 URL | 写風人 #-[ 編集]
写風人さん
どもであります(`・ω・´)
最新のエントリは、html編集の
<!--■■■最近のエントリー■■■-->
で囲ってあるところを取り除けば削除できます。

それから未来投稿ですが、日付など他の記事と全く同じになってしまうので、その未来投稿のみ日付を入れないということは不可能になります。なので前回の通り、タグを追加するしかないと思います。

それを考えると、最近のエントリは削除せず、その最近のエントリの場所に画像やコメントなど入れるのが一番のような気がしますがどでしょうか。

ちょうど
<td width="100%" bgcolor="#78786A"> 
から
</td>
の間を削除して
お好きな画像のたぐ
<img・・・・・
を挿入するとヨイと思います。

頑張ってみてください(`・ω・´)>
【2007/01/16 19:51】 URL | み104c #sz3vHWnk[ 編集]
完璧・感激・感謝であります!
思い描いたようなカスタマイズが出来て、これほど感激したことはありません。
ありがとうございます。尊敬しちゃうな!
【2007/01/16 23:47】 URL | 写風人 #-[ 編集]
写風人サン
おおお出来ましたか!
自分の思うとおりに出来ると嬉しいでありますね!ヨカタであります。私は写風人サンのブログを見るたび、写真尊敬します(`・ω・´) 思わずいいカメラがほしくなります。EOS Kissほしいなぁ。
【2007/01/17 21:19】 URL | み104c #sz3vHWnk[ 編集]
FC2ブログ初心者で
テンプレ浮気性のボクでしたが、
一発で気に入りました。
永ーく使わせて頂きますっ
【2007/02/02 23:07】 URL | 紗阿風 #YDkEuvZ.[ 編集]
紗阿風san
それはそれは、どもアリガトございます(`・ω・´)>
今後も気に入るようなテンプレ頑張りたいと思います!
【2007/02/03 12:25】 URL | み104c #sz3vHWnk[ 編集]
このコメントは管理人のみ閲覧できます
【2007/02/21 13:38】 | #[ 編集]
どもハジメマシテ(`・ω・´)>
ああ、わかりました。恐らく、続きを読むのところの横幅が、通常より狭いため、本来折り返されない改行タグが強制的に折りかえされているので改行が下に2つ入ったように見えてしまうのです。続きを読むのスタイルシートの横のマージンだかをゼロにすればOKでありますね。
【2007/02/24 06:14】 URL | み104c #sz3vHWnk[ 編集]
ありがとうございます。
綺麗に修正する事が出来ました。
み104cさんの作るテンプレ以外、目がいかないほど気に入ってます!
お忙しいとは思いますが、また素敵なテンプレ期待してます。
【2007/02/24 16:05】 URL | しーちゃん #-[ 編集]
しーちゃんsan
出来ましたか。ヨカタであります(`・ω・´)
これからも気に入ってもらえるようなテンプレ頑張りますよ!!!
【2007/02/25 14:24】 URL | み104c #sz3vHWnk[ 編集]
み104cさん、
lcd_style2cから3cにアップグレードしました(^o^)丿

質問です。
いつも横長(横640×縦480ピクセル)の画像を貼り付けて記事を書いているのですが、縦長(縦640×横480)の画像を貼り付けると記事欄の幅が狭くなってしまいます。
それを避けるため縦長の画像を貼るときは画像のサイズを横640×縦853にして貼っていますが大きすぎて間延びした雰囲気になってしまいます。

そこで、縦640×横480の画像を貼った時も、横640×縦480ピクセルの画像を貼った時の横幅に統一したいのですが可能でしょうか?

要するに、横640×縦480ピクセルの画像を貼り付けた際の記事欄の横幅に全て固定して統一したい、と言うご相談です。

シロート質問で申し訳ありませんがお導きよろしくお願いいたしますm(__)m
【2007/04/03 23:05】 URL | かい #B/6VgDws[ 編集]
かいサン
アプグレおめでと(?)ございます(`・ω・´)v-33
えーと、このlcd3カラムテンプレは、作者も頭がおかしくなる感じに複雑なので、修正点だけお知らせいたします。

まず修正する理由は、例えば記事とか画像とかが入るテーブルの幅が300のところに、500の幅がある画像を入れた場合、無理矢理横幅は画像に押し伸ばされて300と記述しても500になります。しかし実際に記述してあるのは300なので、見た目は500の幅になっていても、他の記事やそれ以下の画像は、300の幅に収まるように500に比べると狭く見えるということになるワケです。

そこで、そうならないようにするためには、テンプレの記事の列の部分を、かいサンが入れたい画像幅より大きくする必要があるワケです。

まず、画像を入れたい(要するに画像よりちょっと大きめに)幅の変更ということで

テンプレのhtmlの編集画面内の

433
423
という数字を全て探してください。
この2種の数字に、増やしたい分の横幅をプラスしてください。

次にやや上の方にある
810
という数字を見つけてください。
これがテーブルのトータルの横幅になるので
これに、先ほどプラスした数値をプラスしてください。


必ずやる前に、現在使用しているテンプレを複写してからやると、失敗しても安心ですよ。頑張ってみてください。
【2007/04/04 21:54】 URL | み104c #sz3vHWnk[ 編集]
み104cさん、ご丁寧にありがとうございます。
今は全ての記事に意図的に横幅640pixelの画像を入れて記事欄の横幅が同じになるようにしています。
↑この時の横幅に(画像の有無にかかわらず)固定して統一するためにはいくつ数字をプラスすると良いか、わかりますでしょうか?
(640+右の余白分+左の余白分)-イニシャル設定の横幅分
でよろしいでしょうか?
どシロート質問で誠に申し訳ありません。。
【2007/04/04 22:55】 URL | かい #B/6VgDws[ 編集]
かいサン
いけないいけない。コレは複雑だったのでした。
えーとですね、プラス259以上してみてください。横幅640の画像を入れなくても、それが入る幅になっているなずです。頑張ってみてください(`・ω・´)>

【2007/04/07 07:13】 URL | み104c #sz3vHWnk[ 編集]
お教えください。記事欄の幅を揃えたいのですが、どうしたら良いのでしょうか?始めて日が浅いもので。。。。画像幅は、500pixelです。
【2007/09/27 16:55】 URL | gim #SFo5/nok[ 編集]
gimさん
上記のかいサンへの回答が分かり辛かったので、もう一度詳しく説明しますので、下記のようにやってみてください。

テンプレート設定画面の『html編集』で、修正する数値は下記の3つになります。(注意:同じ数値が複数あるので全て修正になります)

820
433
427

いくつプラスすればいいかというと、427がメイン記事のテーブルとなるのですが、これには左右の画像用の列と余白で、下記のような構成になっています。

427(5+15+残+15+7)

この『残』というのが実際に記述される記事の横幅になりますので、

デフォルトの427の場合
残=427-5-15-15-7
残=385
となります。メイン記事の部分が385です。

500の画像を入れたい場合の数値を計算してみてください。

デフォルトの差分を、最初に記述した3つの数値にプラスしてすればOKです。 図で書くとこんな感じです。
http://blog-imgs-11.fc2.com/m/i/1/mi104c/lcdsty_setzu1.gif

頑張ってやってみてください(`・ω・´)
【2007/09/29 13:51】 URL | み104c #sz3vHWnk[ 編集]
このコメントは管理人のみ閲覧できます
【2007/10/04 21:15】 | #[ 編集]
gさん
ハハ、そうでありますか。もし幅を変更したいようでしたら上記のようにやってみてください(`・ω・´)
【2007/10/06 06:57】 URL | み104c #sz3vHWnk[ 編集]














管理者にだけ表示を許可する





| HOME |


Design by mi104c.
Copyright © 2008 mi104c text, All rights reserved.
ホームページ アフィリエイト レンタルサーバー FC2ブログ ホテル