アフィピク登録

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

シリウスの箇条書きのマークは、デフォルトで4種類用意されていますよね。でも、このマークをチェックマークにしたいと思ったこと、ありませんか?その実現方法をご紹介します。

ららです。



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

こんなのとか、
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)の詳細はこちらをご覧ください。



 

ららの無料レポート

無料オファー攻略レポプレゼント

この記事を読んだあなたには、こちらの記事もオススメです☆

 




最後まで読んでいただき、ありがとうございました。
このブログを「いいな」と思ったら、
下の白いボタンを、1回クリックしてくださいね。
ららに一票入って、人気ブログランキングに飛びます
↓ ↓ ↓

ありがとうございます☆ あなたの1票が、励みになってます^^

 

↑ この動くアバターは、こちらで作っていただきました。
あなたのアバターに命を吹き込む「四次元アバター」

 

「記事が書けない」「ネタが浮かばない」「手が止まってしまう」
そんなあなたへ。
このままだと、せっかくの稼げるチャンスを失ってしまうかも。
そうなる前に、記事の書き方を勉強してみませんか?
満足度98%、ブログ初心者さん向けのライティング教材が好評です。
>>関連記事はココをクリック

 

コメントを残す

サブコンテンツ

このブログについて

プロフィール

情報商材アフィリエイト

ららです。
高校生と中学生の2人の子供がいる、40代主婦です。
主婦業・母親業をやりながら、隙間時間でアフィリエイトを実践し、
月6ケタの目標を達成することができました。

あなたと同じ目線の、安心できるブログを目指してます。
お気軽にメールくださいね。

詳しいプロフィールと実績はこちら




応援よろしくね♪

メールはお気軽に


ららに相談したいことなどがありましたら、お気軽にどうぞ。
些細なことでもアホらしいことでも、大歓迎です♪
>>ららにメールを送る

カテゴリー

YouTubeやってます

このバナーをクリックして、
チャンネル登録してください♪


ららの愛用品

サーバーやらドメインやらパソコン回りの品など…。ららはいったい何を使っているの?
実際に使っている物をご紹介します。
ららの愛用品ご紹介

相互リンクについて

2015年10月をもちまして、相互リンクのページは終了いたしました。
理由は
・昨今のSEO事情では、相互リンクが有益ではないこと
・リンク先の閉鎖が相次ぎ、機能を果たさなくなったこと
です。
相互リンクしていただいたブログ様、長いあいだありがとうございましたm(_ _)m

このページの先頭へ