• 車種別
  • パーツ
  • 整備手帳
  • ブログ
  • みんカラ＋
■ナビゲーション
  1. 車・自動車SNSみんカラ
    2. >
  2. ブログ
    3. >
  3. ブログ一覧 [RYU!]

RYU!のブログ一覧

2012年01月20日 イイね！

ヘッダー２段！

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


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

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


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日 イイね！

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

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

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

字が小さくて読みにくいのは、ご愛敬（笑）！

お友達も右側は見えません（爆）。

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





幅９００ピクセル





幅８５０ピクセル




幅８００ピクセル





幅７７０ピクセル






幅７６０ピクセル






幅７５０ピクセル





幅７３０ピクセル





う～ん。

７６０ピクセルが限界ですかね。

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

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

８００×５３３




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

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

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


２００９．３．１自宅にて撮影

　　　↓
２００９．１．８結婚記念日イルサッジオにて撮影

（ちなみにこの写真は４０Ｄ＋10-22mm）


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

プロフィール

「日産サクラの電費と電気代！ http://cvw.jp/b/131481/46997094/」
何シテル？   06/01 22:20
息子が２０１０年４月３０日に川崎病を発病。 ５月３日～５月１３日まで入院。 詳しくはこちらで。 　↓ http://minkara.carview.co...
みんカラ新規会員登録

ユーザー内検索

掲示板

RYU!の掲示板

<< 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納車しました！ 内装をホワイトにしたかった為、Ｇグレードではなく、あえ ...
その他 その他 その他 その他
初めて買ったデジタル一眼レフ！ 今までコンパクトデジカメでは撮れなかったものが、撮れる ...
ダイハツ ムーヴ ダイハツ ムーヴ
妻の練習用として１０万円（一年間の保険込み！）で購入したオプティがそろそろ危なくなってき ...
マツダ デミオ 赤いDJ！ (マツダ デミオ)
2015年2月19日（木）納車です。 2023年4月27日（木）売却です。 総走行距離は ...
[ 愛車一覧 ]

過去のブログ

2024年
01月02月03月04月05月06月
07月08月09月10月11月12月
2023年
01月02月03月04月05月06月
07月08月09月10月11月12月
2021年
01月02月03月04月05月06月
07月08月09月10月11月12月
2020年
01月02月03月04月05月06月
07月08月09月10月11月12月
2018年
01月02月03月04月05月06月
07月08月09月10月11月12月
2017年
01月02月03月04月05月06月
07月08月09月10月11月12月
2016年
01月02月03月04月05月06月
07月08月09月10月11月12月
2015年
01月02月03月04月05月06月
07月08月09月10月11月12月
2014年
01月02月03月04月05月06月
07月08月09月10月11月12月
2013年
01月02月03月04月05月06月
07月08月09月10月11月12月
2012年
01月02月03月04月05月06月
07月08月09月10月11月12月
2011年
01月02月03月04月05月06月
07月08月09月10月11月12月
2010年
01月02月03月04月05月06月
07月08月09月10月11月12月
2009年
01月02月03月04月05月06月
07月08月09月10月11月12月
2008年
01月02月03月04月05月06月
07月08月09月10月11月12月
2007年
01月02月03月04月05月06月
07月08月09月10月11月12月
2006年
01月02月03月04月05月06月
07月08月09月10月11月12月
2005年
01月02月03月04月05月06月
07月08月09月10月11月12月
ヘルプ｜ 利用規約｜ サイトマップ
© LY Corporation