• 車種別
  • パーツ
  • 整備手帳
  • ブログ
  • みんカラ+

RYU!のブログ一覧

2012年01月20日 イイね!

ヘッダー2段!

この記事は、ヘッダーを2段にする方法について書いています。


Impact!師匠のブログを参考にして、ヘッダーを2段にしてみました!

めっちゃ自宅の日常風景ですが(爆)。



Posted at 2012/01/20 23:05:05 | コメント(3) | トラックバック(0) | スタイルシート! | 日記
2009年07月24日 イイね!

【総括】RYU!のスタイルシート!~みんなで大きな写真をブログに貼り付けよう~

ようやく自分のスタイルシートが落ち着いてきたので、皆様にその内容を公開したいと思います。

以前大きな写真を貼り付けていたNight Riderさんや鷹山さん!

もしよろしければ、参考にしてみてください!

また、大きな写真を貼り付けたい方!

是非真似してください!



①大きな写真をブログ貼る方法。

普通に写真を貼り付けると、写真の大きさに制限がかかるため、写真の端が切れてしまいます。

まずはその解消方法です。

スタイルシート → 詳細編集 →コンテンツ共通→コンテンツ領域
overflow:hidden;をoverflow:visible;に変更。

そうすると、大きな写真を貼ることができます。

次に、大きな写真を貼ると、ブログ画面の上下左右の線が気になります。

その線を消す方法は

スタイルシート → 詳細編集 →コンテンツ共通の中にある「コンテンツ表示上部」「コンテンツ表示」「コンテンツ表示下部」のbackground:url() を左のように()内を消します。

そうすると線が消えます。




②フッター画像挿入方法。

上記の「コンテンツ表示下部」のbackground:url() の()内に、写真のurlアドレスを入れます。(フォトギャラリーの写真などから)

このときheight:289px;とwidth:929px;のpxを画像の高さと幅に合わせてください。



③サイドメニュー透明化。

大きな写真を貼り付けると、サイドメニューの裏側に写真が隠れてしまいます。

それでもどうにか写真が見えるように、サイドメニューを透明化してみました。

スタイルシート → 詳細編集 →サイドメニューにあるサイドメニュー領域のbackgroundをbackground:;とすると、透明になります。

皆さんやってみてください~!





~~~追記~~~


そもそも、ブログに写真を複数アップする方法がわからないよ~という方のために、過去ブログのリンクを貼っておきますので、参考にしてください。
Posted at 2009/07/24 21:29:04 | コメント(22) | トラックバック(3) | スタイルシート! | 日記
2009年04月12日 イイね!

大きな画像貼り付けサイズ考察!

スタイルシートをいじりました。

サイドメニューを小さくし、右側に寄せてみました。

字が小さくて読みにくいのは、ご愛敬(笑)!

お友達も右側は見えません(爆)。

それで、この状態だとどのくらいまでの幅で画像を載せることができるかテストしてみます。






幅900ピクセル





幅850ピクセル




幅800ピクセル





幅770ピクセル






幅760ピクセル






幅750ピクセル





幅730ピクセル





う~ん。

760ピクセルが限界ですかね。

ようやくスタイルシートいじりが終わったので、これからたまりにたまった画像をアップしたいと思います(笑)!
Posted at 2009/04/12 16:12:01 | コメント(7) | トラックバック(0) | スタイルシート! | 日記
2009年04月10日 イイね!

大きな写真貼り付けテスト!

800×533




Posted at 2009/04/10 21:51:42 | コメント(8) | トラックバック(0) | スタイルシート! | 日記
2009年04月02日 イイね!

スタイルシート変えたの忘れてました(爆)。

4月1日よりスタイルシートが変わり、色々弄っているうちにヘッダーを変えたの忘れてました(爆)。


2009.3.1自宅にて撮影

   
2009.1.8結婚記念日イルサッジオにて撮影

(ちなみにこの写真は40D+10-22mm)


なんか画像はみ出るので、フォトギャラリーもリンクしときます。
Posted at 2009/04/04 01:24:36 | コメント(3) | トラックバック(0) | スタイルシート! | 日記

プロフィール

「日産サクラの電費と電気代! http://cvw.jp/b/131481/46997094/
何シテル?   06/01 22:20
息子が2010年4月30日に川崎病を発病。 5月3日~5月13日まで入院。 詳しくはこちらで。  ↓ http://minkara.carview.co...
みんカラ新規会員登録

ユーザー内検索

掲示板

<< 2025/8 >>

     12
3456789
10111213141516
17181920212223
24252627282930
31      

ブログカテゴリー

リンク・クリップ

水上高原スキー旅行♪ 
カテゴリ:その他(カテゴリ未設定)
2018/01/08 10:58:39
川崎病最終定期健診! 
カテゴリ:その他(カテゴリ未設定)
2015/11/23 11:01:13
リアエンブレム変更 
カテゴリ:その他(カテゴリ未設定)
2015/01/07 13:29:36

愛車一覧

日産 サクラ 日産 サクラ
2023.4/29納車しました! 内装をホワイトにしたかった為、Gグレードではなく、あえ ...
その他 その他 その他 その他
初めて買ったデジタル一眼レフ! 今までコンパクトデジカメでは撮れなかったものが、撮れる ...
ダイハツ ムーヴ ダイハツ ムーヴ
妻の練習用として10万円(一年間の保険込み!)で購入したオプティがそろそろ危なくなってき ...
マツダ デミオ 赤いDJ! (マツダ デミオ)
2015年2月19日(木)納車です。 2023年4月27日(木)売却です。 総走行距離は ...

過去のブログ

ヘルプ利用規約サイトマップ
© LY Corporation