• 車種別
  • パーツ
  • 整備手帳
  • ブログ
  • みんカラ+
イイね!
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さんも写真メインのカスタマイズされてますよね~
黒背景にフチあり、共通する部分が多いです。(^-^)

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

おすすめアイテム

 
 

プロフィール

「風邪ひいた?
コンビニで薬買ったらクジ引いてくれと言われたので、引いたらドリンク剤が当たった。(>_<)」
何シテル?   10/19 13:21
金も無いくせに欲しいものが出てくると我慢できず…。安月給のタクドラが、なんとかやりくりしながら趣味を楽しむブログ。 昔はプログラマだったらしい……(ブログの「...

ハイタッチ!drive

みんカラ新規会員登録

ユーザー内検索

<< 2018/10 >>

 123456
78910111213
14151617181920
21222324252627
28293031   

リンク・クリップ

バリバリ伝説 メガネフレーム 
カテゴリ:これはイイね
2018/10/19 05:32:07
セカンド 
カテゴリ:特別出演
2018/10/17 06:16:48
10月最初の天体撮影。 
カテゴリ:天体観測
2018/10/17 06:11:48

お友達

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

ファン

114 人のファンがいます

愛車一覧

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