シリウスで箇条書き(ブレッド)のマークをチェックに変更する方法

当ページのリンクには広告が含まれている場合があります。

ららです。

シリウスの箇条書き(ブレッド)のマークは、

こんなのとか、
WS009592

こんなのですが、
WS009593

こんなのにしたいと思ったこと、ありませんか?
WS009591

これの方法をご紹介します。

目次

シリウスの箇条書き(ブレッド)をチェックマークにする方法

画像を用意する

1)まず、画像を用意します。
サイズは、18px四方くらいを目安にしてください。
こんなやつですね(見えやすいように拡大してます)。
check_00_red

2)このファイルの名前を、arrow_chk.pngとしてください。

この名前にできない場合は、他の名前でもかまいません。
その代わり、一番最後のファイル名指定の場所を、その名前に読み替えてくださいね。
WS009598

3)それを、画像管理の
WS009596

ここにドラッグ&ドロップしてください。
WS009597

CSSを編集する

1)編集メニューの中の、スタイルシートをクリックします。
WS009581

2)commonstyles.cssをクリック
WS009582

3)出てきた文章を、Ctrl+Aで全選択してコピーし、
テキストファイルに貼りつけて、取っておきましょう(バックアップ)。
いざという時、元に戻せます。
WS009595

4)このような場所を見つけてください。
ここを編集していきます。
WS009583

5)まず、ここにこれをプラスします。
WS009584

.arrow_blue,.arrow_orange,.arrow_black,.arrow_red,.arrow_chk{

 

6)次にすぐ下のココに
WS009585

7)この3行をプラス。
WS009586

.arrow_chk {
background-image: url(../img/arrow_chk.png);
}

画像の名前を独自の名前にした場合は、「arrow_chk.png」の場所に、その名前を指定してください。

8)保存して、この画面を閉じます。
WS009587

これで設定は完了です。お疲れさまでした。
次は実際に記事を書いてみましょう。

記事を書いて試してみる

1)文章を書いて、オレンジの矢印マークをつけます。
WS009588

2)こうなっている「arrow_orange」を
WS009589

3)arrow_chkに変更してください。
WS009590

4)プレビューで見てみると、ほら、こうなってますよね。
WS009591

なっていない場合は、どこかが間違ってます。
最初から見直してみてくださいね^^

WS006583
らら愛用のHTMLサイト作成ツール
シリウス(SIRIUS)の詳細はこちらをご覧ください。

お問い合わせはこちらからお気軽に♪

応援してくれたら嬉しいです

記事が役に立ったら、ここをクリックして応援をお願いします。

私が稼げるようになった教材

アンリミテッドアフィリエイト
ごくごく普通の主婦だった私が、累計800万円以上稼げたのは、この教材を購入して作業をしたから。
詳細は、こちらのページでご紹介しています。
>>アンリミテッドアフィリエイトらら流レビュー
私がここまでたどった経験を元にした特典と、濃厚すぎるサポートも差し上げています。

無料レポートを書かずにメルマガ読者を全自動で集める方法!

役に立つと思ったらシェアしてね!
  • URLをコピーしました!

この記事を書いた人

ららです。
2人の子供はもう成人した50代主婦です。10年ほど前から、主婦業・母親業の隙間時間でアフィリエイトに挑戦。パート時代の約6倍の月収を達成することができました。

超マイペースで超怠惰で超食いしん坊の私でもできたその秘密は、とにかく諦めないこと!
これから始めるあなたに私の経験をお伝えするため、ブログ・メルマガで情報を配信するとともに、サポートやコンサルを行っています。常に初心者さん目線を忘れない安心できるブログを目指してますので、どうぞ何でもご相談くださいね。

コメント

コメントする

目次