test https://ameblo.jp/test-test9876/ ブログの説明 ja 画像投稿テスト












]]> https://ameblo.jp/test-test9876/entry-12044951397.html Tue, 30 Jun 2015 17:03:56 +0900 ＜アプリ投稿対応＞大きな画像もピッタリ表示
一度設定すると全ての記事内の画像に適用（過去記事など）されます。

※過去記事で「小さいサイズで貼りつける」にチェックを入れて投稿したものは小さいままです。

なお、設定はCSS編集用デザインのみです。


●パソコンでの表示例



●やり方
①ブログ管理の画面で「デザインの変更」→「cssの編集」で以下をコピペ。

/* --------- ●記事内の画像を最大で表示● --------- */
.articleText a.detailOn img {
height: auto !important;
width: auto !important;
max-width: 410px;
}

※上記コードは3カラムの際の記事横幅です。2カラムの場合は赤字の部分を605pxに変えてください。

※また、カラムを独自に変更している場合は自分の記事横幅に合わせて設定してください。


②記事投稿の際は「小さいサイズで貼りつける」のチェックを外して画像を貼る。

※記事の編集画面や「表示を確認する」では画像は大きいままですが、公開すると記事幅で表示されるはずです。



ちなみに・・・
そもそも小さい画像（例えば記事幅410pxで画像幅が300pxなどの場合は）小さいままで表示されます。











]]> https://ameblo.jp/test-test9876/entry-11997829434.html Thu, 05 Mar 2015 21:32:40 +0900 アプリから投稿テスト
{FB13452F-7A4A-497D-8AD4-AB4A911927C3:01}



もう一枚
{938C9CA9-C4A8-467C-818E-77CB3A880FB2:01}



おわり
]]> https://ameblo.jp/test-test9876/entry-11997823292.html Thu, 05 Mar 2015 21:20:20 +0900 囲み枠作成ツール

上記のような囲み枠が簡単に作れるツールを提供してくれています。
ブログ記事内囲み枠簡単作成ツール


スマホでもパソコンと同様に見えます。
▼パソコンでの見え方


▼スマホでの見え方



]]> https://ameblo.jp/test-test9876/entry-11997735777.html Thu, 05 Mar 2015 17:24:47 +0900 記事内に区切り線・水平線をひく

●表示例
①一般的な水平線<hr>指定のみ


②一般的な水平線<hr>を「HTML表示」または「タグ編集」で色を変えた場合


③css編集でスタイルを変更した場合＜点線バージョン＞


④css編集でスタイルを変更した場合＜グラデーションバージョン＞


▼パソコンでの見え方


▼スマホでの見え方




●やり方
①パソコンなら「HTML表示」スマホなら「タグ編集」画面で水平線を引きたい行に<hr>を貼り付ける。

コピペはこれを↓
<hr>


②貼り方は①同様。<hr color="#ff0000">←色を変えたい場合は赤字の部分に好きな色のコードを。色のコードは下記URLなどを参考に。

Web Safeカラー 216色

コピペはこれを↓
<hr color="#ff0000">


▼参考画像



③※パソコンのみ設定可
「HTML表示」で水平線を引きたい行に<hr>を貼り付ける。「デザインの変更」→「css編集」で以下をコピペ。

hr {
    border: 0;
    border-bottom: 1px dashed #ff0000;
    background: #fff;
}

色を変えたい場合は赤字部分を変更。
hr {
    border: 0;
    border-bottom: 1px dashed #ff0000;
    background: #fff;
}


④※パソコンのみ設定可
「HTML表示」で水平線を引きたい行に<hr>を貼り付ける。「デザインの変更」→「css編集」で以下をコピペ。

hr {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
}



ちなみに・・・
③④はcss編集でhrの設定をしていても「通常表示」では設定が反映されませんが、「表示を確認する」や公開後は設定が反映されているはずです。








]]> https://ameblo.jp/test-test9876/entry-11997664215.html Thu, 05 Mar 2015 13:42:03 +0900 リンクの貼り方 ●リンク表示例
リンク


●やり方
①リンクボタンを押す


②リンクの設定画面が出るので
「テキスト」・・・リンクを付けたい文字を入れる。
「URL」・・・リンク先を入れて（記事下に説明あり）
「リンク先を新しいウィンドで開く」・・・外部リンクならチェックを入れる
「決定」・・・押すと


③リンクが設定される。



●この通りやったのにリンクが設定されてない？
リンクを設定するとリンクこのように文字に色がついて下線がつきます。


リンク設定したのに文字色が変わらない場合は、リンクは設定されているけど色が一時的に変わってない場合もあります。

一度「HTML表示」にしてから再度「通常表示」に戻してみて文字色が変わっていればOKです。




ちなみに・・・
「表示の確認をする」で見た場合はリンク先には飛びません。


一度「公開」してみるとリンクがきちんと設定されていることが確認出来ます。



URLとは・・・

URLは画面上部にあります。
ここをコピーして「URL」を入れるところに貼り付ける。




]]> https://ameblo.jp/test-test9876/entry-11997029374.html Tue, 03 Mar 2015 22:22:50 +0900 文字を強調する B」で太文字にしたときの見え方
文字を強調する

▼<strong></strong>で囲んだ時の見え方
文字を強調する


どちらも見え方は同じだけど、意味はまったく違います。

強調したいキーワードは<strong></strong>で囲みましょう。


●やり方
いつも通り、文字の設定の「B」で太文字にした後「HTML編集」（スマホの場合はタグ編集）で下の赤文字の部分を変えます。

<b>文字を強調する</b>
↓
<strong>文字を強調する</strong>

●こちらをコピーしてください。
strong


面倒ですが一度設定したら後はコピペで毎記事に張ればOKです。


ちなみに・・・
パソコンで記事を書くときのエディタが「タグ編集エディタ」になっていると

文字の設定の「B」を押したとき、

<b>ではなく<strong>で囲まれるようです。



]]> https://ameblo.jp/test-test9876/entry-11996898009.html Tue, 03 Mar 2015 17:04:08 +0900 フォントテスト

●表示例

①これは明朝体を指定

②これはゴシック体を指定

③これはImpact123フォントを指定
（※impactフォントは英数字用フォント）


●やり方
「HTML表示」で以下の<p>～</p>をコピペ。

●記載例

①<p><font face="ＭＳ Ｐ明朝,ＭＳ 明朝">これは明朝体を指定</font></p>

②<p><font face="ＭＳ Ｐゴシック,ＭＳ ゴシック">これはゴシック体を指定</font></p>

③<p><font face="Impact">これはImpact123フォントを指定</font></p>


●参考画像


画像のように下線部分のフォント名を変えることで、フォント表示を変える事が出来ます。


●参考URL

フォント名とフォントの表示サンプルは以下を参考にしてみてください。
フォント表示サンプル


今回の記事は以下を参考にしています。
TAG index　フォントを指定する


●注意点
・フォントの変更はcssで行うことが推奨されています。HTML内で変更するこのやり方は非推奨です。アメブロでは記事内の一部を変更するcssが書けないので仕方ないのですが、ホームページ作成の際はcssで指定しましょう。

・スマホ版では「明朝体」にしかなりませんでした。




]]> https://ameblo.jp/test-test9876/entry-11996815013.html Tue, 03 Mar 2015 12:22:37 +0900 初投稿


]]> https://ameblo.jp/test-test9876/entry-11867002557.html Sat, 31 May 2014 15:06:05 +0900 テスト https://ameblo.jp/test-test9876/entry-11857017053.html Wed, 21 May 2014 15:39:18 +0900