03≪ 2011/04 ≫05
123456789101112131415161718192021222324252627282930
個別記事の管理2011-04-26 (Tue)
画像に枠線をつける方法は幾つか有ります。
スタイルシートで、画像用のクラスを追加して枠線を指定する方法
記事内のimgタグに直接 枠線を指定する方法
等々…興味の有る方は使いやすい方法を試してみて下さい。

スタイルシートで画像用のクラスを追加して、枠線などを指定する方法

テンプレートの設定画面の一番下、スタイルシート枠内に下記を追加します。
.img1{border:1px blue solid;} /* 枠線(太さ1px、青色、実線)*/
次に、記事内の画像タグに class="img1" を追加します。
こんな感じに↓
<img src="画像URL" alt="" width="画像の幅" height="画像の高さ" class="img1"/>
これで画像に 1pxで青色の実線枠が出来ます。
.img2{border:2px pink dotted;}
.img3{border:3px red solid;}
のように色んな線種を追加して、画像タグの最後に class="img2" や class="img3" を入れるだけで他の枠線を使えます。

記事内のimgタグに直接、枠線などを指定する方法
記事内の画像に、(個別に)色んな枠線を付けたい方はこちらの方法もどうぞ。

sample1画像に枠線を入れる場合、画像タグの後に style="border:線の太さ 色 線種;" を追加します。
↑上の場合は <img src="画像のURL" alt="sample1" width="画像の幅" height="画像の高さ" style="border:1px red solid;">になっています。

sample2枠の幅や色や線種を変える場合は、太さの数値(px)を大きくし、色名を変え、線種名を変更します。
↑上の場合は <img src="画像のURL" alt="sample2" width="画像の幅" height="画像の高さ" style="border:2px green dotted;">になっています。

枠線の種類についてはこちらを参考に 線種について
色名についてはこちらを参考に カラーネーム
色名の部分をカラーコードにする事も出来ます。
red → #FF0000  blue → #0000FF
カラーコードはこちらを参考に カラーコード

記事カラムの画像全てに枠線を表示する(表示しない)場合の方法はReadMoreをクリック

当方のテンプレートの場合、記事部分の表示部分は大体 .contents_body になっているので、
テンプレートのスタイルシート編集枠内に
.contents_body img{border:2px pink dotted;}
と追加すれば、記事内の画像全てに 2pxの太さでpink色の点線 が付きます。
また、
.contents_body img{border:none;}
とすれば枠線は無くなります。

線種や色については記事内のリンク先をご参考に。

Return

宜しければポチッと♪→FC2 Blog Ranking
Theme : HP作成 * Genre : コンピュータ * Category : カスタマイズ
* Comment : (3) * Trackback : (0) * |

Re: タイトルなし * by aki
鍵コメ様へ
多分、その方法だとメニュー部分に画像を付けた場合、枠線が付いてしまいます。
なので、画像の枠線について追記を付けましたのでご参考に。

管理人のみ閲覧できます * by -

管理人のみ閲覧できます * by -

個別記事の管理2011-04-24 (Sun)
sample-al3-gr.jpg桜の季節が終わったら、春から夏に向けて使えそうなグリーンのテンプレートは如何でしょう?
2・3カラム版を作成しましたので、爽やかなブログにカスタマイズしてみては!

方法は簡単
興味がございましたらReadMoreをクリックして下さい。

先ずテンプレート「lace-al2・lace-al3」をDLして下さい。
次に、下記URLをクリックしてlace-al2-gr.txt・lace-al3-gr.txtを開いて下さい。

lace-al2-gr.txt (2カラム版)
lace-al3-gr.txt (3カラム版)

開いた文面は一部文字化けしているので、ウインドウ上部のメニュー、「表示(V)」→「エンコード(D)」→「日本語(自動選択)」若しくは「日本語(シフト JIS)」をクリックして表示を直して下さい。

次に、FC2ブログ管理画面メニューの「環境設定」→「テンプレートの設定」からlace-al2・lace-al3の「編集」をクリックして下さい。
一番下の「lace-al2・lace-al3 のスタイルシート編集」枠内のスタイルシートを全て削除し、先程開いたウインドウのテキストを全て貼り付けて下さい。

後は「更新」をクリックすれば完了です。
カスタマイズをする場合は、不具合が有った場合に備えて複写を作成しておくことをおススメします。

Return

宜しければポチッと♪→FC2 Blog Ranking
Theme : FC2ブログ共有テンプレート * Genre : ブログ * Category : カスタマイズ
* Comment : (14) * Trackback : (0) * |

お礼 * by yomogimochi1012
aki様

お願いのことありがとうございました。
有難いお申し出も心強いものです。

それから、ブログのこと過分なお褒めにあずかっており、
恥ずかしいものですが、一生懸命だけが取り柄です。

日本が良くなりますようにとの願いが
読んでくださる方に伝わるといいなとの思いがあります。
知らないままで過ごしてきた人生でしたから、
何とか取り戻したいと書いております。
この齢になって遅いんだからですが。(笑)


***
話は変わりますが、サイトの中を拝見しておりましたら、
素材のところで、緑や紺色の格子模様を見つけました。
レースの白とマッチしていい感じですね。
先で、模様替えの第一候補と決定しました。
素敵なものを生み出されていることに、またもや感激です。

色々と楽しみになりました。(^^♪

では、おやすみなさい。





お返事有難うございます。 * by aki
ご依頼のコメント削除致しました。(^_^)

カスタマイズが無事に出来たようで何よりです♪
また何かご不明な点・ご質問等ございましたら いつでもご連絡下さい。
それと…先程少し貴殿のBlogを拝見致しました。
圧倒的な文章量と深い記事内容に、後でゆっくり読みたいなと思いました。
なので、改めて伺わせて頂きますね。(^_^)

こちらこそ 今後とも宜しくお願い致します。m(__)m

ありがとうございました * by yomogimochi
aki様

お陰さまで月があらたまったところで、
素敵な模様替えが出来ました。

開く度に楽しみになります。(^^♪

今後ともよろしくお願いいたします。


先ほどのコメントの削除をお願いできないでしょうか。
よく見ましたら、恥ずかしながら私の名前の綴りを誤って
入力しておりました。(^^ゞ

管理人のみ閲覧できます * by -

Re: ご質問の件です。 * by aki
v-318様、初めまして♪
(鍵コメなのでお名前を伏せさせて頂きます。m(__)m)
この度はテンプレートのご利用、誠に有難うございます。

早速ご質問の件です。
スタイルシート編集枠を開いてスクロールしていくと、半分まで行かない所に
/*記事部分*/
という箇所が有ります。この直下の
.contents{
の部分の
background:url(http://blog-imgs-31.fc2.com/s/o/r/sorauta1/bg-w10px.png);
という所を
background-color:#ffffff;
に直して下さい。
これで記事の背景が白くなります。

また、メニューブロック、プラグイン3(記事上部)の背景を白くする場合は
半分より少し下の
/*メニュー*/
という箇所の
.menu_block {
及び
.menu3{
にある
background:url(http://blog-imgs-31.fc2.com/s/o/r/sorauta1/bg-w10px.png);
という部分を
background-color:#ffffff;
に変更して下さい。

後は『更新』ボタンを押せば完了です。
上記、ご不明な点がございましたら再度コメント頂けると幸いです。

カスタマイズで自分色に変えていく…とっても楽しいですよね♪
背景画像を変えたり、Top画像を変えたり、是非色々いじってみて下さい。(^_^)
この度はテンプレートを通じ、素敵な出会いを有難うございます。
今後とも末永くお付き合い下さいます様、宜しくお願い致します。m(__)m

管理人のみ閲覧できます * by -

えね様へ * by aki
えね様、初めまして♪
テンプレートのご利用、誠に有難うございます。m(__)m

ご要望のグリーン版、記事カラム幅広タイプのカスタマイズについて、先程記事にしましたのでご参照下さいませ。
丁度グリーン版の幅広も作ろうかなぁ~・・と考えておりました。
我ながらGoodTiming!な訳では無いですがi-229、是非カスタマイズしてご利用下さいませ。(^_^)
また何かご要望・ご質問等がございましたらご連絡下さいね。出来得る限りで考えますので。

今後とも末永くお付き合い下さいます様 宜しくお願い致します。m(__)m

* by えね
はじめまして・・・
lace-al2をグリーンにカスタマイズしたテンプレは、とても素敵です!このグリーンのタイプは、記事幅を広くすることはできないのでしょうか?
lace-al2のテンプレは記事、広めになりますが、桜色が私には可愛らしすぎて・・・
もしくは、メニュータイトルとかの、桜色の部分を変えられないものかと・・・うまく、説明できませが・・・
こちらのブログでしたら、葉っぱのアイコンが付いてる部分のことですが・・・
今は、lace-d2c を、記事幅を広めにして、使わせていただいてます。
グリーンのテンプレ、すごく気に入ってるので、なんとかお願いしたいのですが・・・

鍵コメ様へ * by aki
いえいえ、こちらこそ今後とも宜しくお願い致します。m(__)m

管理人のみ閲覧できます * by -