鯉ぱぱのブログ一覧

　
とてもカープブログを上げる気にもなれない最近の
カープの戦いぶり・・・
なのでカープネタはパス！（笑）
みんカラを徘徊していると面白そうなネタを発見
したので久々にスタイルシートを小弄りです♪


↑の画像をクリックして拡大してもらえると分かるのですが・・・
赤丸印の２か所ですが・・・ユーザー名を拡大したのと最近追加されたユーザー内検索
のBOXに赤白で色付けしてみました！

今回のメインは タグ下に画像を挿入 すると言う弄り！
お気に入りの 前田様の画像 を挿入成功しました♪
やり方はいたって簡単！　興味ある方の為に私が挿入した方法を・・・といっても
みんカラ徘徊中に発見した方法なんですけどね・・・（汗）

①　挿入画像を準備
　　　・・・　横幅６１９ピクセル　縦幅は任意でどうぞ！（私は１２０かな？）
②　画像をスタイルシートのスタイル用画像にでも保存
　　　・・・　別にみんカラ内ならどこでも構いませんけどね！
③　マイページ⇒スタイルシート⇒詳細編集⇒タブ
　　　・・・　タブは一番上段のul#MainNavの部分です！
④　下記の赤色文字列を最後に追加する
　　　padding-bottom:●●px; (←画像貼付け位置を調整。 サイズ幅は任意で！)
　　　background:url(画像アップロードしたURL);
　　　background-position:bottom left;
　　　background-repeat:no-repeat;

※　画像は背景貼付けなので、padding-botttomで位置を下げながらタブの部分に
　　カブらないように調整していきます。　何度もプレビューを表示しながら！（笑）

これで完成！　のはずです。。。
でもね・・・ブログ・愛車紹介・おすすめスポットでは綺麗に表示されますが・・・
プロフィール画面と掲示板の画面ではうまく表示されないのが難点です・・・！（自爆）

※　興味のある方は自己責任で弄っちゃって下さいね！（笑）



みんカラの活動自体で思う所が少しあって・・・
スタイルシートでも弄って気分を一新していこうと思います。
少しずつみんカラも自分のスタイルに合ったやり方で整理して活動していこうと
思っています。。。




※追記
　　・・・④の編集でbackground-position:bottom left; がありますが最後の
　　　　leftをcenterに変更する事によりプロフィール・掲示板でもバランスが取れました
　　　　ので変更しております！
　　　　画像の縦幅は２００で設定しております。