小見出し

2013-10-14 00:02:56 | ◇お役だち
fc2ブログや、はてなブログだと小見出しや引用符のボタンがあって、簡単に記事に書けるみたいですけど、アメブロさんには無いのでチョット作ってみました。←暇人（笑）



<div style="border-left:10px solid #000099; border-bottom:2px solid #000099; padding-left:10px; font-weight:bold;">青の小見出し</div>


⇓


青の小見出し


____


<div style="border-left:10px solid #ff1493; border-bottom:2px solid #ff1493; padding-left:10px; font-weight:bold;">ピンクの小見出し</div>


⇓


ピンクの小見出し


____

<div style="border-left:10px solid #ff0000; border-bottom:2px solid #ff0000; padding-left:10px; font-weight:bold;">赤の見出し</div>


⇓


赤の見出し




※カラーコード、#～をお好みで変えてみて下さい。

⇒HTML,CSS　カラーコード一覧表　｜　背景色や文字色の設定


もう少し、色々やってみようと思いましたが、面倒くさくなったので、やめます。（汗）



ブィブィ(((( ;°Д°))))

ブログに表を書く・・

2013-10-13 08:47:00 | ◇お役だち
ブログに表（テーブルタグ）を書く方法をご紹介してみたいと思います。

９舛の表で中の文字（テキスト）はリンクになっています。


<Div Align="center"><Table Border="2" BorderColor="#00FF33" BgColor="#FFFFCC" Cellspacing="2"><Caption><b>『微乳一覧笑;^^』</b></Caption><Tr><Td><a href="http://ameblo.jp/wantan-52/entry-11399366601.html" target="_blank">鎌田紘子</a></Td><Td><a href="http://ameblo.jp/wantan-52/theme-10064112034.html" target="_blank">榮倉奈々</a></Td><Td><a href="http://ameblo.jp/wantan-52/theme11-10063693976.html" target="_blank">桐谷美玲</a></Td> </Tr><Tr><Td><a href="http://ameblo.jp/wantan-52/entry-11370206271.html" target="_blank">坂口杏里</a></Td><Td><a href="http://ameblo.jp/wantan-52/entry-11397287221.html" target="_blank">重盛さと美</a></Td><Td><a href="http://ameblo.jp/wantan-52/entry-11437052897.html" target="_blank">菜々緒</a></Td> </Tr><Tr><Td><a href="http://ameblo.jp/wantan-52/entry-10899261597.html" target="_blank">吉木りさ</a></Td><Td><a href="http://ameblo.jp/wantan-52/entry-11432394985.html" target="_blank">田中涼子</a></Td><Td><a href="http://ameblo.jp/wantan-52/entry-11199688629.html" target="_blank"><font size="2">R18指定？</font></a></Td> </Tr></Table></Div>



青字の箇所にタイトルを入れて下さい。

赤字の箇所に表示させる文字（テキスト）を記入して下さい。

※上のは、リンクタグで、ゴチャゴチャしてますが＾＾；リンクさせない場合は文字だけ記入して下さい。

舛の幅は、その列の一番文字数の多い舛の幅になります。（←ややこしい__怒！）


こうなります。⇓






枠の色を黒にする場合は・・
⇓

<Div Align="center"><Table Border="2" BorderColor="#000000" BgColor="#FFFFCC" Cellspacing="2"><Caption><b>『微乳一覧笑;^^』</b></Caption><Tr><Td><a href="http://ameblo.jp/wantan-52/entry-11399366601.html" target="_blank">鎌田紘子</a></Td><Td><a href="http://ameblo.jp/wantan-52/theme-10064112034.html" target="_blank">榮倉奈々</a></Td><Td><a href="http://ameblo.jp/wantan-52/theme11-10063693976.html" target="_blank">桐谷美玲</a></Td> </Tr><Tr><Td><a href="http://ameblo.jp/wantan-52/entry-11370206271.html" target="_blank">坂口杏里</a></Td><Td><a href="http://ameblo.jp/wantan-52/entry-11397287221.html" target="_blank">重盛さと美</a></Td><Td><a href="http://ameblo.jp/wantan-52/entry-11437052897.html" target="_blank">菜々緒</a></Td> </Tr><Tr><Td><a href="http://ameblo.jp/wantan-52/entry-10899261597.html" target="_blank">吉木りさ</a></Td><Td><a href="http://ameblo.jp/wantan-52/entry-11432394985.html" target="_blank">田中涼子</a></Td><Td><a href="http://ameblo.jp/wantan-52/entry-11199688629.html" target="_blank"><font size="2">R18指定？</font></a></Td> </Tr></Table></Div>



こうなります。
⇓







参考になると、うれしいのですが・・(^_^)v

アメブロ、フェースブック申請ボタン　test

2013-10-09 08:27:58 | ◇お役だち
~ Rideau Falls ~ - 無料写真検索fotoq
photo by ViaMoi



フリープラグインに下記の文字列を貼り付けて下さい。


<script src="http://www.google.com/jsapi"></script>
<script>google.load('jquery', '1.6.2');</script>
<script>(_JQ162_=jQuery)(function(){$=jQuery=_JQ162_;});</script>
<script>
$(function(){
$(".profileBtnArea").append('<li><a class="skinImgBtnS" style="color:#000000; text-decoration:none;" href="https://www.facebook.com/hiroshi.watanabe.904108" target="_blank"><font style="font-weight:bold; color:#ffffff; background:#3b5998; line-height:2.4;">Ｆ</font> Facebookに申請</a></li>');
});
</script>


上の緑の三行は、既に貼り付けてある場合は、不要です。

赤字の箇所に、ご自身のタイムラインのURLを貼り付けて下さい（でないと自分のフォロアーさんが、増えてしまいます・・笑）

検索で色々、やり方を調べてテストしてみたんですが、このやり方が自分には一番、しっくり来ました。



参考になると、嬉しいのですが・・( °◡°)

デザイナーが選ぶデザイナーのための無料写真素材サイト、厳選10個！

2013-10-07 21:31:16 | ◇お役だち


以上はプロの方向けの無料画像サイトだそうです。

で、自分みたいな、素人には、こちらが非常にありがたいです。

⇒フリー素材*ヒバナ *　 *


あと、自分のサイト（アメブロ、fc2、goo、はてな・・等々）の画像フォルダーにアップしなくても使える（直リンクＯＫ）なのが、こちらのサイトです。（画像容量が少なくなってきている方には、お勧めです。ただし、先方の不具合で表示されなくなっちゃう時もあるそうですが・・）

⇒無料の写真・画像の検索は『無料写真検索 fotoq』

英語版はこちらです。

⇒Search free photos or illusts 'Free Photos fotoq'

英語版を使う時は、こちらで翻訳してから使ってます。

⇒英和辞典・和英辞典 - Weblio辞書


参考になれば、嬉しいのですが。_____γ(▽´ )ツヾ( ｀▽)ゞ

短い「文字」、「言葉」を枠で囲む方法

2013-10-04 09:41:49 | ◇お役だち
おはようございます。

短い「文字」、「言葉」を枠で囲む方法をご紹介してみたいと思います。


下のタグの「好きな言葉」のところに、「好きな言葉」を入れて下さい（笑）。

<span style="border-style: solid; border-width: 1px;padding: 0px 0px 0px 0px;">好きな言葉</span>



こんな感じになります⇒好きな言葉



あと、参考までに、タグの意味ですが・・

実線⇒ solid

点線 ⇒ dotted

破線 ⇒ dashed

二重線 ⇒ double

線無し ⇒ none



あと、囲み線の太さは・・

border-width: 1px　←5にすると・・

好きな言葉


文字と囲み枠との余白ですが、数値は左から

、枠内の「上、右、下、左」になります。

padding: 0px 0px 0px 0px ←10px 5px 10px 5pxにすると・・

好きな言葉


さらに応用で、

border-color: red;

を追加して枠線の色を変えることもできます。


好きな言葉


<span style="border-style: solid;border-color: red; border-width: 1px;padding: 0px 0px 0px 0px;">好きな言葉</span>



よろしかったら、参考にしてみて下さい。