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

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

おすすめアイテム

 
 

プロフィール

「とうとう切り替わっちゃったのか…。
プロフに書いている通り、ファン登録の仕組みがあったからこれまで友達ゼロで続けることができたのに、これじゃ私が苦手な普通のSNSと一緒ですよね。
どうしようかなぁ。困ったなぁ。
本気で弱っております。
とりあえず一括フォローせずに、ちまちまと…」
何シテル?   01/16 15:00
金も無いくせに欲しいものが出てくると我慢できず…。安月給のタクドラが、なんとかやりくりしながら趣味を楽しむブログです。 昔はゲームプログラマでした。ブログの「...

ハイタッチ!drive

みんカラ新規会員登録

ユーザー内検索

<< 2019/1 >>

  12345
6789101112
13141516171819
20212223242526
2728293031  

リンク・クリップ

ポータブル赤道儀遍歴とレヴュー。 
カテゴリ:天体観測
2019/01/12 19:24:01
2019年最初の星撮り。 
カテゴリ:天体観測
2019/01/09 05:42:13
2019初ラー ラーメンダイニング庵 
カテゴリ:もぐもぐ
2019/01/06 06:10:51

愛車一覧

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