HTMLが少しわかると、ちょっと楽しくなるよ。「文章に枠線」編

たまに、テクニック的なことを。


こんなふうに、文章のまわりに枠線をつけたいとおもうことありませんか?

Jimdoというのを使っていて、誰かのホームページを見たときに、自分とこにもこんなのやりたい!!
と思うことがあります。

あ、このBloggerというGoogleさんのブログサービスでも思います。

で、Jimdoのことは、JimdoCae武蔵のページにWEBのお勉強というページを作ったのでそちらに気が向いたときにかいていこうと思いますが、Bloggerのことは、こちらに。

たぶん、HTMLを触れるものだったらどれでも同じなのか?と思いますが。

文章、画像などを入力して枠線付きの文章を投稿したくなったタイミングで。
Bloggerの投稿画面左上
「HTML」ボタンを選択します。


もじゃもじゃっと記述があるのは触らずに、
一番末尾に

<br />
<div style="border: 3px solid #ffdd67; padding: 1em;">
<p>こんなふうにカラムに枠線がつけたい!</p>
</div>
<br />
<br />

をコピペしてください。
と↓のように枠線つきの文章ができます。

こんなふうにカラムに枠線がつけたい!

「HTML」モードから「作成」ボタンを押して通常の入力画面に戻し、枠の中の文字を上書きしてください。
改行することもできます。



ちなみに

<br />
<div style="border: 3px solid #ffdd67; padding: 1em;">
<p>こんなふうにカラムに枠線がつけたい!</p>
</div>
<br />
<br />

黄色い文字部分は枠線の太さです。数字を大きくすれば太くなり、小さくすれば細くなります。

また、

<br />
<div style="border: 3px solid #ffdd67; padding: 1em;">
<p>こんなふうにカラムに枠線がつけたい!</p>
</div>
<br />
<br />

赤い文字部分は色の番号です。WEB上で「色」を表すカラー番号です。
参考サイト:WEB色見本原色大辞典
などで、好きな色を探し #から6桁(#を含めて7桁)をコピーして赤い文字部分を上書きすればOKです。
数字の横の「;」は消さないように。




~news~
-------☆-------☆-------☆-------☆-------☆-------☆-------☆-------☆-------☆------【女性にわかりやすいオンラインマーケティング講座】
facebook社のCSR。世界13か国で繰り広げられている#起業女子プロジェクト第2期が日本で始まることが決定し、第2期も継続して石川・富山地区担当トレーナーとなることが決まりました。
第1期では、全国で1000人以上の女性の参加があり、セミナー後のアンケートでは、99.5%の人が学んだことを、自分のビジネスに活用したい。98.9%に人がfacebookはスモールビジネスに役立つと思うと回答しています。
2017年10月~2018年9月までの間に、女性向けの起業塾、創業塾、ビジネス塾をお考えの自治体、行政関連、各種団体に実績のある講師を派遣いたします。
女性の理解が難しいとされているオンラインマーケティングの概念を非常にわかりやすくお教えすることはもちろん、ワークも取り入れ実践経験もできます。
ぜひ、この機会に1枠取り入れることをご検討ください。
 お気軽にお問合せください

-------☆-------☆-------☆-------☆-------☆-------☆-------☆-------☆-------☆------
【2017年9月5日からJimdoのログイン方法が変更】
今まで一つのページに一つのログイン方法でしたが、ひとりのアカウントに一つのログイン方法となり、複数のページを持っている場合は一元管理ができるようになりました。
ただ、複数の管理者、、例えば制作側とクライアントさんが管理する場合は、アカウントの共有が必要になり共通理解の上決めていかないといけません。

まずは、Jimdoからのお知らせが届いていると思いますのでそちらをご一読くださいね。
Jimdoからのアナウンスページはこちらから
「アカウントの作成」の意味がわからない。と言う方はご連絡ください。
-------☆-------☆-------☆-------☆-------☆-------☆-------☆-------☆-------☆-------



コメント

このブログの人気の投稿

自己チューな言葉

「あぽじら」の正しい使い方

石引の「風月堂」さんが10/31で店じまいらしいです(´;ω;`)ウゥゥ

11/18 ちょっとお得なお勉強会に一緒にいきませんか~~♪♪

死ぬほど働いて月50万か、週4日一日4時間働いて50万か。