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

フォトギャラリーの画像を大きく表示|ω・`)

こんばんは!

仕事から帰ってきて爆睡していて24時過ぎに目が覚めた龍です|ω・`)


そしてなんとなくフォトギャラリーしばらくあげてないな~ということで、
ちょっと300k以下に抑える作業をしてました・・・w


で、ときどき見かけるフォトギャラリーの画像の表示を大きくしているのを見て、
これ良いな~と思ってぐぐってみたけど、すぐ出てこない・・・w



ということで適当にCSS弄ってみたらできたw
案外簡単なので、上げておきます~



1、まずはマイページの左下のほうにある【スタイルシート】をクリックします。






2、次に中央上くらいにある【詳細編集】をクリック。






3、次にさきほどより少し下くらいにある【愛車紹介】をクリック。






4、ここからが重要ですが、簡単ですw
  かなり下のほうにスクロールしていただきまして、
【ギャラリー写真】という項目があると思います。
 



 

  このなかに【width:*(数値)%】というものがあると思います。
  width(ウィズ)とは横幅のことを指します。

  (;゚д゚)ァ.... 、難しいことはどうでもいいからやり方だけ教えろ!
  というのが聞こえてきそうなので、割愛しますw

  この数値を大きくすると画像が大きくなり、小さくすれば小さくなります。
  確か初期値だと50%だったかな・・・
  ためしに数値を大きくしてプレビューしてみてください。
  そしてフォトギャラリーをみてみると・・・・?

 
  好みのサイズになったら、保存をクリックしましょう。
  これで、作業は終了です。
  この手順、画像準備から15分くらいで作ったので、
  かなり雑なものになってますが、ご了承願います・・・・(つд・)
  
  もし何かあればお気軽にコメントかメッセージ頂ければ、お答えしますので・・・
  (私もそんなに詳しくないですが・・・w




(;゚д゚)ァ.... 、ブログ書いてる途中で、メンテナンスに入ってしまった・・・w


結局アップできたのは4時過ぎ。
明日普通に朝から仕事なので、寝ますw



━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

追記w


もう試されて気になっている方もいらっしゃいますと思います。。。
文章の表示位置が画像下の右側に
表示されてしまう状態になっていると思います。


なので、すぐに改善策をw



①~③まで同じ手順で、同じ画面を表示して頂いて、
今回は【ギャラリー写真】と【ギャラリー本文】を編集します。








まずは【ギャラリー本文】の①を【ギャラリー写真】と同じ数値にしましょう。
これは目に見えて大きさが分かるものではありませんが、
簡単に説明すると文章を入力する見えないボックスのようなものがあって、
これを大きくしていないと勝手に文章が改行されてしまいますw


次に②の部分を消してしまいましょう。
これは写真を左に、本文を右側に、というものです。
これを消すことにより、画像が上側、文章が下側という構成が成り立ちます。
そして文章は左詰という状態になります。


長い文章を打つ方はこの状態が良いのかなと思います!


もしあんまり文章は打たない、番号を振ったり、一言打つだけという方なら、
中央揃えも良いと思います。
【ギャラリー本文】に【text-align:center;】を追記すれば中央になるはずです。
が、【ギャラリー本文】のボックスが大きすぎたのか右にずれてしまいました。
なので、【ギャラリー本文】の【width:100%】にしたところ綺麗に中央揃えになったっぽいですw
中央揃えにする必要がなければ110でも全く問題ないと思いますよ!



私の最終的な設定はこんな感じです。(中央揃え)






ブログ一覧 | 写真 | 日記
Posted at 2011/04/22 03:49:51

イイね!0件



タグ

今、あなたにおすすめ

ブログ人気記事

鬼滅の刃 無限列車見てきました 涙 ...
tokusanRacingさん

30%OFF!! 20周年記念!  ...
倉地塗装さん

「こーいうの好きなんだよね♬︎♡」 ...
シン@009さん

最後は岡山国際サーキット"初"スポ ...
ELANさん

先週の連休あれこれ😸
rescue118skullさん

やっと買えました〜
MC-ENGさん

この記事へのコメント

2011年4月22日 10:59
おいしい情報あざーっす♪

早速マネさせて頂きましたw

あっ、オイラもサーバーメンテナンスにやられてましたw
コメントへの返答
2011年4月22日 19:24
たぶんちっくすさんも気になったと思うので、追記しておきました・・・w

あの時間にメンテナンスはつらい・・・w
起きてる方が悪いのかな・・・w
2011年4月23日 17:10
お初です。

アイリスと申します<(_ _)>

参考にさせて、頂きました。

解説、わかりやすかったです(^^♪
コメントへの返答
2011年4月24日 0:46
はじめましてペコリ(o_ _)o))
コメント頂きましてありがとうございます。


ブログ拝見させて頂きましたが、私なんかよりとてもお詳しそうな気がするのですが・・・w
2011年4月29日 23:50
はじめまして☀
たいへん分かりやすい親切な解説をありがとうございます。
以前から画像を大きくしたいなと思っていました。
早速活用させて頂きま~ス(^v^)
コメントへの返答
2011年4月29日 23:54
はじめまして(o*。_。)oペコッ
お役に立てて光栄です。

何か不具合等あれば教えて頂けたらなんとか対応してみたいと思います!
2011年8月15日 20:12
はじめまして

あなたのような方を待ってましたww

フォトが大きくなって嬉しいです。

解説が親切で私みたいな

アフォでもわかりました

ありがとう(^^)
コメントへの返答
2011年8月15日 21:18
はじめまして!

ご参考になり良かったです♪
写真はせっかくなので、大きく見せたいですよねw


何かあれば、どんどんご質問下さいヾ(゚ω゚)ノ゛
2012年9月15日 15:41
とても参考になりました^^

ありがとうございます。
コメントへの返答
2012年9月15日 21:46
どのようにしてここにたどり着かれたのか、気になりますw

参考になって良かったです♪
2013年5月5日 23:13
はじめまして

前々から私もたまに見かける大きな画像に
どうやって設定するんだろう?と悩んでおりました。

とっても参考になりました。
大変ありがとうございました。
コメントへの返答
2013年5月7日 12:31
はじめまして!

私のブログが検索に引っかかり、参考になって、光栄です。

かなり前の更新ですが役に立って良かったです♪
2014年6月14日 22:46
こんばんは!

初コメ失礼しますm(_ _)m
早速利用させて頂きます!

また、クリップもさせて頂きました!

ありがとうございますm(_ _)m
コメントへの返答
2014年6月14日 23:01
こんばんは!
まだこの記事を見て下さっている方がいらっしゃって嬉しいです!
2014年9月15日 11:26
初めまして!

フォトギャラリーの大きさ変える方法を探していたら辿り着きました!
ピンポイントで大変参考になる記事で助かりました♪
ありがとうございます(´・ω・)
コメントへの返答
2014年9月19日 0:54
はじめまして!

このようなブログにたどり着いて頂きありがとうございます!

参考になったようで、なによりです。
より良いみんカラライフを!
2014年10月3日 11:22
こんにちは
ブルーインパルス関係でお邪魔しました。
有用な情報ありがとうございます*\(^o^)/*
コメントへの返答
2014年10月5日 22:33
こんにちは!
ブルーインパルス方面からですね、いらっしゃいませ!

お役に立てて何よりです(。ì _ í。)

おすすめアイテム

プロフィール

「あ、元気にしてます(ㆀ•ノд•๑)コッチョリ
ハムスター飼い始めました」
何シテル?   06/10 09:57
アクセラスポーツの購入を機にみんカラに参加しましたヾ(゚ω゚)ノ゛ 趣味は浅く広く色々なことをやっています。 詳しくはプロフィールを|ω・`) ...
みんカラ新規会員登録

ユーザー内検索

<< 2020/11 >>

1234567
891011121314
15161718192021
22232425262728
2930     

リンク・クリップ

【201405.25】BBQin高雄② 
カテゴリ:その他(カテゴリ未設定)
2019/07/24 14:04:34
フォトギャラリーの画像を大きく表示|ω・`)  
カテゴリ:スタイルシート関連
2011/04/24 22:19:51
 
高画質な画像、複数の画像のアップ方法  
カテゴリ:スタイルシート関連
2010/06/29 00:06:16
 

愛車一覧

アウディ TT クーペ アウディ TT クーペ
▶━━━━━━━━━━━━━━━━━━━━━━━━━━━◀   Audi TT Coup ...
マツダ アクセラスポーツ(ハッチバック) マツダ アクセラスポーツ(ハッチバック)
最初に購入した中古のワゴンRから乗り換え、初めての新車になります。 見た目はスポーティ ...
ヘルプ利用規約サイトマップ
©2020 Carview Corporation All Rights Reserved.