背景変更可能な液晶チックなテンプレを追加しました。数日後にダウンロード出来ると思います(`・ω・´)

【テンプレ名】
lcd_style【カスタマイズ】
著作権表示の削除をしない、再配布をしないを守っていただければ、お好きなようにカスタマイズして頂いて結構でありますので、気に入るようにどうぞ(`・ω・´) 

アイコン
 ・kao.gifで男の子バージョン(デフォルト)
 ・kao2.gifで女の子バージョン
 ・kao3.gifでウサギバージョンに変更可能

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

記事途中でテキストの回り込みを解除したい場合は、記事中に<br clear="all">のタグを入れれば解除できます。(記入上最初の『<』は全角にしてありますので、そのままコピーされる方は半角に修正ください。)





はじめまして、ももと申します。
FC2にて、mi104cさんのテンプレを
早速使わせていただきました。

質問がるのですが宜しいでしょうか?

●背景変更可能。テキストを回り込み設定してますので
 ソレが嫌な方は変更ください

とありましたがテンプレートの編集、HTMLの編集を
すれば何かに変えられるって事ですか?



度素人の質問ですみません><



HP【もも色空間】
http://www.geocities.jp/a_a0924/
【2006/06/30 03:39】 URL | もも #1pePe9AQ[ 編集]
度々すみません><
日付、時間の横に付いているスピーカーみたいのが
点灯してますけどこれは何でしょうか?

音楽が流れているのかと思い、ボリュームあげてみました>▽<

右上にスピーカーみたいのがありますけど
これ、飾りですか?

写真の様にとても綺麗でリアルなものだから
HTMLに曲書き込めば流せるのかな?と思いましたが
できないですよねぇ〜^^;

バカな質問してすみません><
【2006/06/30 03:49】 URL | もも #1pePe9AQ[ 編集]
ももさん
どもハジメマシテ(`・ω・´)>
かわいい名前でありますね!というか何だか私と同じニオイがするのは
気のせいでしょうか笑。ということで早速回答してみます。

1)背景変更可能。テキストを回り込み設定
まずこの件ですが、早く言ってしまえばカスタマイズ可でございますの
で、自分の好きなように変更して結構ですということであります。どこか
のボタンをポチっと押せば、背景が変わるとかそういうことではなくてです
ね、htmlの知識、スタイルシートの知識があれば変更出来ますというこ
とであります。ちなみに背景はスタイルシートのbodyで設定してます。

テキスト回り込みに関しても同じでありまして、ちょうどここの記事に書い
てあるスタイルシートの.lcdmain_text img {}内で設定変更可能で
す。

タグなどは、こちらを参考にされるとヨイですよ
http://www.tohoho-web.com/www.htm
私もここをチョクチョク見なければ作成出来ません笑。


2) スピーカーの件
コチラはですね、飾りでございます笑。
もし曲を流したいのであれば、共通プラグインでどなたかが作られたも
のもあると思うし、
BGMを流すブログツールもありますので
http://www.blog-tunes.com/
参考にしてみてください(`・ω・´)>

【2006/07/01 05:36】 URL | み104c #sz3vHWnk[ 編集]
だはっ^^;ずみばぜん^^;
でもとても参考になりましたぁ^^
これを機会に、少しずつHTMLのタグなども
覚えて行こうかと思います^^

写真のような壁紙で大変気に入っております^^
また、ちょくちょくこちらへ遊びに来ます^^


有難うございました^^


*ワタシと同じニオイがしますか?^^
光栄ですぅ〜^^
有難うございます^^
【2006/07/08 22:57】 URL | もも #-[ 編集]
そうそう、名前の”もも”ですが、これはハムスターのキンクマの
2代目(今はお星様になり)の名前から取りました^^

顔がおブスなので、せめて名前ぐらい可愛い名前にしたくて
”もも”にしました^^;

では、また遊びに来ます^^
【2006/07/08 23:16】 URL | もも #-[ 編集]
ももサン
自分が使いたい・カスタマイズしたいタグから覚えるのが、ヤパリ早
く覚えますので、それで徐々にわかってくると面白いでありますよ。
頑張ってください(`・ω・´)>

ネーム、そうでありますか、私は直ぐにポスペを思い出してしまいま
した笑。よいブログライフを!
【2006/07/09 15:53】 URL | み104c #sz3vHWnk[ 編集]
はじめまして♪み104cさまのテンプレートをつかわせて頂いておりま
す。顔が変えられるのをはじめて知りました!早速チャレンジしてみま
す♪
【2006/07/21 21:15】 URL | nagoyatawn #-[ 編集]
どもハジメマシテ(`・ω・´)>
気に入ってもらえてヨカタであります!! アイコンはお好きなもの
を使ってください。といっても3つだけでありますが笑。どもアリガト
でした。
【2006/07/22 11:09】 URL | み104c #sz3vHWnk[ 編集]
初めまして。
以前から使いたいと思っていたテンプレートだったのですが・・・・。

全てのテンプレートを拝見させて頂きましたが、3カラムは・・・
ありませんねe-263

lcd_styleの3カラム作成ご予定はないで
しょうか?
いつか、作ってみたいと思っているということもない・・でしょうか?

いつか作成されることを願っております^^

【2006/08/01 16:19】 URL | 黒薔薇 #ImyY2H4o[ 編集]
黒薔薇サン
どもハジメマシテ(`・ω・´)>

実はたまには3カラムも作ってみようかなと、うっかりチャレンジなん
かしてみるのですが、どうも自分でデザイン的に納得いかなく撃沈と
いう感じでございますです。ハイ。このデザインだと、メイン記事を挟
んで両側にメニューをつけるよりも、メインが左で右側に2列のメニュ
ーというのがいいのジャマイカと個人的に思います。

lcdテンプレは3カラムもありかもしれません。ちょと検討してみます
(`・ω・´)
【2006/08/01 19:40】 URL | み104c #sz3vHWnk[ 編集]
(^ー^)ノ"コンバンハ♪
覗きに来てます(# v。v)o ポッ

うっかりチャレンジされておいでなんですね^^
両サイドにメニューというのはデザイン的に難しいんですネ。
“〆(▽≦*) ササッ

希望的には、両サイドにメニュー記事中央が良いなアルデンテ
でしたが、作る方の苦労もありますね^^

気長に待っています〜ので、検討お願い致しますv-436

お返事ありがとうございました♪
【2006/08/01 21:33】 URL | 黒薔薇 #ImyY2H4o[ 編集]
黒薔薇サン
ハハハ、デザイン的に難しいことはないのですよ。自分との戦いなワ
ケです(`・ω・´) そしてこの戦いでいつもくじけて、止めてしまう次第
であります笑。
【2006/08/02 21:16】 URL | み104c #sz3vHWnk[ 編集]
お世話になります
スピーカーのアイコンを無駄にしたくなかったのとBGMを入れ
たかったので挿入しました

同じく挿入したい方は参考にしてください
素敵なテンプレお借りできて良かったです
下記三行です
私の場合最近のエントリーの上に挿入しました

<bgsound
src="http://sikisaika.blog11.fc2.com/file/Gst-
2air.mid"loop="infinite">




<!--■■■最近のエントリー■■■-->
<!--index_area-->
<div class="ent">
【2006/09/17 01:15】 URL | Greem #1wIl0x2Y[ 編集]
Greemさん
Greemさん、感謝いたします(`・ω・´)>
BGM付けたい皆さんは参考にされるとよいと思います。自分が
気に入るようにブログ頑張ってください。
【2006/09/17 13:05】 URL | み104c #sz3vHWnk[ 編集]
はじめまして!愛用させて頂いております。
素人質問で恐縮なのですが、トップに自分で撮影した写真を
使うことが出来ますでしょうか?
お時間あるときにでもご教授頂けたら幸いです。
【2006/10/29 15:50】 URL | かい #B/6VgDws[ 編集]
かいsan
どもハジメマシテ(`・ω・´)>
うわぁぁあああああああああ!!!
私はですね、どちらかと言えばあまり鳥にはそんなに興味はな
いかもしれないくらいの方ですが(以前、ヘルメットをかぶった
ような感じで頭だけ白い鳥はカワイイと思ったことがありました
笑)、かいサン、写真スゴイですね! 鳥が物凄く綺麗というか
鳥に興味なくても何となく惹かれるような写真で、見とれてしま
いましたよ。

あ、本題本題。

えーと、トップに写真を表示したいということは、要するに新しい
記事を書いてもその上にいつも同じ写真を残しておくというイメ
ージという解釈でよろしいでしょうか?

それですと、やり方としては2つあります。

1) まず一番簡単なのは、
未来の時間で投稿して一番上に表示させる。
(あ、書いて思ったのですが実際自分でやったことがないので
試して見ないと出来るかわかりません)

2) 次はhtmlをいじります
テンプレートのhtmlの編集画面で

<!--topentry-->


下記からtxtをダウンロードして追加してください。
パスワードは lcd です。
(ここに記入しようとしたらURLが多すぎるとエラーで書き込め
ませんでしたのでアップしました)

http://www.dotup.org/uploda/www.dotup.org75
66.txt.html

ダウンロードするとhtml表示になってしまうので、ソースを表
示して、そのソースを追加してください。



ただコレはデフォルトテンプレでの数値になりますので、自分
でカスタマイズされているようであれば、修正など行ってくださ
い(`・ω・´)>
【2006/10/31 20:37】 URL | み104c #sz3vHWnk[ 編集]
ありがとうございますm(__)m
ブログもご覧頂きまして恐縮です。。。
週末にいろいろ試して見ます!
【2006/11/02 00:59】 URL | かい #B/6VgDws[ 編集]
かいサン
頑張ってください(`・ω・´)>
上手くいかないようであればまた言ってください。
【2006/11/03 06:53】 URL | み104c #sz3vHWnk[ 編集]
このコメントは管理人のみ閲覧できます
【2007/02/11 12:41】 | #[ 編集]
どもハジメマシテ(`・ω・´)>
気に入ってもらえて何よりであります。ちょと確認してみたのですが、画像は問題なく表示されているようです。サーバーの調子が悪く、たまに一部の画像が表示されないことがよくあるので、そのためではないかと思います。私の方も、削除などしていないのです。

しばらくリロード等すると改善されると思いますが、もしそれが、ずっと続くようであればまた言ってくださいね。ヨロシクであります。
【2007/02/11 19:47】 URL | み104c #sz3vHWnk[ 編集]
はじめまして。ブログを始めたばかりの素人です。
非常に申し訳ないんですが、教えて頂きたい事があります。

記事の中で、箇条書きで書いた場合のリストマークが四角になるんですが、丸にならないでしょうか。
Recent entriesやカテゴリーの様に、丸のリストマークにならないでしょうか。
顔と右下矢印のリストマークが気に入ったもので。

お手数ですが、宜しくお願い致します。
【2007/12/05 15:27】 URL | overlook #-[ 編集]
overlook さん
ども初めまして(`・ω・´)>
現在のデフォの設定ですと、何処に使用したリストでも、同じような設定になるようになっております。なので、デフォのリスト画像が、記事中にもそのまま使用されてしまうワケです。それを変更したい場合は、

記事に設定してあるスタイルシート
.lcdmain_text{
ほにゃらら
}

この記事の中でリストの設定を指定するには
.lcdmain_text ul{
ほにゃらら
}
.lcdmain_text li{
ほにゃらら
}

というのをスタイルシートの編集画面で、追記する必要があります。(記事に設定してあるスタイルシートは消さずにです) ようするに、ulやliというのが、リストのスタイルシートになりますので、その指定を参考に記述するとよいかと思います。もちろん画像のパスは、記事中の背景色に合う画像を見つけるか、自作するか、若しくは画像なしにするかで対応することになります。

リストのスタイルシートの詳細は、『スタイルシート リスト』 『スタイルシート ul』などで検索すると勉強になるかと思います。どぞがんばってやってみてください。
【2007/12/05 21:27】 URL | み104c #sz3vHWnk[ 編集]
さっそくの回答有難うございます。
がんばってやってみます。
もし、また何かあった場合は宜しくお願いします。
【2007/12/05 22:15】 URL | overlook #-[ 編集]
overlook さん
がんばってやってみてくださいv-22
どうしても分からない場合は、またどうぞ(`・ω・´)
【2007/12/10 19:57】 URL | み104c #sz3vHWnk[ 編集]
はじめまして、ts-hobbyと申します。

かっこいいデザインのテンプレートがいっぱいですね。
迷ってしまいます。
そこで今回はlcd_styleをお借りいたしました。

そこで教えて頂きたいのですが、よろしくお願いします。
写真を挿入した場合のことですが、大きな写真を挿入した場合と文字だけの場合で、メインの画面の幅が違ってきてしまいます。
文字だけの場合の幅も画像挿入の場合の幅に合わせることはできますか。どうしたらいいのでしょうか。

初心者なものですから、わかりやすく具体的に教えていただけると幸いです。

よろしくお願いします。
【2008/02/08 22:58】 URL | ts-hobby #1TQ6mxFM[ 編集]
ts-hobbyさん
どもハジメマシテ(`・ω・´)>

では早速回答してみます。
どうしてそういう風になってしまうかというと、スタイルシートで構成されたテンプレでは、明らかにメニュー等が下にさがってしまったり等と使用出来ませんが、テーブルで構成されたテンプレ(私が配布しているテンプレ)ですと、横幅は柔軟に横に伸びます。

例えば横幅100と設定しているテーブル幅に、100より大きい150の幅の画像を入れると、テーブルは150の幅になります。なるというより、見えるといった方が正しいかもしれません。

実際150のテーブル幅に見えますが、htmlのタグの記述は100としてある為、100を超える画像等が入っていない記事は、タグ記述通りの100で表示される事になります。なので大きい写真と文字だけの場合で異なってしまうワケです。

では、それをどうすればいいのかと言いますと、ts-hobbyさんが入れるであろう写真の横幅より大きい記事の幅に、最初から設定変更すればいいワケです。要するにテーブルの横幅を広げるという事です。なので下記のようにやってみてください。


■テンプレのhtml編集画面の
720
497
475
上記の数値(複数あるので文字検索して下さい)に、広げたい数値(全て同じ数値)をプラスしてください。

例えば50広げたい場合は
720+50=770この数字に変更
497+50=547この数字に変更
475+50=525この数字に変更

■ではどうやって入れたい横幅がわかるかというと
記事メインの横幅が475
その内、デザインで横幅7+5=12使用
その内、余白に15+15=30使用

という事は
475-12-30=433が実際に記事として使用出来る横幅になります。
なので、例えば500の画像を常に入れているのであれば、500-433=67

67を上記の3つの数値に足すことになります。


タグを全て見ようとすると、作成している私でも頭が痛くなりますので笑、部分的にみると、何だかわかったツモリになってきます。

どぞ頑張ってやってみてください。
あ、わけわからなくなると大変ですので、テンプレを複写してやってみるとヨイです(`・ω・´)
【2008/02/10 11:55】 URL | み104c #sz3vHWnk[ 編集]
み104cさん、有り難うございました。
なんとか記事の欄を広げることができました。
文字を検索するのはどうやったらいいかわからなかったので、
じっくりひとつひとつ見落としのないようにやっていきました(笑)

もうひとつ教えていただいてもいいでしょうか。

写真を挿入する場合、そのまま挿入するのとサムネイルで挿入するのとありますね。
どちらの場合もなんですが、写真の横に文字が来るように、つまり文字の回り込みをするにはどのようにしたらいいのでしょうか。

よろしくお願いします。
【2008/02/12 17:58】 URL | ts-hobby #1TQ6mxFM[ 編集]
み104cさん、こんばんは。

先ほどのコメントでおたずねした回り込みですが、FC2のユーザーフォーラムに載っていましたので、とりあえずできました。
ただこれですと毎回それぞれの画像に対して編集しないとできませんが、はじめからすべての画像に対して回り込みの設定のようなことはできますか。
【2008/02/12 23:24】 URL | ts-hobby #1TQ6mxFM[ 編集]
もう一つお聞きしちゃっていいですか。
右のメニューの幅を変えることはできますか。たとえば狭くしたり。
よろしくお願いします。
【2008/02/13 20:26】 URL | ts-hobby #1TQ6mxFM[ 編集]
み104cさん、こんばんは。
先日記事の枠を広げることはできましたが、その記事の幅と同じ幅の画像を入れたら、若干ですが微妙に枠の幅が違います。画像の入ったものの方が文字だけの場合よりほんの少し広いです。
そこで記事の幅に対してわずかに画像の幅を狭くしたところうまくいきました。
今回は記事の幅を600に、画像の幅を585にしてみました。600でそろえたら画像の入った記事は文字だけの記事に比べてほんのわずか広かったのです。
このあたりはどうしてかわかりますか。

いくつも質問で申し訳ありません。
【2008/02/14 21:29】 URL | ts-hobby #1TQ6mxFM[ 編集]
ts-hobbyさん
出来ましたか(`・ω・´)
文字検索はwinだとctrl+Fキーで、MACは忘れました笑。

1)回り込み
回り込みに関しては、スタイルシート編集画面に
.lcdmain_text img {
ほにゃらら
} 

という所があります。それが記事内の画像の設定になりますので、そのほにゃららにfloat: left;を1行追加することで、全ての記事の回り込みが有効になります。

但し、以前のfc2さんの仕様では、記事に画像を挿入すると、<br clear=all>という強制改行のタグが自動で挿入されていました。このタグが過去記事に入っている場合は、どんなにスタイルシートに回り込み設定をしてもダメなので、全て強制改行のタグを削除する必要があります。

また、逆に全ての記事に回りこみを設定した場合に、今までは普通に改行されていた所が、変に回り込みされたりと<br clear=all>をあえて追加しないといけない所もあるかと思います。まあ、これはやってみればどういうことか分かると思います。


2)右のメニューの幅
html編集画面の180というのが右メニューの幅になります。但し、この180を変更するようであれば、最初にレスしました720も同じ数値をプラマイしてください。
要するに720というのは、テーブル全体の幅なのです。


3)記事幅の件
うはっ。すみませんウッカリしていました。
えーとですね、その微妙な違いは、スタイルシート編集画面の
.lcdmain_text img {

内のマージンの幅によるものです。この数値を考慮ください。
【2008/02/17 15:24】 URL | み104c #sz3vHWnk[ 編集]














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





このテンプレートのデザイナーさんです。font color="#FFCC66">【テンプレ名】lcd_style...液晶テンプレ追加 名古屋タウン情報【2006/07/21 21:21】
久々の一日丸まる休み。髪も切りたいし、買い物も行きたいしと思ってたけど、昨夜、お好み焼き屋で食ったにんにくが強烈な臭いを放ってたんで、中止。結局、一日、ブログいじってました。み104cさんのテンプレー RECYCLE-BIN【2007/03/26 00:06】
| HOME |


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