全38件 (38件中 1-38件目)
1

NEO HIMEISM様のバナー台をお借りし、当blogのバナーを作ってみましたbanner(バナー)とは? ------ wikipediaついでに、直リンクについて / 直リン絶対やっちゃダメ! / 直リンクを防ぐには?…禁止と言っても無駄---AllAbout空間づくりバナー1空間づくりバナー2 空間づくりバナー3空間づくりバナー4空間づくりバナー5ご入用の方は、右クリックでダウンロード後、当blogリンクにお使い下さい。(いないと思うけど)<a href="http://plaza.rakuten.co.jp/soleil666/" target="_blank"><img src="画像URL" width="88" height="31" border="0" alt="空間づくり" title="空間づくり"></a>alt=" "は画像が表示されなかった時に代わりに表示してくれたり、音声読み上げブラウザで読んでくれますtitle=" "は、firefoxなど、alt=" "が吹き出し表示されないブラウザで、画像の名前を吹き出し表示してくれます◆バナー作成に使ったフリーソフト◆作り方A. 『JTrim』のみ作り方B. 『簡単バナー』と『かんたん透過くん』(バナー5のみ、プラス、windows付属『ペイント』使用)◆お借りしたフリーフォント◆武蔵システム様の『青柳衡山フォント行書』(バナー3とバナー5にお借りしています)フリーソフトの他、web上でも無料作成できるサイト様もありま~す
Jan 30, 2009

2/14はバレンタインデーもうプレゼントは、お決まりですか?カード時代どこのショップさんでもポイントカードを発行してくれますよねんがっあたし、昔っからカード苦手なんです~直ぐ紛失しちゃう(捨てちゃう)F.O.B COOPさんに椅子買いに行った時も、前日にどうやら、パークスのポイントカード失くしてて再発行して貰いましたポイントたまってたday and livingもなくしちゃったしお預かりしてて下さるお店のしか持ってなかった位、苦手パークスカードは、息子の薦めで息子の名前で作り、普段は息子が所持会計ん時に出して貰って、それっきり・・・アレ?アレ?まぁ、いつも、このドツボにはまりますそこで、旦那が持ってくれてるんだけど、誰かさんのおかげでカード満タン前置きナッゲ~よ?読んで後悔?まぁまぁ旦那様に、二個目のカードケースを探してみましたDesigned by Sozai doori様送料無料AXE(アックス)Wash(ウォッシュ)カードケースさて、ここからが、本題楽天サーチって、除外キーワード入れても、ヒットしちゃうのはナゼ?例えば「名刺入れ」を除外しても、名刺入れがヒットしやがりますキーワードをやみくもに埋めた何とかサイトかよ?←かなりのご立腹そんなの入れたって、ここにくるエロエロ宣伝マンと同じく?下手な鉄砲数打ちゃ当たる?興味ないやつが、どんだけ釣れるよ余りに使えないサーチなんで、もうgoogleで楽天内をドメイン検索してみたわえ?おまえの使い方がおかしいんだってか?googleのおかげで、ポチれたんで♪流石の自称「検索ヲタ」でも探すの嫌になるわ>楽天検索ってばあ。一応、スタジオクリップのバーゲンで、あたしもカードケース仕入れてみました
Jan 29, 2009

文字をセンタリング(中央寄せ)しつつ、行頭を揃える方法前回は、複数の画像を使って、テーブルを組み立てるお話でした。今回は、テーブルの中の文字位置について書いてみたいと思います前回は、文字位置がセンタリング(中央寄せ)されていました場合によっては、読みにくい時もあります margin-left: ●%; margin-right: ●%;文章の左右余白"margin"を指定して、左に揃えた文字を中央に寄せる(センタリング文字の行頭揃え)各数値は、変更してくださいソースは、こうなっています<table style="width: 650px;"><tr><td><p style="margin-left: 22%; margin-right: 22%;">★文字★</p></td></tr></table>margin-left: auto; margin-right: auto;ソースはこうなっています<table style="width: 650px; margin-left: auto; margin-right: auto;"><tr><td style="width: 22%;"></td><td style="width: 56%;"></td><td style="width: 22%;"></td></tr></table> padding-left: ●%; padding-right: ●%;セル内の左右余白"padding"を指定して、左に揃えた文字を中央に寄せる(センタリング文字の行頭揃え)各数値は、変更してくださいソースは、こうなっています<table align="center" style="width: 60%;"><tr><td style="padding-left: 20%; padding-right: 20%;">★文字★</td></tr></table> ◆番外編◆テーブルの中に、テーブルを入れる方法・外枠テーブルのセンタリングalign="center"・外枠テーブルのセル(中にテーブルを入れ込むセル)もセンタリングalign="center"・中に入れるテーブルのセル(文字を書くセル)を左寄せalign="left"見栄え(レイアウト)にテーブルを使うべきでは無いというHTML4.01や、読み込み速度の点からすると、入れ子式になるテーブルタグは、余り好ましくないかも各パーセンテージは、変更してくださいソースはこうなっています<!-- 外枠のテーブルここから --><table border="0" align="center" style="width: 70%;"><tr><td align="center"><!-- 中のテーブルここから --><table style="width: 50%;"><tr><td align="left">★文字★</td></tr></table><!-- 中のテーブルここまで --></td></tr></table><!-- 外枠のテーブルここまで -->テーブルそのもののセンタリングは<table align="center">で、自動的に文字は左寄せになります(HTML4.01非推奨)<table align="center" style="width: 30%;"><tr><td>ここに文字</td></tr></table><center>センタリング</center>でテーブルを囲むタグは、HTML4.01非推奨となっています。画像まわりこみと同じく、<table align="テーブル表示位置">にすると、テーブル横に文字や画像を回りこませる事が出来ます。<table align="left" style="width: 30%;"><tr><td>ここに文字</td></tr></table>テーブル横に、文字がまわりこみます。テーブルと文字の余白はテーブルタグにmargin-right: 10%;で記述していますalign属性は、HTML4.01非推奨ですが、<tr>や<td>に関しては、非推奨ではありませんstyle属性の<table style="float: left;">を使って回り込み<table style="float: left;"><tr><td>ここに文字</td></tr></table>テーブル横に、文字がまわりこみます。テーブルと文字の余白は回り込んだ文字の<P>タグにmargin-left: 10%;で記述しています 前後しますが、次回は、余白(paddingとmargin)について書いてみたいと思いますTakabo Soft氏のAquaMakerを使い、アクアボタンを作成しましたDLはコチラ
Jan 29, 2009

web素材の探し方googleで、自分のブログ内検索【site:plaza.rakuten.co.jp/soleil666/】してみた事ありますか?Material~素材サイト様~のフリーページが、常に上位にヒットするので、今回は素材の探し方を書いてみたいと思います その1. googleは巨大ランキングサイト素材屋さんから素材をお借りしている方blogに使いたい素材は、どうやって探していますか?自分の場合は、圧倒的に検索エンジン[google]を使う事が多いです素材に特化したランキングも見るけど、遭遇率はgoogleの方が高いですヒットしたサイトを全て見る必要はありません各サイトごとに出る説明文をgoogle検索結果でざっと見て、"ここだ"ってあたりをつけていきますwindowsのエラーメッセージなどは、ダイアログに出た文章やエラー番号そのまま検索通常は(複数の)単語を組み合わせて検索(接続詞は不要/文章にしない/除外キーワードetc)ランキングサイトを好まず、ひっそり運営したい素材屋さんもいらっしゃいます自分がお借りしている素材サイト様にも、ランキング不参加サイト様がありますまた、Aのランキングサイトには登録しているけど、Bには未登録だとかランキングで人気のあるサイトが、必ずしも自分が欲しい素材のあるサイトだと限っていない場合も。。。不参加・参加、全てひっくるめて、『google=巨大ランキングサイト』みたいなものだと思っています その2. 類は友を呼ぶお気に入りblogやサイトのリンク集・BBSや日記にコメントを入れている方などのサイトやblogに飛んでみる同じ系統が好きな場合も多いですこちらに追記しています その3. ディレクトリを巡回深い階層、上など、HP内を隅々まで探索してみますgoogleツールバーの"上へボタン"は、地味に便利です♪ その4. OS専用アイコンは無いmacとwindowsのアイコンは、ファイル種別(拡張子)が異なります。mac用アイコンは、デフォルトでは、windowsでは読み込めません。(逆も同じ)が、それぞれのOS用にコンバート(変換)してあげれば、どちらもアイコンとして使えます個人の好みですが、自分の中では、デザインの美しさは、macが上です(自分はwin使い)収集するなら、mac系サイトや海外サイトがお勧め
Jan 28, 2009

旦那のリクエストで、『神戸三田プレミアム・アウトレット』(兵庫県三田市)に行ってきました♪マリンピア神戸・りんくう・鶴見は、時々行くんだけど、違う所に行ってみようとマリンピア神戸と鶴見は三井アウトレットパークで、三田は、りんくうと同じ、チェルシープレミアムアウトレットです第一期工事が完了し、まだまだ増設するらしいですが、りんくうより規模は小さくなる予定なんだとか行ってみた感想を・・・・φ(,_,*)りんくうや、マリンピアの方が、アパレル関係は断然充実している因みに、りんくうが一番好きが、三田に行って良かったのは、たち吉が入ってた事鶴見にも、たち吉あるんだけど、バーゲン時期と重なってか、三田の方が欲しい食器が沢山和食器が好きどっさり買い込んでしまいました旦那様、いつもありがとう楽天市場にも出店してるよ~株式会社たち吉
Jan 28, 2009

行間を指定する方法前回に続き、今回もstyle属性を使って、行間を指定するやり方を書いてみたいと思いますline-height: 数値;行の高さを指定。指定無しの場合は、各ブラウザが判断して決めます。ワード -------------- normal(既定。ブラウザ判断)数値のみ ----------- 標準文字サイズ=1% ----------------- 標準文字サイズ=100%数値+単位 --------- px(絶対数値)やem(標準文字サイズ=1em)などline-height: normal;line-height: 125%;line-height: 1.5;行間指定normal文字が詰まっていると、読みにくい場合もあります。行間指定125%一般的なブラウザは、120~125%行間指定1.5倍長い文章を書く場合は、読みやすくなります。 ◆行間をpx単位で指定した場合◆各ユーザーにより、既定のフォントサイズは様々です。単位で指定(絶対値)してしまうと、製作者の意図とは異なるページになってしまう恐れもあります。製作者(ブログ管理者)の既定フォントサイズ=14pxユーザーAの既定フォント=20pxユーザーBの既定フォント=10px 行間指定無し行間指定:21px行間指定:1.5製作者の見た行間ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああユーザーAの見た行間ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああユーザーBの見た行間ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ Takabo Soft氏のAquaMakerを使い、アクアボタンを作成しましたDLはコチラ
Jan 27, 2009

画像に文字を回りこませるタグ前記事(HTML4.01では非推奨)でも書いた回りこみタグ今回はstyle属性を使って回りこむ方法を買いてみたいと思います◆回りこむタグ◆<img src="画像URL" alt="代替テキスト名" style="float: 横位置 縦位置; width: 画像幅px; height: 画像高px;">◆回りこみを解除するタグ◆<br style="clear: both;">または<p style="clear: both;">ここから回りこみ解除</P>float: 画像の表示位置;画像の表示位置を指定。既定はnone(解除しない)画像表示位置左端右端指定無し継承ワードleftrightnoneinherit<img src="画像URL" alt="代替テキスト名" style="float: left; width: ■px; height: ●px;">画像右側に文字が回りこみました回りこみが解除されました<img src="画像URL" alt="代替テキスト名" style="float: right; width: ■px; height: ●px;">画像の左側に文字が回りこみました回りこみが解除されましたclear: 画像位置;float: による文字や画像の回りこみを解除。既定はnone(解除しない)画像表示位置左端or右端左端右端指定無しワードclear: bothclear: leftclear: rightclear: none意味左右回りこみ解除右側回りこみ解除左側回りこみ解除解除しない vertical-align: 画像に回りこむ文字や画像の位置;float: による文字や画像の回りこみを解除。既定はbaseline(ベースライン)数値+単位 ----- 任意の位置に表示 % ----- 任意の位置に表示文字表示位置左端or右端左端右端指定無しワードvertical-align: top;vertical-align: middle;vertical-align: bottom;vertical-align: baseline;意味画像右横上画像右横中央画像右横下ベースライン(or右横下)<img src="画像URL" alt="代替テキスト名" style="vertical-align: top; width: 画像幅px; height: 画像高px;">画像右側上に一文だけ回りこみました <img src="画像URL" alt="代替テキスト名" style="vertical-align: middle; width: 画像幅px; height: 画像高px;">画像右側中央に一文だけ回りこみました<img src="画像URL" alt="代替テキスト名" style="vertical-align: bottom; width: 画像幅px; height: 画像高px;">画像右側下に一文だけ回りこみました。IE7では、下に表示されません<img src="画像URL" alt="代替テキスト名" style="vertical-align: baseline; width: 画像幅px; height: 画像高px;">画像右側下(ベースライン揃え)に一文だけ回りこみましたvertical-align: baseline;vertical-align: bottom;bcdgjpxyzbcdgjpxyzIE7では、bottomはききませんTakabo Soft氏のAquaMakerを使い、アクアボタンを作成しましたDLはコチラ
Jan 27, 2009

windows 7何年も前から「出る出る」と言われつつ、開発に非常に時間を費やしたvista(開発コードネーム"Longhorn")やはり、短命に終わるみたいですねなんちゃってvista改造なんかやってたせいか、もう"今更感"が否めなくてvistaへの移行は全く視野になかったけど、windows 7は、いっとこうかと今現在もXPユーザーの皆さん、vistaにいきます?来年1月のwindows 7を待ちます?(あたしゃ~待ちます友)「windows 7 beta」無償DLmicrosoftの次期OS「windows 7 beta」の無償DLは、2/10まで延長になっています無償DLはコチラ【DL/インストールなど、ご使用は自己責任でお願いします】Windows 7 の新機能Windows 7 ベータ版 ----- よく寄せられる質問 (FAQ)Takabo Soft氏のAquaMakerを使い、アクアボタンを作成しましたDLはコチラ
Jan 26, 2009

エロカワ★ランジェリーaimerfeel(★エメフィール) official web site 店舗一覧神戸発祥のブランド。全国に155店舗。海外に多数出店。aimer [エメ] はフランス語で愛、feel [フィール] は英語で感じるの意お手頃で可愛いランジェリーが沢山セール時期もあって、兵庫と大阪、2店舗巡り、あれこれ買ってきちゃった店頭に並んでる物(現品)じゃなくて、(あれば)奥から在庫出してきてくれるよ~ランジェリーも大好きLUIRE(ルイール)mama nuts(ママ ナッツ)×ageha(アゲハ)HOME
Jan 26, 2009
![]()
バラに関する本は数あれど似たり寄ったりになりがちこれは、育て方に特化した本で面白かった♪NHK趣味の園芸ガーデニング21バラを美しく咲かせるとっておきの栽培テクニック
Jan 23, 2009

複数の画像を使って、テーブル枠を組み立てる楽天ブログで使えるタグシリーズテーブル背景の設定のやり方は、前記事(コチラとコチラ)をご参照下さい【2/12追記はコチラ】テーブル作成に関する記事テーブルとはテーブル枠センタリング・セル内位置調整テーブルの余白セルの大きさセルの結合≪楽天ブログで使えるタグ一覧表≫例えば、8枚の画像と9個のセルを使うテーブル★文字★<td>タグに<img src="">タグで入れています<td>タグに<img src="画像URL">タグで入れると、背景ではなく、画像として表示されます例えば、「背景=文字が乗る」という違い楽天ブログモバイル版(携帯)では、背景は表示されず、画像は画像として表示されますテーブル枠に使う様なサイズの小さい画像は、読み込んだ画像のまま表示されてしまいます文字が乗ります文字は画像には乗りません★ここに文字(センタリング)が入ります★テーブル幅は固定しています自動改行されて、テーブル高さは下に伸びますああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああテーブル枠全体の▲=幅,▼=高さを数値(px)で指定各画像の●=幅,■=高さを数値(px)で指定8枚の画像サイズは全て、幅=80px、高さ=64pxなので、<tr>【行単位】で高さ指定していますサイズが異なる場合は、それぞれ指定してください<!-- -->は、ソースがわかる様に書いたコメントなので、実際のページには反映されません。邪魔な場合、わかる方は抜いて下さい◆上記テーブルのソース◆<table border="0" cellpadding="0" cellspacing="0" style="text-align: center; width: ▲px; height: ▼px;"><!-- 1行目ここから --><tr style="height: ●px;"><td style="background-image: url(画像URL); width: ■px; background-repeat: no-repeat;"></td><td style="background-image: url(画像URL); background-repeat: repeat-X;"></td><td style="background-image: url(画像URL); width: ■px; background-repeat: no-repeat;"></td></tr><!-- 1行目ここまで --><!-- 2行目ここから --><tr style="height: ●px;"><td style="background-image: url(画像URL); width: ■px; background-repeat: repeat-y;"></td><td>★ここに文字★</td><td style="background-image: url(画像URL); width: ■px; background-repeat: repeat-y;"></td></tr><!-- 2行目ここまで --><!-- 3行目ここから --><tr style="height: ●px;"><td style="background-image: url(画像URL); width: ■px; background-repeat: no-repeat;"></td><td style="background-image: url(画像URL); background-repeat: repeat-X;"></td><td style="background-image: url(画像URL); width: ■px; background-repeat: no-repeat;"></td></tr><!-- 3行目ここまで --></table>background-repeatを省略すると、IEではOKなんですが、firefoxでは、こんな風に崩れます素材屋さんから、素敵な素材をお借りしたり、自作したり、可愛いテーブルを作ってみてくださ~い☆いつもお借りしている素材サイト様のリンク集はコチラ素敵な素材がいっぱいです今回の解説に使った物は、枠書いて分割しただけの自作です
Jan 23, 2009

この上なく使いにくかった楽天ブログ付属のキーワードサーチ楽天スタッフブログより「検索機能リニューアルのお知らせ」賛否両論ですね・・・皆さん、つけていらっしゃいますか?仕方ないんでしょうが、広告てんこ盛りお馴染みgoogleのドメイン内検索の方が見やすいわ以前の日記「imeem」でも少し、この話題に触れています→コチラこれは、googleの検索オプションのひとつ例えば、自分のブログ内検索も出来ます [ plaza.rakuten.co.jp/ユーザー名 ]また、日本語検索できないサイトで日本語検索する時なんか、非常に便利]★yahoo!検索オプションはコチラyahooは、キーワードを入れないと検索不可だけど、googleは、キーワード無しでサイト内検索が可能です過去に入力したフォーム内の一覧は既定の場合、削除するまで残っていますIE7のフォーム内入力履歴の消し方へもしくは、各サーチエンジンのサイト内検索ボックス設置だとかgoogle検索ボックス設置のコードGoogle フリー検索 (カスタマイズ版) はコチラよくある質問 -- Google フリー検索 (カスタマイズ版)yahoo!のサイト内カスタムサーチ設置はコチラ(Yahoo!IDが必要)yahoo!ジオシティーズの簡単サイト内検索窓設置はコチラこれらは、規制のかかっている楽天ブログには設置できません◆IE7のフォーム内入力履歴の消し方◆[]内は、ショートカットキーです1. メニューバーのツールをクリック[Alt+T]2. プルダウンメニューより、インターネットオプションをクリック[Ctrl+O]インターネットオプションダイアログが出ます3. 全般タブの「閲覧の履歴」削除をクリック[Alt+D]閲覧の履歴の削除ダイアログが出ます4. フォームデータ「フォームの削除」をクリック[Alt+E]フォームデータの削除ダイアログが出ます5. 「はい」をクリック[Alt+Y]
Jan 22, 2009

楽天ブログの『タイトルの背景設定』画面タイトルの高さって、以前は、90pxを超える分はカットされていたけど、いつの間にやら、480pxまでOKになっていますえ?…今更ですか?(゜ー゜;Aって、今回は、これがメインではなくってφ(,_,*)前の日記にリンクしたい時ってありますよね??ね?ね?んが、タイトルでっかいと目を引くし、可愛いんだけど、スクロ~ルが長くなっちゃうそんな時のお助けマン<a>タグ「アンカー」くん飛んでいくですドコまでも「日記を書く」エディタから、 画像をあげたり、 リンク貼ったり、出番の多いタグかと思います♪★ページの指定の場所へリンクする楽天ブログ規制上、リンク先はフルパス(絶対パス)で●●は、あってもなくても可<a href="http://で始まるURL#jump">指定の場所へ飛びます</a> ↓<a name="jump">●●</a> ここに飛んできますリンク先の name=" " には、半角英数字 「 - 」(ハイフン) 「 _ 」(アンダーバー) 「 : 」(コロン) 「 . 」(ピリオド) で、任意の名前をつけます <a name="jump">●●</a> は、ブログ上は見えません楽天ブログ内、<a>タグでは、相対パスは貼れないという規制がかかっています楽天ブログの日記と画像は、ドメインそのものが異なる為ですが、同じページ内でも相対パスは貼れませんhttp://~始まる絶対パスなら、同ページ内・別ページともに、指定場所へリンクが貼れる仕様になっています相対パスとは?----IT用語辞典へ絶対パスとは?----IT用語辞典へページの指定の場所へリンクするに戻る≪楽天ブログで使えるタグ一覧表≫
Jan 21, 2009

楽天ブログで使えるタグシリーズ前回に続き、テーブルの背景画像の位置について今回は、テーブルの背景画像を右下に固定したり、端に並べたりするタグです楽天ブログそのものの背景には、こういった仕様はありません全体に敷き詰める(繰り返す)背景となりますbackground-position: 横位置 縦位置;横表示開始位置左中央右ワードleftcenterright%(比率)0%50%100%%指定は、表示させる領域の左端から**%、上端から**%ワード指定は、横・縦、どちらか1つのみの指定も可。省いた方は中央に%指定は、横のみの指定も可。省いた縦は中央に縦表示開始位置上中央下ワードtopcenterbottom%(比率)0%50%100%background-repeat: リピート方法;★repeat(繰り返し)=既定(指定しない場合は、画面に敷き詰められます)繰り返さない縦方向に繰り返す横方向に繰り返すbackground-repeat: no-repeat;background-repeat: repeat-y;background-repeat: repeat-X;background-attachment: 背景スクロールの指定;★scroll(スクロール)=既定(指定しない場合は、背景画像は画面と一緒にスクロールします)背景スクロール背景固定background-attachment: scroll;background-attachment: fixed;HTML4.01非推奨意味属性使用例bgproperties="fixed"<table background="背景画像URL" bgproperties="fixed">背景固定右下/画面と一緒にスクロール<table border="1" style="background:url(画像URL); background-repeat:no-repeat; background-position: right bottom; width: ■px; height: ●px; background-color: 色;"><tr><td>右下スクロール</td></tr></table>左上/画面と一緒にスクロール<table border="1" style="background:url(画像URL); background-repeat:no-repeat; background-position: 0% 0%; width: ■px; height: ●px; background-color: #FFFFFF;"><tr><td>左上スクロール</td></tr></table>右端一行リピート/画面と一緒にスクロール<table border="1" style="background:url(画像URL); background-repeat:repeat-y; background-position: right top; width: ■px; height: ●px; background-color: 色;"><tr><td>右端一行リピート</td></tr></table>左端一行リピート/画面と一緒にスクロール<table border="1" style="background:url(画像URL); background-repeat:repeat-y; background-position: left top; width: ■px; height: ●px; background-color: 色;"><tr><td>左端一行リピート</td></tr></table>上一列リピートは、ワード指定をTOP(縦方向)しか指定していないので、背景の左右開始位置が中央になっています上一列リピート/画面と一緒にスクロール<table border="1" style="background:url(画像URL); background-repeat:repeat-X; background-position: top; width: ■px; height: ●px; background-color: 色;"><tr><td>上一列リピート</td></tr></table>下一列リピート/画面と一緒にスクロール<table border="1" style="background:url(画像URL); background-repeat:repeat-X; background-position: left bottom; width: ■px; height: ●px; background-color: 色;"><tr><td>下一列リピート</td></tr></table>楽天ブログ管理機能の色数値sampleや様などより、お好きな色を探してみて下さい♪≪楽天ブログで使えるタグ一覧表≫
Jan 21, 2009

PCサイト(特にblog)に掲載されているQRコードこんなやつ ↓携帯で見る為に、わざわざ、PC画面のこいつを撮影しなきゃなんないPCには、そもそも「スクリーンキャプチャ」って撮影機能があるのにQRコードが出来た当初は、ドコモからソフト落として、興味本位でQRコード作ってみたりしたけど自分の中で、モバイルとPCの用途が全く違うし、観るサイトも違うどうしても、携帯から見たいblogは、検索かけるかURL打てば出るし。。。元々、URL覚えて手打ちするタイプだったからかもしれないけれど、手打ち自体、面倒ではなかったりして(超~原始的!?)あ。。。ちゃんと、ブクマも使ってますよ(゜ー゜;AQRコードの見た目が嫌いなのと、blog自体にサイドバーを付けていないので、楽天blogでは要らないかって撤去していますが。。。久々、作ってみましたいつか、どっかに貼ってみよう利用させて頂いたのは、マルチキャリア対応の『QRのススメ』さんwebで作成するツールで、色や大きさが選べますPC用URLでQRコードを作成したけど、携帯用URLに自動変換されて、携帯から閲覧できましたアフィリエイトリンクも同じく、自動変換されますよねんっが、ひとつご不満ちゃんなのは、PCで前記事にリンク貼っても、携帯から見ると、「ページが見つかりません404 Not Found」になっちゃう例えば、PCから日記別の携帯用URLを直に打ってみても、外部サイトじゃないのに、リンクされない携帯用URLはhttp://plz.rakuten.co.jp/soleil6661/19の日記「修景バラ*切花品種*スタンダード仕立て」のモバイル用ページhttp://plz.rakuten.co.jp/soleil666/diary/?act=view&d_date=2009-01-19&d_seq=0アフィリやレビュー、お気に入りリンクなどのURLは、アップと同時に、URLが変換されている(ex."http://plz.rakuten.co.jp"など)ドメインや末尾など、キャリア別のURL自動変換が出来ない筈はなかろうかと思うんだけど何で未対応なのか、謎な仕様が結構ありますそんな使いにくい楽天blogが割と好き(行き着くところ、原始的なのが好きだから!?)そうそう、楽天blogには、こんなページもあるんですね「ケータイで見る」このメールアドレス入力が、またまた大っ嫌いサイト経由じゃなくて、PCならメールソフト起動か、携帯ならメール送信画面にしてて欲しいと思ってしまうのは、自分だけ?楽天さんが、どうのじゃないですよ楽天さんは、しっかりセキュリティやってらっしゃると思いますが、ハッカーさんVSセキュリティって、いたちごっこだからなZDNet Japanに、こんな情報も出てますねSSLが破られる -- ハッカーがMD5の衝突を利用してCA証明書の偽造に成功≪楽天ブログで使えるタグ一覧表≫
Jan 20, 2009
![]()
病気に強いという修景バラを集めてみました前回はコチラCumbayaBallerinaMozartmagical mysterySiestamagical miracleGolden ChappyCupidInTheGardenAmanogawaRoyal BonicaSnowcornHinaarare
Jan 20, 2009

楽天で使えるタグシリーズ前回続き、今回もfont関連楽天ブログで使える事を前提に書いていますが、HTML4.01では、非推奨タグもあります色々なラインタグ意味HTML4.01非推奨HTML4.01推奨<u>下線</u><span style="text-decoration: underline;">下線</span>下線<strike>打消し線</strike><span style="text-decoration: line-through;">打消し線</span>打消し線<s>打消し線</s>無し<span style="text-decoration: text-decoration: overline;">上線</span>上線無し<span style="text-decoration: text-decoration: none;">装飾無し</span>装飾無し(規定)色々な下線<span style="border-bottom:●px 色 線の種類;">色々な下線</span>下線を赤の点線にする<span style="border-bottom:1px #FF0033 dotted;">下線を赤の点線にする</span>下線をピンクの二重線にする / 下線を赤の破線にする / 下線をピンクの実線にする色々な上線<span style="border-top:●px 色 線の種類;">色々な上線</span>上線を赤の点線にする<span style="border-top:1px #FF0033 dotted;">上線を赤の点線にする</span>上線をピンクの二重線にする / 上線を赤の破線にする / 上線をピンクの実線にする<strike>,<s>はHTML4.01非推奨の為、HTMLタグでは<del>を推奨(未対応ブラウザ有)打消し線<del>打消し線</del>HTML4.01非推奨ではないが、スタイルシートの方が好ましいタグタグ意味HTMLタグスタイルシート<b>太字</b><span style="font-weight: bold;">太字</span>太字<strong>強調</strong><em>強調</em> 強調<i>イタリック体</i><span style="font-style: italic;">イタリック体</span>イタリック体<b>は、太字(Bold)にするだけ強調したい場合は、<em>か<strong> 【<STRONG>タグの方がより強い強調】<em>タグ【Emphasis=強調】は、一般的なブラウザではイタリック体で表示blinkタグはIE未対応※「IE未対応」点滅HTMLタグスタイルシート<blink>点滅</blink><span style="text-decoration: blink;">点滅</span>IEで、どうしても点滅させたい場合は、画像を使ったり、marqueeタグで点滅etc太字・ライン引き太字斜体下線打消し線BIUS★GIFアニメ工房~簡単GIFアニメ作成オンライン
Jan 20, 2009
![]()
大好きなバラ修景バラや、スタンダード仕立て、切花品種を集めてみました Grey Pearl
Jan 19, 2009

楽天で使えるタグシリーズ前回の続きで、今回もFont(フォント)についてです楽天ブログで使える事を前提に書いていますが、size,color,faceは、HTML4.01では、非推奨となっています国内外、有料・無料、色んなフォントが公開されています(フォントにも著作権があります)fontspace.com,1001 Fonts .com,creamundo.comなどなど(ご利用は、自己責任でお願いします)欧文フォントなどは、日本語未対応ですブログを書く上でも、"文字"は重要な位置にあるかと思いますφ(,_,*)フォントの種類・大きさ・色を変えるタグ意味HTML4.01では非推奨HTML4.01では推奨<font face="書体名">文字</font><font style="FONT-FAMILY: 書体名;">文字</font>書体を変える<font size="●">文字</font><font style="font-size: ●px;">文字</font>文字のサイズ<font color="色">文字</font><font style="color: 色;">文字</font>文字の色FONT-FAMILY,font-size,colorは、style属性が使える<a>や<div>、<table>などにも使えます 楽天ブログで使えるタグ一覧表で、ご確認下さい<font>タグ自体は、非推奨です前記事「テーブルの背景色・背景画像」の時にも使った、style="background-color: 色;"とstyle="background-image: url(画像URL);"が、fontにも使えます書体名はTahoma・文字サイズは18px・文字色は白・背景色は黒です<font style="FONT-FAMILY: Tahoma; font-size: 18px; color: #FFFFFF; background-color: #000000;">書体名はTahoma・文字サイズは18px・文字色は白・背景色は黒です</font>文字の背景を画像にしてみました<font style="background-image: url(画像URL);FONT-FAMILY: 書体名; font-size: ●px; color: 文字色; background-color: 背景色;">文字の背景を画像にしてみました</font>背景に使った画像はコチラfont size="●"は、1~7の数値で指定最小⇔最大1 2 3 4 5 6 7PCにインストールされていない書体は、表示できませんインストールされているフォントは、Fontsフォルダで確認できます(windows XP既定ではC:\WINDOWS\Fonts)幾つかの候補を指定するという方法もあります(候補の中にも無い場合、閲覧ユーザーの既定の書体で表示されます)<font face="書体名1,書体名2,書体名3">テキスト</font>書体名は全て正しく指定(全角/半角/空白etc)書体名に空白が含まれる場合、ダブルクォーテーション(")、または、シングルクォーテーション(')でくくるfont-family: "書体名1","書体名2","書体名3";エディタを使って、文字色・大きさを変える★GIFアニメ工房様のGIFアニメーション作成フォームをお借りし、GIFアニメを作成しました高機能エディタを使って、文字色・大きさを変える★GIFアニメ工房様のGIFアニメーション作成フォームをお借りし、GIFアニメを作成しました
Jan 18, 2009

久しぶりの「素敵ショップさん」シリーズ大阪府一店舗目で書かせて頂いた、モビリグランデさんですモビリグランデさんの初売りセール(1/19まで)去年は福袋と雑貨を買いに行ったんだけど、中身の見えない福袋は止めておこうと今年は行かないつもりでした・・・ん?モビリグランデさんのDM?阪急西宮ガーデンズに新店舗!?公式HPを覗いてみると・・・西宮阪急の店舗情報ページがありました知りませんでした。。。こないだ行ったのに~~~またまた、行ってきました Le Comptoir (コントワール )De (ドゥ )Famille(ファミーユ)の雑貨や、ガーデン雑貨、ファブリック、家具など、所狭しと素敵にディスプレイされていましたただ、西宮阪急自体に人が多くて、落ち着かないお茶するのも、ままならない連休中日だったせいか、12月より、多い様な気がしました・・・・阪急梅田本店の全面的な建て替え(2012年グランドオープン)に伴い、西宮に流れてるのもあるんじゃないかと言う旦那空いてから、またゆっくり行きたいなぁとか言いつつ、小一時間くらい、ゆっくり観てたらしいです(旦那&息子談)旦那様&息子様、いつも、ありがとうjardin glass housewith standアルメリア2ポットラック パーティション2枚こちらの3枚ver.がありましたキッチンで使おうと、こちらの真っ白ver.を買ってきました♪デザイン・価格的に、多分、THE OLDE FARMHOUSE(タスマン)の物だと思ったんですが、アクシスの説明書が入ってました・・・そうなの?そうなの!?拘り無いんで、どこ製でも全く良いんですが以前の素敵ショップさん(大阪府24)で書いたDay (デイ )and (アンド )Living(リビング)も、可愛いガーデン雑貨があります♪ここも、商品の入れ替わりが早いショップさんかも?数ヶ月前、お店で見て、かなり悩んだお品楽天で探してみたけど見つけられなくてやっと発見!!って、それだけなんですけどねplanter
Jan 16, 2009

楽天ブログで使えるタグシリーズテーブル関連は少しお休みして、今回は、Font(フォント)について要するに、文字の事なんですが、詳細はwikipediaをご覧下さいwindows vistaで新搭載されたClearType フォント「メイリオ」Microsoft Windows VistaJIS X 02132004 対応と新日本語フォント「メイリオ」について★XP用メイリオのダウンロードはコチラPCにインストールされていないフォントは、既定の書体で表示されますまた、スタイルシートの無効化を行っていたり、独自のスタイルシートを設定しているブラウザでも、製作者(楽天ブログではブログ管理者)の意図した様に表示されない場合があります閲覧環境による違いは、前記事の「文字にフリガナをふる」でも少し触れていますメイリオで「あいうえおABCDEFG」と書いてみましたあいうえおABCDEFGお使いのPCでは、どの様に見えていますか?メイリオ幾つかのフォントを、画像であげてみましたMSPゴシックTahomaMS ゴシックVerdanaデザイン上、どうしてもこの書体を使いたい!という場合は、画像で使う方が無難ですが、画像を多用すると、表示が遅くなったりなどのデメリットもある事を書いて、この辺りでウンチクは終わりたいと思いますφ(,_,*)文字の書体を変える<span style="FONT-FAMILY: 書体名;">テキスト</span>フォントを'Tahoma'で書いたテーブルポットシフターMrose bookstand rose pot S バルカップフォンティン ブランシェブランシェ ダイナスティーcrownプランター ≪楽天ブログで使えるタグ一覧表≫
Jan 15, 2009

テーブルの背景色を指定する ともに、<th>タグ(見出しタグ)にも使えますタグ意味<table bgcolor="色"><table style="background-color: 色;">テーブル全体の背景色<tr bgcolor="色"><tr style="background-color: 色;">行単位の背景色<td bgcolor="色"><td style="background-color: 色;">セル単位の背景色テーブル全体セル1セル2セル3セル4行単位セル1セル2セル3セル4セル単位セル1セル2セル3セル4<table border="1" bgcolor="色"><tr><td>セル1</td><td>セル2</td></tr><tr><td>セル3</td><td>セル4</td></tr></table><table border="1"><tr style="background-color: 色;"><td>セル1</td><td>セル2</td></tr><tr style="background-color: 色;"><td>セル3</td><td>セル4</td></tr></table><table border="1"><tr><td bgcolor="色">セル1</td><td bgcolor="色">セル2</td></tr><tr><td bgcolor="色">セル3</td><td bgcolor="色">セル4</td></tr></table>テーブルの背景画像を指定するタグ意味<table background="画像URL"><table style="background-image: url(画像URL);">テーブル全体の画像<tr background="画像URL"><tr style="background-image: url(画像URL);">行単位の画像<td background="画像URL"><td style="background-image: url(画像URL);">セル単位の画像テーブル全体セル1セル2セル3セル4<table background="画像URL" width="テーブル幅" height="テーブル高"><tr><td>セル1</td><td>セル2</td></tr><tr><td>セル3</td><td>セル4</td></tr></table>背景に使った画像はコチラ背景画像のあるテーブルにアフィリリンクを入れるこちらのテーブルは、テーブル全体に背景画像を、行単位で背景色を白にしています南京桃「三恋姫」◆背景画像◆INVISIBLE GREEN様よりお借りしていますBlack Princeテーブルにテーブルを入れたりetc、色々試してみてください♪テーブル枠でページ全体を囲ってしまったり多用しすぎると、表示が遅くなるなどのデメリットもあるので、その辺りは、適当に^^;;次回は、フォントについて書いてみたいと思いますφ(,_,*)≪楽天ブログで使えるタグ一覧表≫
Jan 14, 2009
![]()
楽天で使えるタグシリーズ前回の続きで、今回は縦や横にセルを結合するタグですセルの結合 ともに、<th>タグ(見出しタグ)にも使えますタグ意味<td rowspan="●">縦に結合するセルの数を指定<td colspan="■">横に結合するセルの数を指定<table border="1"><!-- 1行目ここから --><tr><td rowspan="●">縦に結合</td><td colspan="■">横に結合</td></tr><!-- 1行目ここまで --><!-- 2行目ここから --><tr><td>セル1</td><td>セル2</td></tr><!-- 2行目ここまで --><!-- 3行目ここから --><tr><td>セル3</td><td>セル4</td><td>セル5</td></tr><!-- 3行目ここまで --></table>表示すると⇒縦に結合横に結合セル1セル2セル3セル4セル5結合したセルにアフィリリンクを入れるTHE OLDE FARMHOUSEBREAD BINFLOUR BINCAKES BIN1900年代のホウロウ雑貨を再現アンティークホウロウパン用1900年代のホウロウ雑貨を再現アンティークホウロウ小麦粉用1900年代のホウロウ雑貨を再現アンティークホウロウケーキ用在庫処分SALE品ホーロー・ストレージ缶3,200円→1,470 円左は、縦横、それぞれ2個ずつ結合したテーブルです<table cellspacing="0" style="vertical-align: top; text-align: right; border: 3px double #d8bfd8; FONT-FAMILY: Lucida Sans Unicode;"><!-- 1行目ここから --><tr><td style="BACKGROUND-COLOR: #d8bfd8; FONT-FAMILY: HG丸ゴシックM-PRO; color: #FFFFFF; font-size:15px; LETTER-SPACING: 10px; height: 30px;" colspan="2">タイトルなど</td></tr><!-- 1行目ここまで --><!-- 2行目ここから --><tr><td rowspan="2" style="text-align: center; border: 2px dotted #d8bfd8; width: 60px; height: 80px;">商品写真</td><td>商品名</td></tr><!-- 2行目ここまで --><!-- 3行目ここから --><tr><td>価格など</td></tr><!-- 3行目ここまで --></table>好きに結合して、可愛いテーブルを作ってみて下さ~い♪こういうデザイン力、自分には全くありませんので;;次回は、背景色や背景画像について、書きたいと思いますφ(,_,*)≪楽天ブログで使えるタグ一覧表≫
Jan 14, 2009
![]()
楽天で使えるタグシリーズ前回の続きで、今回はセルの大きさを揃えるタグですセルの幅/高さを指定する ※他に、比率(%)で指定する場合もありますタグ意味<td width="■"><td style="width: ●px;">セルの幅。数値で指定<td height="●"><td style="height: ■px;">セルの高さ。数値で指定行単位で高さ指定する場合は、<tr height="●"> または <tr style="height: ■px;"><table border="1"><!-- 1行目ここから --><tr height="●"><td width="■">セル1</td><td width="■">セル2</td></tr><!-- 1行目ここまで --><!-- 2行目ここから --><tr height="●"><td width="■">セル3</td><td width="■">セル4</td></tr><!-- 2行目ここまで --></table><table border="1"><!-- 1行目ここから --><tr style="height: ●px;"><td style="width: ■px;">セル1</td><td style="width: ■px;">セル2</td></tr><!-- 1行目ここまで --><!-- 2行目ここから --><tr style="height: ●px;"><td style="width: ■px;">セル3</td><td style="width: ■px;">セル4</td></tr><!-- 2行目ここまで --></table>各セル幅50/高さ50で揃えたテーブルセル1セル2セル3セル4幅/高さを揃えたセルにアフィリリンクを入れるOutlets50%OFF●印に、文字や画像が入ります幅/高さ・枠線は、適宜、書き換えてください<table style="text-align: center; color: #72838c;" cellpadding="3" cellspacing="7"><!-- 1行目ここから --><tr style="height: 100px;"><td style="border: 3px double #d8bfd8; width: 100px;">●</td><td style="border: 2px dotted #d8bfd8; width: 100px;">●</td></tr><!-- 1行目ここまで --><!-- 2行目ここから --><tr style="height: 100px;"><td style="border: 2px dotted #d8bfd8; width: 100px;">●</td><td style="border: 3px double #d8bfd8; width: 100px;">●</td></tr><!-- 2行目ここまで --></table>次回は、セルの結合なんかも書いていきたいと思います縦に結合横に結合セルセル≪楽天ブログで使えるタグ一覧表≫
Jan 13, 2009

* kordana ROSE * Official WebSiteロベリア(堺市)さんに行ってきましたコルダナ社(ドイツ)のミニバラHocus (ホーカス )Pocus (ポーカス )Kordana(コルダナ)ミニバラの中でも、大輪です少し香りがしますラナンキュラスも欲しかったんだけどなぁ他に苗と鉢を買ったし、我慢我慢Peppermint KordanaBara no Umi Strange MusicSweet Wonder chocolate RanunculusGreen Diamond
Jan 13, 2009

楽天で使えるタグシリーズ前回お話した様に、今回は余白の作り方です画像や文字などの余白を作るタグ位置調整cellpadding="■"セル内の余白。数値で指定cellspacing="●"セル間の余白。数値で指定<table cellpadding="■" cellspacing="●" border="1"><tr><td>セル1</td><td>セル2</td></tr><tr><td>セル3</td><td>セル4</td></tr></table>cellpadding="5"■cellspacing="20"●セル1セル2セル3セル4cellspacing="0"(セル間余白を0)にすると、枠線の細いテーブルが作成できますcellspacingタグなしセル1セル2セル3セル4<table cellpadding="5" border="1"><tr><td>セル1</td><td>セル2</td></tr><tr><td>セル3</td><td>セル4</td></tr></table>cellspacing="0"セル1セル2セル3セル4<table cellpadding="5" cellspacing="0" border="1"><tr><td>セル1</td><td>セル2</td></tr><tr><td>セル3</td><td>セル4</td></tr></table>余白ありテーブル(センタリング/点線枠)にアフィリリンクを入れる<table style="text-align: center; color: #72838c;" cellpadding="3" cellspacing="7"><tr><td style="border: 2px dotted #d8bfd8;"></td><td style="border: 2px dotted #d8bfd8;"></td></tr><tr><td style="border: 2px dotted #d8bfd8;"></td><td style="border: 2px dotted #d8bfd8;"></td></tr></table>カロライナジャスミン姫ウツギ左のテーブルは、セル内余白3、セル間余白7ですアフィリの写真・文字サイズによっては、各セルの大きさがバラバラになります更紗ウツギ 紅葉コデマリ次回は、左図の様に、セルの大きさを揃えるタグについて、書いてみたいと思いますφ(,_,*)≪楽天ブログで使えるタグ一覧表≫
Jan 9, 2009

楽天で使えるタグシリーズ前回お話した様に、今回は中央寄せのやり方です併せて、文字や画像の位置も書いてみたいと思います画像や文字のセンタリング(中央揃え)<table style="text-align: center;"><tr><td style="border: 2px dotted #d8bfd8;">文字・画像etc</td><td style="border: 2px dotted #d8bfd8;">文字・画像etc</td></tr><tr><td style="border: 2px dotted #d8bfd8;">文字・画像etc</td><td style="border: 2px dotted #d8bfd8;">文字・画像etc</td></tr></table>センタリングが解り易い様、文字サイズを変えてますセルセルセルセルstyle="text-align: center;"を書いた事で、文字が中央揃えになりました左右の位置は、style="text-align: 位置;"left(左寄せ:既定),center(中央寄せ),right(右寄せ)で指定セルごとの位置調整タグ位置調整align="左右位置"left(既定:左寄せ),center(中央),right(右寄せ)で指定valign="上下位置"top(上),middle(既定:中央),bottom(下)で指定タグ位置調整style="text-align: 左右位置;"left(既定:左寄せ),center(中央),right(右寄せ)で指定style="vertical-align: 上下位置;"top(上),middle(既定:中央),bottom(下)で指定<tr>タグに行単位で上下位置を、<td>タグにセル単位で左右位置を、それぞれ指定してみました同様に、「style="text-align: 左右位置;"」「style="vertical-align: 上下位置;"」でも指定できます<table border="1" width="200" height="200"><!-- 1行目ここから --><tr valign="top"><td align="left">左上</td><td align="center">中上</td><td align="right">右上</td></tr><!-- 1行目ここまで --><!-- 2行目ここから --><tr valign="middle"><td align="left">左中</td><td align="center">中中</td><td align="right">右中</td></tr><!-- 2行目ここまで --><!-- 3行目ここから --><tr valign="bottom"><td align="left">左下</td><td align="center">中下</td><td align="right">右下</td></tr><!-- 3行目ここまで --></table>太字の<!-- -->は、ソースが解り易い様に書いたコメントです実際のページには表示されません邪魔な場合、解る方は抜いて下さい既定(左中)左上中上右上左中中中右中左下中下右下センタリングしたテーブルにアフィリリンクを入れてみましょうantique oil lumpIberisセンタリングできましたが、余白が無く、画像・文字サイズによって、セルの大きさが不揃いになってしまいますBellis perennis secound editionスタイル・好みの問題なんですが、次回は、左図の様な余白を作るタグについて≪楽天ブログで使えるタグ一覧表≫
Jan 8, 2009

楽天ブログで使えるタグシリーズ前記事の続きでなくって、すみません;;センタリングも次書いてみます利用可能タグ一覧表 楽天ブログヘルプよりここに沿って、利用可能タグについて書いていきたいと思います解説ページへのリンク貼って、順次、フリーページにまとめていきます利用可能タグ利用可能要素<a>a,accesskey,charset,coords,href,hreflang,lang,methods,name,rel,rev,shape,tabindex,target,title,type,urn,style<abbr>abbr<acronym>acronym<address>address<area>area,accesskey,alt,coords,href,lang,language,name,nohref,shape,tabindex,target,title,style<b>b,style<basefont>basefont,color,face,lang,size<bdo>bdo,lang,title<big>big<blink>blink<blockquote>blockquote,cite<br>br,clear,title,style<border>border<caption>caption,align,valign<center>center,style<cite>cite<code>code<col>col,align,bgcolor,char,charoff,lang,span,title,valign,width<colgroup>colgroup,align,bgcolor,char,charoff,lang,span,title,valign,width<comment>comment,lang<dd>dd<del>del,cite,datetime<dfn>dfn<div>div,align<dl>dl,compact<dt>dt<em>em<font>font,color,face,font-weight,lang,point-size,size,title,style<h1>h1,align<h2>h2,align<h3>h3,align<h4>h4,align<h5>h5,align<h6>h6,align<hr>hr,align,color,lang,noshade,size,title,width,style<i>i,style<img>img,align,alt,border,height,hspace,ismap,lang,longdesc,name,src,title,usemap,vspace,width,style<ins>ins,cite,datetime,style<kbd>kbd<li>li,type,value<map>map,lang,name,title<marquee>marquee,behavior,bgcolor,direction,height,hspace,loop,scrollamount,scrolldelay,truespeed,vspace,width<nobr>nobr,lang,title<ol>ol,compact,start,type<p>p,align,style<pre>pre,cols,width,wrap<rt>rt<ruby>ruby<q>q,cite<s>s<samp>samp<small>small<spacer>spacer,align,height,size,type,width<strike>strike<strong>strong<sub>sub<sup>sup<table>table,align,background,bgcolor,border,bordercolor,bordercolordark,bordercolorlight,cellpadding, cellspacing,cols,frame,height,hspace,lang, rules,title,vspace,width,style<tbody>tbody,align,bgcolor,char,charoff,lang,title,valign<td>td,align,background,bgcolor,bordercolor,bordercolordark,bordercolorlight,char,charoff,colspan,headers,height,nowrap,rowspan,scope,valign,width,style<tfoot>tfoot,align,char,charoff,valign<th>th,align,background,bgcolor,bordercolor,bordercolordark,bordercolorlight,char,charoff,colspan,headers,height,nowrap,rowspan,scope,valign,width<thead>thead,align,char,charoff,valign<tr>tr,align,background,bgcolor,bordercolor,bordercolordark,bordercolorlight,char,charoff,height,lang,title,valign,style<tt>tt<u>u,style<ul>ul,compact,type<var>var<wbr>wbr利用できない例として、<a href="mailto:メールアドレス">の記載があります(楽天ヘルプより)んがっ、このタグ、まんまコピペしても、普通に書き込めるんですが?メールテストメールリンクを埋めこんだポスト画像(左)をクリックすると、メールソフトが起動しますそういう事でなくって・・・・どういう意味なんだろう迷惑メール防止の為、ブログ上でのアドレス公開はしておりませんメールアドレスが「メールアドレス」になっていますメールタグのテストです。上記にメールは送信しないで下さい。(メアドじゃないから送れないけど。ウシシシシシ)TAG INDEX様のURLエンコードフォームをお借りして変換しています文字コードが、Shift-JISでは無い方は文字化けするかと思われます化けた文字を、どないしても読んでみたい(奇特な)方は、TAG INDEX様でデコードしてみます?上記の黄色いポスト画像上の 、メールテスト右クリで出るプロパティ赤枠で囲った部分を「全て選択」して、コピペでデコードしてみて~~寧ろ、高機能エディタ↓のメールリンク挿入がエラーになるのは自分だけこんなソースなんですけどね。。。。<A class="" title=メールを送信する:宛先=メールアドレス href="mailto:メールアドレス" mce_href="mailto:メールアドレス">メール</A>class(元々禁止では?)とmce_hrefがエラーになるんですよ~コレのどこが高機能なのか謎(心の叫び)使う事の無いメールタグで、必死こいてる自分って、正月ボケでしょうか≪楽天ブログで使えるタグ一覧表≫
Jan 8, 2009
![]()
楽天で使えるタグシリーズ~テーブルタグ2回目~ 前回はコチラ今回は、テーブルの枠線について実線破線二重線点線基本タグ<table style="border: 太さ 種類 色;"><tr><td>セル</td></tr></table>セルセルセルセル<table>タグ(上)、又は、<td>タグ(下)に、赤字タグを書きます<tr>タグに書いても、反映されません色は、カラーコード(16進数orカラーネーム)で指定(参考:ブログ管理機能の色数値サンプルなど)太さは、pxで数値指定<table><tr><td style="border: 太さ 種類 色;">セル</td></tr></table>セルセルセルセル※緑色の文字列は、適宜、書き換えて下さい。実線(solid)<table style="border: 2px solid #d8bfd8;"><tr><td>セル</td></tr></table><td>設定例セルセルセルセル破線(dashed)<table style="border: 2px dashed thistle;"><tr><td>セル</td></tr></table><td>設定例セルセルセルセル二重線(double) 枠線サイズを3px以上にしないと二重線に見えません<table style="border: ●px double 色;"><tr><td>セル</td></tr></table><td>設定例セルセルセルセル点線(dotted)<table style="border: ●px dotted 色;"><tr><td>セル</td></tr></table><td>設定例セルセルセルセル2行2列の点線枠テーブルにアフィリリンクを入れる<table><tr><td style="border: 2px dotted #d8bfd8;">セル</td><td style="border: 2px dotted #d8bfd8;">セル</td></tr><tr><td style="border: 2px dotted #d8bfd8;">セル</td><td style="border: 2px dotted #d8bfd8;">セル</td></tr></table>Alcea roseaGreen WizardStar FrostGlaucium flavum楽天ショップ内の商品写真サイズ(商品名)は様々です。左のテーブルだと、写真や文字が左に寄っていたり、セル内いっぱいいっぱいだったり、見づらくないでしょうか?好みの問題なんですが、個人的には見づらいのです次回は、左テーブルの様な、画像や文字のセンタリングのやり方などを書いてみたいと思いますφ(,_,*)≪楽天ブログで使えるタグ一覧表≫
Jan 7, 2009
![]()
楽天で使えるタグシリーズ。今回はテーブルタグです楽天ブログヘルプ→表(テーブル)を書きたいテーブルって何?表です。本来はブログやHPの見栄えの為に使うべきでは無いとの話もありますが、規制の多い楽天ブログでは、非常に役に立つかと思いますつたない説明ですが、宜しくお付き合い下さいませテーブルタグでアフィリエイトリンクや写真など、飾れますtin basketcotton caseEnamel CaddyJARDIN BOXsozai:NEO HIMEISM様steel Comport基本タグ<table><tr><td>文字や画像etc</td></tr></table>→文字や画像etc<table>~</table>テーブル全体枠<tr>~</tr>縦に増減<table>~</table>で囲む<td>~</td>セル。横に増減<tr>~</tr>で囲む縦2行、横3列のテーブルを作る1行目1列目1行目2列目1行目3列目2行目1列目2行目2列目2行目3列目 ↑解り易い様、枠線表示しています<table border="1"><table><!-- 1行目ここから --><tr><td>1行目1列目</td><td>1行目2列目</td><td>1行目3列目</td></tr><!-- 1行目ここまで --><!-- 2行目ここから --><tr><td>2行目1列目</td><td>2行目2列目</td><td>2行目3列目</td></tr><!-- 2行目ここまで --></table>太字の<!-- -->は、コメントなので、実際のページには表示されません。ソースが解り易い様に書いた物です次回は、テーブルの枠線について、書きたいと思います実線破線二重線点線≪楽天ブログで使えるタグ一覧表≫
Jan 7, 2009

訪れてみた素敵ショップさん書くの忘れてたお店がありました^^;;大阪の泉南市イオンモールにある「bana bana」さん♪100円・300円とお手頃雑貨が多く、雰囲気的には「ナチュラルキッチン」系統かもgoogle mapはコチラ 300円だったガラスのティーカップ&ソーサーなんばウォーク店にもお店があったんだけど、2008年2月26日閉店になってるわ・・・ナチュキチ系列の「キッチンキッチン」も、伊丹と阿倍野が閉店になったし不況の波が、こんなとこにも。。。。 りんくうの観覧車この近辺には、りんくうプレミアム・アウトレットもあり、時々行きます行くたび、何かしら変わっていってる地域かも変わらないのは、海があるって事くらい・・・景色を綺麗だと思える心を持ち続けて欲しい(一昨年か昨年初めの息子たち)DULTON cup&saucerAglass cake dome"opera"caayGlass&saucerCOVENT dispenser setacrylic domecup&saucerwallmirrorPartition2setwire Globe
Jan 6, 2009
前回のつづきφ(,_,*)家族揃って食事する事がなく、みんなで出かける事もなかったとかうちで、みんなで食事するのが嬉しくて仕方ないみたいな少年これは、以前、母親からも聞いてましたビックリしたけど、よその家庭の事だしって、敢えて何も言わなかったんですが。。。。1学期末のテストを2、3日後に控え、うちで一生懸命勉強してた少年せめて、このまま、期末は受けさせてあげたいと、学校側には伝えてましたが、警察に「これ以上、面倒みる権利(=義務)は無い」といわれ・・・その翌日、施設への緊急入所が決まり、朝送り出した後、そのまま施設へ行きました行く前、着てきた服や学校から持ってきてた物など荷物を取りに、父親と一緒に寄ってくれてこの時が、父親とは初対面です「お父さんも、逃げないで、○○くんと、ちゃんと向き合うって前向きになってくれてるし。良かったね」って言ったら「良かったんかどうか」少年のこの言葉が忘れられません・・・夏休み前に、一時帰宅してた様なんですが、外出禁止を母親から言い渡され、学校へも登校させて貰ってなかった様です様ですって言うのは警察に入ってもらった当日の深夜、母親から初めて電話があり「関係ないおっちゃん(夫のこと)を巻き込んだ」と逆恨みされたので、もう関わらない方がいいだろうって思ったんです学校側も、強制不登校状態ですが、「良い方向に進んでる」と言う回答だったので・・・(元々、そんな学校なんですけどね)外部との関わりをもたせたくないんですってこの逆恨み(あたしからすればね)は、今現在もそうらしいです・・・・この逆上TELは、話にならんし相手するだけムダなので、直ぐ切り、事情を話し、またまた警察に巡回お願いしときました放火でもされかねへんし(爆息子と、少年にも、おばちゃんは今は病気やから、顔見たら、とりあえず逃げろと伝え自宅監禁?であるにせよ、一旦は帰宅した少年が、再度、施設に現在入所してるんですが。。。母親の精神的な病気=母親入院・少年は父親と暮らすって話を母親が拒んだそうな「あたしはどうなるの!!!!」とあかんね未だに、母親の言うなりやし自分で選べない子供より、自活できる筈のおばはんの方が大事か?おばはんは一人で働けよ何時間も何度も、あたしに話した事は嘘だったの?施設も今は慣れて「楽しい」って少年が話してたそうです・・・手放しで喜べないけど、ちゃんと食事も摂れてるんだろうって冬休み?かな?少年が退所して自宅に帰ってくると同時に市外へ引っ越すとかいう話も聞きました少年の事は気がかりやけど、この状態では、何も出来ないんですむしろ、こっちが関わり持たせたくないってのが本音で。。。だからこそ、行政や学校にしっかりしてもらいたいんです中学生でも自分で選べないんです中学生は自分で選べると役所は言い捨てますが、違うんです言いたいのは、これですこれ最後まで読んでくださったかた。ありがとうございます少年に、いつか会えるといいな
Jan 5, 2009
2003年の岸和田中学生虐待事件・2006年の京都3歳児虐待餓死事件・2006年の北海道1歳児餓死事件氷山の一角に過ぎないのだろう救えた命・守れた人権ではなかっただろうか・・・次男の友達(中2)が、現在、児童施設で保護されています家出を繰り返している事を知ったのは昨年2月寒い中、雨の中、公園で寝泊りを繰り返していたそうですそんなの知ったら、あなたならどうします?私は放置できませんでした・・・・特に、事件の多いぶっそうな地域がらまだ中学生の幼さの残る子供「どっか行くならうちおいで!他行ったらあかんねんで!!」誠意を尽くして、少年の父親と電話で何度かお話してきたつもりだったんですが。。。(少年の家出期間中、向こうから連絡は一回もなし)母親は家出、その事は、うちには黙っておけと少年に電話で伝え、それっきり音信不通に数日後、少年が勇気をだして、話してくれて発覚はぁ~??うそやろ~~~~以前、次男の恐喝事件を日記に書いた事があるんですが、次男は被害者・少年は加害者の一人なんですよ。。。。少年は着の身着のままだったから、制服は勿論、パンツの着替えも持ってない状態だったし何度も父親に伝えたんですせめて、着替えや学校の用意は持ってきて欲しいとどんなけ~~~~~もうやってられへんわ先ず、学校に内容を伝えてあったので、虐待ホットライン調べて電話しました翌日、担当から連絡貰い、事情を説明したのですが、結果は。。。うちは、警察通してもらわないと動けない少年が家出して、一週間ですよ?母親とは一度も連絡取れてないんですよ?父親は内縁で親権持ってなくて、親権持ってる母親が家出して数日間行方不明なんですよ?(この内縁の夫とは連絡取り合って居場所も知ってた)音信不通のままですよ?あたしは親戚でも何でもなく、赤の他人なんですけど・・・・だったら、あたしが警察沙汰にしなきゃ、このままって事?少年の未来は?さしあたって、学校は?塾は?(塾はうちに泊まってる間は行かせてました)こんな状況なのに、動けないって、どういう事?何の為の虐待ホットライン?児童施設?音信不通になった父親に、こちらから連絡して、家出黙っておけってどういう事か、きっちり話つけにこいと伝えたんですんで、即行ポリ電!!子供を放置して平気なのがくるから、ナニされるかわからんから怖い!!直ぐ来て欲しい!!!とえへっっていうか、やつと面識全く無いし、ほんま頭おかしいとしか思われへんかってんもん(汗おまわりさん、うち来るの何度目その説はお世話になりました今回は、ちゃんと対応してくださいました前の恐喝事件もあるしねって。ちゃんとやってくれな困ります!!!!!ってちょっと、つづく。
Jan 5, 2009

画像の横に文字を書きたいと思った事はありませんか?楽天で使えるタグシリーズ。今回は、文字や画像が回りこむタグテーブルタグを使うより、記述が短くて済むし、割と便利です楽天アフィリエイトリンクの画像URLは改変禁止なので、そこには使わないでね基本タグ<img src="画像URL" width="画像幅" height="画像高" alt="代替テキスト名" border="0" align="画像の位置">回りこみを解除するタグ<br clear="all">→<img src="画像URL" width="画像幅" height="画像高" alt="代替テキスト名" border="0" align="画像の位置">回りこませたい文字など<br clear="all">画像の右に回りこみ<img src="画像URL" width="画像幅" height="画像高" alt="代替テキスト名" border="0" align="left">画像の右に文字が回りこみ画像の右に文字が回りこみ画像の右に文字が回りこみ画像の右に文字が回りこみ画像の右に文字が回りこみ画像の右に文字が回りこみ画像の右に文字が回りこみ画像の左に回りこみ<img src="画像URL" width="画像幅" height="画像高" alt="代替テキスト名" border="0" align="right">画像の左に文字が回りこみ画像の左に文字が回りこみ画像の左に文字が回りこみ画像の左に文字が回りこみ画像の左に文字が回りこみ画像の左に文字が回りこみ右中央に一文だけ回りこみ<img src="画像URL" width="画像幅" height="画像高" alt="代替テキスト名" border="0" align="middle">画像の右中央に一文だけ回りこみ画像の右中央に一文だけ回りこみ右側下に一文だけ回りこみ<img src="画像URL" width="画像幅" height="画像高" alt="代替テキスト名" border="0" align="bottom">画像の右側下に一文だけ回りこみ画像の右側下に一文だけ回りこみ右側TOPに一文だけ回りこみ<img src="画像URL" width="画像幅" height="画像高" alt="代替テキスト名" border="0" align="top">画像の右側TOPに一文だけ回りこみ画像の右側TOPに一文だけ回りこみ画像に文字がくっつき過ぎて、読みづらい場合は、上下左右の間隔(余白)を調整する事が出来ます。画像との間隔を調整する<img src="画像URL" width="画像幅" height="画像高" alt="代替テキスト名" border="0" align="画像の位置" hspace="左右余白" vspace="上下余白">余白が解りやすい様に、背景に色をつけてます。hspace="30"左右30の余白hspace="30" vspace="30"上下左右30の余白画像に画像を回り込ませる画像回りこみタグに画像タグをくっつけます<img src="画像URL" align="画像の位置"><img src="画像URL">左右のみ50の余白をつけて、画像に画像を回りこませる≪楽天ブログで使えるタグ一覧表≫
Jan 5, 2009

今回は一昨年に改造したカラーボックスの記事を 使った木材は、押入れスノコと、モールディング(解体したCDケースの木材も!)釘は一切使わず、木工用ボンドで圧着していますPCで携帯を充電するので、コードと本体隠しに、100均カゴを側面に取り付けていますすのこ裏の角材を角に貼ってるんですが、微妙に凹凸があるんですよね真上から見た図ほんの数mmの事なんですが、ここを削って、ツライチにしないと、圧着できません削らないで接着すると、赤い箇所の隙間が生じ、青四角部分の端っこしかくっついてない=強度が落ちますこういった凹凸は、四方八方にあるので、圧着される場合は、削った方が強度はあがる(筈)カラーボックスは、木材ではないので、加工には向かないって事が、よ~く解った工作でしたポイント5倍セールアイリスオーヤマカラーボックスカラーボックス桐すのこ2枚組半額セール!カラーボックス対応麻布つきバスケット
Jan 4, 2009
![]()
vol.2に続き、楽天blogで使えるタグその3、文字や画像などを流すやり方です音楽流したり(特にnon stop)と同じで、一般的には嫌われる傾向にあるタグかもしれませんまたまた、使用頻度の少なそう~なタグって事で動かしたい文字や画像などを<marquee>と</marquee>でくくると、 動かして表示することができます。動かすタグはコチラ<marquee>動きます</marquee>表示すると→動きますテーブルタグも<marquee>と</marquee>でくくると、 動かして表示することができます。アフィリリンクを入れたテーブルを動かしてみました番外編:マウスが乗った時に(オンマウス)静止するタグ<Marquee onmouseover=this.stop() onmouseout=this.start()>文字や画像etc</Marquee>楽天ブログでは"onmouseover"が禁止タグなので、使えません楽天ブログヘルプの「よくあるお問い合わせ」「文字をテロップのように動かして表示したい」にも、基本的な解説がありますモバイルでも、タグ規制のかかっていないHPだと使えます楽天ブログモバイル版は、タグ規制の為、使えません・iモード対応HTMLタグ一覧動作タグサンプル画像<marquee><img src="画像URL" width="画像幅" height="画像高" alt="代替テキスト名" border="0"></marquee>高さ100幅100背景色#FF0033画像スクロール背景色<marquee bgcolor="背景色">移動箇所の背景色</marquee>画像を囲む事も出来ますheight(高さ) width(幅)<marquee height="数値" width="数値">文字や画像etc</marquee>direction(方向)<marquee direction="right">左から右</marquee><marquee direction="down">上から下</marquee><marquee direction="up">下から上</marquee>左から右behavior<marquee behavior="alternate">往復</marquee><marquee behavior="slide">左端停止</marquee>往復左端scrolldelay(速度)既定値【scrolldelay="85"】<marquee>既定値</marquee>低速【scrolldelay="86≦X"】<marquee scrolldelay="X">低速</marquee>高速【scrolldelay="58≦Y≦84"】<marquee scrolldelay="Y">高速</marquee>高速【scrolldelay="59≧Z"】truespeed属性をつける<marquee scrolldelay="Z" truespeed>高速</marquee>既定値低速高速高速scrollamount(再描写までに進む距離)既定値は"6"<marquee scrollamount="5≧A">遅い</marquee><marquee scrollamount="7≦B">速い</marquee>遅い速い点滅<marquee scrolldelay="300" scrollamount="80" WIDTH="100">点滅</marquee>各数値は適当に変えてみて下さいNEWloop(回数)<marquee loop="C">C回</marquee>規定は無限ループ10回≪楽天ブログで使えるタグ一覧表≫
Jan 4, 2009

小さい物が大好きカテゴリーに、Miniature*Dollhouseまで作っておきながらまだ、8/26の日記しか書いてない(汗毎号付いてくるパーツを組み立て、壮麗な貴族の館のドールハウスと、美しく華麗なロココ調の家具を組み立てるクラフトマガジンです(公式HPより)デアゴスティーニ「ヨーロピアンパレス」公式HPで、概観・室内のflashが観れます(コチラ)130号予定(※完結号数未確定)で、現在96号まで発刊創刊号だけのつもりだったんだけど、旦那がやってみたらって後押ししてくれて感謝です自分にとって、一生大事にしたい物のひとつ創作市場43号ドールハウスに遊ぶ3ドールハウス関連なら何でも揃うドールハウスギャラリー・ミシール ミシール公式HPkitchen dressercupboardlampsink unitoven unitkitchen sink bluekitchen sink greenoven unit greenkitchen islandfire placeclassic ovencottage window
Jan 3, 2009

謹賀新年久しぶりの日記 我が家は、の~んびりまったりお正月を満喫中室内で越冬中のキャツラジュピター花がつきだしました銅葉がとっても綺麗 今年は、工作・ドールハウス関連記事なんかも、書いていきたいなぁ 不定期更新ですが、宜しくお願いします表面が風化して雰囲気抜群!!!★訳ありテラコッタ★
Jan 2, 2009
全38件 (38件中 1-38件目)
1
![]()
![]()
