私のこのブログのサイドバー、オリジナルバナー素材集の更新情報や、
ディスカバリーネット入金報告などが、
テキストボックスを使っている部分です(^-^)
でも、ここで使っている<textarea>のＨＴＭＬタグでは、
リンクする事や、タグを使う事が出来ません。
（タグの表示がそのままブログ上に表示されてしまいます）
私はseesaa用のカスタマイズをして、カテゴリごとにサイドバーに
タイトルを表示して、
クリックしてもらうと記事が開く様にしていますが、
それ以外にも、
ＨＴＭＬが書き込める所（自由形式や記事など）なら利用できる
スクロール付きのテキストボックスがあります♪
今日はそのテキストボックスの作り方をお伝えしようと思います(^-^)
続きに行く前に、こちらもポチッとお願いします♪
まず、タグですが、
<P style="overflow:auto;width:150px;height:120px;background-color:カラーコード;" >
＊ここへ文字＆リンク<br>＊ここへ文字＆リンク<br>＊ここへ文字＆リンク<br>
＊ここへ文字＆リンク<br>＊ここへ文字＆リンク<br>＊ここへ文字＆リンク</P>
＊ここへ文字＆リンク<br>＊ここへ文字＆リンク<br>＊ここへ文字＆リンク<br>
＊ここへ文字＆リンク<br>＊ここへ文字＆リンク<br>＊ここへ文字＆リンク</P>
といった感じです(^-^)
まず、大きく "Ｐ”で区切る事によって、その区切りの中が、
１つの固まりとなります。
（１つの自由形式を作ったとでも考えてください(^-^) ）
タグの役割を少しお話します。
●overflow:auto;・・・これはテキストボックスにする指令です。
”auto”にする事で、ブラウザによってそれぞれ対応します。
”scroll”にすれば縦も横も、はみ出した分はスクロールされます。
●width:150px;・・・表示されるテキストボックスの横幅と、
height:120px;・・・縦幅です。
自分が設定したい所の、特に横幅は確認して、数値を決めて下さい♪
●background-color:カラーコード;・・・背景色です。
「カラーコード」の部分に使う色のコードを入力して下さい。
タグの中の文字などを<br>で区切るのは、改行を指定してあげないと、勝手には改行してくれないからです。
＊改行タグを使わずとも、使う場所によっては、
次の行に移るだけでも改行してくれる場合もあります。
そこはそれぞれ対応して下さいね♪
これを元に、例として、私の記事をリンクしたものを
表示してみます(^-^)
＊試しにボックス内の記事タイトルをクリックしてもらうと、
別画面で記事が立ち上がります。
＜autoを使った場合＞
<P style="overflow:auto;width:150px;height:120px;background-color:
#FFCBFF;" >
<a href="http://gensen114.seesaa.net/article/24328018.html" target="_blank">ディスカバリーネット【詳細説明】</a><br><a href="http://gensen114.seesaa.net/article/41047714.html" target="_blank">ディスカバリーネットミニ【詳細説明】
・・・・・・</P>
#FFCBFF;" >
<a href="http://gensen114.seesaa.net/article/24328018.html" target="_blank">ディスカバリーネット【詳細説明】</a><br><a href="http://gensen114.seesaa.net/article/41047714.html" target="_blank">ディスカバリーネットミニ【詳細説明】・・・・・・</P>
ディスカバリーネット【詳細説明】ディスカバリーネットミニ【詳細説明】ディスカバリーネット＆ミニ登録準備〜活動の流れ紹介者を見極める宣伝方法〜利用媒体ディスカバリーネット業務ＩＤをお持ちでお困りの方へ
と、こんな感じに仕上がります♪
＜scrollを使った場合＞
<P style="overflow:scroll;width:150px;height:120px;background-color:
#FFCBFF;" >
<a href="http://gensen114.seesaa.net/article/24328018.html" target="_blank">ディスカバリーネット【詳細説明】</a><br><a href="http://gensen114.seesaa.net/article/41047714.html" target="_blank">ディスカバリーネットミニ【詳細説明】
・・・・・・</P>
#FFCBFF;" >
<a href="http://gensen114.seesaa.net/article/24328018.html" target="_blank">ディスカバリーネット【詳細説明】</a><br><a href="http://gensen114.seesaa.net/article/41047714.html" target="_blank">ディスカバリーネットミニ【詳細説明】・・・・・・</P>
ディスカバリーネット【詳細説明】ディスカバリーネットミニ【詳細説明】ディスカバリーネット＆ミニ登録準備〜活動の流れ紹介者を見極める宣伝方法〜利用媒体ディスカバリーネット業務ＩＤをお持ちでお困りの方へ
と、こんな感じで、autoの時とは違い、上下だけではなく、
左右のスクロールバーも表示される様になります。
seesaaの記事ページの場合、右端で自動で折り返し、改行も行を移すだけで自動で改行されますので、
スクロールに設定したものとオートの違いが分り辛いかも
知れません(~_~;)
どうでしょう？？
このやり方なら、ＨＴＭＬをカスタマイズしたり、
スタイルシートをカスタマイズすることなく、
必要な部分にこのタグを使用するだけで、
テキストボックスが使える様になります(^▽^)
タグはここからコピーしていって、必要な部分を入力し直せば
ＯＫです♪
スタイルシートなどの知識がなくても、別のブログサービスでも
使える技ですので、
必要な方は是非使ってみて下さいね(^▽^)
少ない投資で 簡単なビジネス始めてみませんか？
一緒に稼いでみよう！という方はこちらからどうぞ♪
一緒に稼いでみよう！という方はこちらからどうぞ♪
これって色も好きなように作れるから
いいですねぇ！
実は・・今回少しサイトをまとめ直しまして、今メインでいただいている報酬の紹介に絞りこみました。
ディスカバリーネットもと欲張っていましたが、サポートもしっかりする自信がないままトップページで紹介してるのが
なんだか・・って感じになって(・・。)ゞ
せっかくみいもんさんにいろいろアドバイスしてもらったけど
ライターの方でがんばってみます♪
テキストボックス記事にされたんですね^-^
これは
ほんとに簡単なのに
しっかり機能してくれるので
教えていただいて感謝しています^0^
応援^-^)
私の方は、アクセスカウンターをつけてみました。みいもんさんのほうのアクセス数も見たいなー♪（笑）
テキストボックス、いいですよね！
ぼくも使いたいのですが…なんだか、gooブログは使えなそうです…（＞＜）
また、遊びに来ます。
今後とも、よろしくお願いいたします。
(=゜ω゜)ノ凸ﾎﾟﾁﾝ
＞これって色も好きなように作れるから
いいですねぇ！ ＜
そうなんです♪
スタイルシートや、ＨＴＭＬをカスタマイズするタイプだと、
全てがそのタイプになってしまうことが多いのですが、
これはそのときそのとき、好きなように変更できます♪
枠の種類、色なども、記載しませんでしたが変更可能ですから(^▽^)
＞実は・・今回少しサイトをまとめ直しまして、今メインでいただいている報酬の紹介に絞りこみました。 ＜
(・ω・)ノ ウイウイ
ののさんのサイトですもの♪
ののさんが自分にあっている、やりたいものをしたらいいんです！！
ライター、頑張ってください♪
デスクさん(^▽^)
（もっと上までいってたかしら？？）
＞テキストボックス記事にされたんですね^-^ ＜
はい♪
やっとしてみました(^▽^)
＞これはほんとに簡単なのに
しっかり機能してくれるので
教えていただいて感謝しています^0^ ＜
いえいえｗ、
私もみゅーさんに質問されて調べて試してみて、
自分のやってるやり方よりもいいな♪
と発見できました(^-^)
気づかせてくれたみゅーさんのお陰です(^▽^)
ありがとう♪
みゅーさんの記事、是非トラバして下さいね(^-^)
応援、感謝です(o*。_。)oペコッ
＞あ、これ以前教えてもらったツールですね。 ＜
ちゃもさんに以前お伝えしたやり方は、
リンクの貼れないタイプの
テキストボックスだったんです(^▽^;)
入金報告などに利用している方のタイプです。
なので、今回のこの記事のものとはちょっと違います(^-^)
＞この記事私にとっても永久保存版ですね。 ＜
(*≧∀≦*)
そう言っていただけると、嬉しいです(^▽^)
ありがとうございます♪
＞みいもんさんのほうのアクセス数も見たいなー♪（笑） ＜
o(*^▽^*)o~♪あはっ
私の方は外してまだ間もないです(^▽^;)
すれ違いですね〜。
サイトを立ち上げてからずっとつけてたんですよｗｗ
一番下にｗ。
でも、アクセス数、解析は自分がみれればいいや！
って、外しちゃいました(^-^)
初めまして！！
訪問＆コメントありがとうございます！！
＞トラックバック、ありがとうございました！ ＜
いえいえ！
こちらこそ、させて頂いてありがとうございました(o*。_。)oペコッ
＞テキストボックス、いいですよね！
ぼくも使いたいのですが…なんだか、gooブログは使えなそうです…（＞＜） ＜
あらら・・・私も記事を拝見して、
カスタマイズ難しそうだな・・・
でも、ＨＴＭＬが書き込めれば、
これなら使えるかも？？
と、お伝えする意味も込めてトラバしたのですが、
だめですか〜。残念です(~_~;)
＞また、遊びに来ます。
今後とも、よろしくお願いいたします。 ＜
はい♪
こちらこそ、今後ともよろしくお願いします(^▽^)
応援、感謝です(o*。_。)oペコッ
テキストボックス、今度 私も時間のあるときに挑戦してみまぁ〜す！
いつも色々とブログの中で貴重なことを記事にしてくれてありがと♪
応援ぽちっ♪
みいもんさんの入金報告、スクロールにしてあって見やすいし、よく目に付く場所にあるので、いつも楽しみにしていますよ♪
ブログ全体、「見易さ」を意識して作られているなぁ〜、と感じます。
夏休みが終わったら、ＰＣに向かう時間も増えるので、久々に私もブログカスタマイズしたいな♪
ではでは、まだ暑い日が続きますが、身体には気をつけて、お互い頑張りましょうね！！
＞テキストボックス、今度 私も時間のあるときに挑戦してみまぁ〜す！
いつも色々とブログの中で貴重なことを記事にしてくれてありがと♪ ＜
そうですか♪
お役に立ちそうで、よかったです(^-^)
そんなに難しい事ではないので、
挑戦してみて下さいね♪
応援、感謝です(o*。_。)oペコッ
＞ブログ全体、「見易さ」を意識して作られているなぁ〜、と感じます。 ＜
いや〜、お恥ずかしい（〃￣∇￣ポ）
意識している事が読み手にも伝わっているのなら、
嬉しいです(^-^)
＞夏休みが終わったら、ＰＣに向かう時間も増えるので、久々に私もブログカスタマイズしたいな♪ ＜
ユリリィさんのブログ、カスタマイズしたら
どうなるのかな？♪
楽しみです(^▽^)