こんにちは

今回は「記事に囲みをつける」方法を紹介します

方法はとても簡単

このコードをコピーしてね

　/*記事かこみ*/
.entry{
width:390px;
(囲みの種類):3px solid (カラーコード);
}

CSSの1番最後に貼り付けてね

カッコの中を入力してね

(囲みの種類)は、太線、細線、二重線…などの線の種類です。

　※参考※　このブログでは「border」と入力しています。

　太線→「solid」

　二重線→「double」

　3D風(中出)→「groove」

　3D風(外出)→「ridge」

　額風(上濃)→「inset」

　額風(下濃)→「outset」

　点線(太)→「dashed」

　ドット→「dotted」

(カラーコード)は、色のコードです。

　※参考※

　カラーコードはアメブロの編集でもわかりますが、

　このサイトからもわかります(お勧めです♪)！

　カラーコードのサイトは　ココ 　。

保存して完了☆

　自分のブログを確認してみてね♪

CSSって、難しい印象だけど…

意外と簡単にできるもんです

これからもたくさんCSS紹介してくから、よろしくね

★このCSSを紹介して欲しい！

　ココ から、詳しく書いて送信してね♪

　紹介者名/ブログ紹介も合わせてします！

★こんなCSSが欲しい！

　ココ からリクエストしてね♪

　必ず前に同じような記事がないか確認してね！

TOP

今回は前回の予告通りブログスキンについてやりますb

最初に…

　ブログスキンとは、ブログの1番上部に表示されている画像です。

1.ブログスキンを作ろう！

　まずは、スキンを作ります♪

　色々なグルっぽとかで作成を受け付けているところもあるので、そこを利用するのもいいですね♪

　自分で作る場合は…

　ここでは1つのサイトを使っていきますね★

　まず、このサイトを開いてください　ココ 　。

　開いたら、「参照」というボタンをクリックして、画像を選択します。

　(画像は、スキンにする画像を選びましょう。)

　選択したら、「送信」をクリックします。

　できたら、まず左のバナーの中の「拡大縮小」をクリックします。

　そこで前回紹介したような「記事を細く」している人は

　前回のCSSの「(細さ)」の部分の数字を横幅(上の選択型で)選択します。

　「実行」をクリックします。

　画像が変になっていなければ、「文字入れ」をクリックし、

　そのページのガイドに従って文字を入れてください。

　下の方にある「スタンプコーナー」もお勧めです♪

　他にも横に色々なメニューがあるので使ってみてもいいですね★

　できたら、画像を保存しましょう！

2.スキンを設定しよう！

　まず、アメーバのサイトを出します　アメーバ 　。

　ログインしてから、「ブログを書く」をクリック。

　その後、「デザインの変更」を選んで…

　「カスタマイズ」をクリックします♪

　その後、少しスクロールしたところにある「画像の追加」を選び、

　画像を選択して、最後の方にある「保存」をクリックします。

　(その前に確認したい場合は「プレビュー」をクリックしても◎)

　自分のブログを確認して、完了です☆

もしもわからないことがあれば、メッセージにて(未成年はコメントでも◎)

どしどし聞いてください！

次回はブログの記事に囲みをつける方法を紹介します♪

TOP

今回はCSSの基本・記事を細くする方法を紹介します！

方法はカンタン☆

①このコードをコピーしてね♪

　#frame{/*(細さ)*/
width:400px;
float:center;
}

②CSSの最後に貼り付けてね♪

③(細さ)の中に好きな細さを入れてね♪

　※参考※

　　このブログは400、と入れていますb

④完成☆

この場合に注意することは、

ブログのスキンを自分の画像にしている場合は

(細さ)と同じ横幅の画像じゃないと切れたり、足りなかったりします汗

自分のブログに設定して確認してください！

質問があれば、メッセージ(未成年はコメントでも◎)にて

どしどし聞いてくださいねー☆

次回はブログスキンについて説明する予定！

是非見てくださいね♪

TOP