• 車種別
  • パーツ
  • 整備手帳
  • ブログ
  • みんカラ+
イイね!
2016年09月22日

横幅を少し広げたかっただけ

横幅を少し広げたかっただけ みんカラのスタイルシートを少しいぢりました。

題名の通り、画像の横幅を少し広げたかっただけなんです。

具体的にはコンテンツ領域のみ80ピクセル広げました。
そのぶんサイドメニューは300から220ピクセルへ80ピクセル狭めました。






よしよし、いい感じ。

みんカラの画像はデフォルトで横幅500ピクセルで貼り付けるようになっていますが、(見栄えも考慮しつつ)領域の幅ギリギリに収めようとすると560ピクセルくらいが丁度良いサイズだと思っています。なのでこれまでアップした写真のほとんどは横560ピクセルです。

みんカラだけで完結しているならそのままで良かったのですが、私は拡大できる写真の場合は『flickr』に上げています。





ところが、この画像からも分かる通りflickrのシェアサイズは500の次が640ピクセルなんです。
640だとはみ出るし500だと若干小さい……というジレンマ。

そんなわけで、「640 - 560 = 80」という単純な理由で80ピクセル広げることにしました。

ところが……









たまたま別のブラウザで見たら広告が思いっきりはみ出て本文を隠している……。

普段使っているFirefoxでは広告をブロックしていたので全然気付きませんでした。

みんカラは割と自由にCSSが触れるので、「広告部分をフロートにしてポジションリラティブで右に80ピクセルずらして……」とか今日仕事しながら考えていたのですが、帰ってきていざやってみるとpositionは禁止プロパティだった…… orz

じゃぁ全体の幅を80ピクセル広げちゃえばいいじゃん。
と思い、やってみる。
しかし使いたい場所でwidthが禁止…… orz

ダメかぁー
でも幅を戻すのは嫌だなぁー





というわけで苦肉の策。
文章だけ広告で隠れないように従来の幅で折り返すようにしました。(^-^;





横幅300の広告が入るのは「みんカラをはじめよう!」までのようです。
そこから下なら640ピクセルの画像を貼っても気にならないでしょう。

今後仕様が変わるかもしれませんが、取り敢えずこんなところで妥協っす。

そうそう、スタイルシートを触ったついでに写真に白い縁を付けてみました。
プリントする時も「フチあり」が好きだったので。まあ好みの問題です。

そんじゃまた!


★2016年9月28日(水)追記

いろいろやったけど、サイドメニューとコンテンツの左右を入れ換えるのが最もシンプルに要求を満たせますね。





そうすれば、広げた80ピクセルぶんのコンテンツ領域は単純に右にはみ出るだけ。
広告ともかぶらないし、これで様子見ます。
ブログ一覧 | 雑記 | パソコン/インターネット
Posted at 2016/09/22 18:56:44

イイね!0件



タグ

今、あなたにおすすめ

関連記事

昨日のツツドリ
ひろ@XC60さん

DiscoverProの機能“音声 ...
熊 五六さん

おはポン10月 
Bianco Cygnusさん

昔は・・・(謎爆)
ライチュウ@滋賀さん

【カメラ妄想中 その2 ニコンD8 ...
何事もほどほどさん

作ってみました^^;
フッツンさん

この記事へのコメント

2016/09/23 14:33:31
Nao.Kさんもスタイルシート弄られたんですね!
やはり写真は大きく載せたいですもんね(^^

また黒背景なので、写真の縁入れは賛成です。
写真がよりハッキリしますね♪
コメントへの返答
2016/09/23 20:06:53
ずいぶん久しぶりにCSSいぢりました。
転職する前は独自ドメインのサーバでCSSいぢりたおしてサイト構築していたこともありました。

heichanさんも写真メインのカスタマイズされてますよね~
黒背景にフチあり、共通する部分が多いです。(^-^)

サイドメニューを左に持ってきた方が写真の右はみ出しが気にならなくていいかも……と思いました。
現在価格を調べてみる

おすすめアイテム

 
 

プロフィール

「@COPELT PLUS さん、え? 1時間前? そこ通ってますけど!」
何シテル?   07/16 07:31
湖や河川を絡めた風景写真とドライブ好き。 『コペン+コンデジ』は、どちらも肩肘張らずに自然を楽しめる相棒だと思う。シンプルにオープンエアライフを楽しみたい。 ...

ハイタッチ!drive

みんカラ新規会員登録

ユーザー内検索

<< 2018/7 >>

1234567
891011121314
15161718192021
22232425262728
293031    

リンク・クリップ

川越に行ってみました。 
カテゴリ:行ってみたい
2018/07/13 04:57:28
絶品のあじフライを求めて 
カテゴリ:自撮り棒
2018/06/24 05:42:28
6月2度目の星撮り --- 曇ってきて中途終了。 
カテゴリ:天体観測
2018/06/23 21:32:30

お友達

申し訳ありませんが「お友達」は募集しない設定です。気に入ったブログを見つけると「ファン登録」しています。河川やダムを絡めたドライブ写真と猫が好物です。どうぞよろしく(^-^)

ファン

105 人のファンがいます

愛車一覧

ダイハツ コペン ダイハツ コペン
試乗して惚れました。 初めてのオープンカー、そして3台目の2シーターです! 2016年3 ...
スバル インプレッサ WRX STI スバル インプレッサ WRX STI
試乗して惚れてしまい(こんなんばっかだな)、かみさんにお願いして購入許可をいただきました ...
マツダ AZ-1 マツダ AZ-1
サーキットで試乗して気に入ってしまい、数日後には車屋でハンコついてました。 楽しい車だ ...
トヨタ カローラレビン トヨタ カローラレビン
BG8Zファミリアを転がして壊してしまい、通勤の足も泥んこ遊びもできなくなってしまいまし ...
ヘルプ利用規約サイトマップ
©2018 Carview Corporation All Rights Reserved.