む、レイアウト変になってた(修正作業いったん妥協)

CSSを使ったブログ幅変更方法確定しました。
http://yasumin001.at.webry.info/201004/article_62.html


上記を参照してください。
以下はあまり役に立ちませんので。




色々試しては、元に戻すを繰り返してたんだけど、

何かレイアウト崩れてるぅ~

記事本文幅が微妙に狭まって、YouTube画面がデフォルトで
収まらなくなって変。

CSS見直したけど、試した項目、元通り全部コメントアウトされてるんだけどな。

なぜじゃ。

直るまでしばらくお待ちください・・・


3カラム、2カラムの切り替えから、記事幅が微妙に元に
戻らなくなった。

ということで、記事幅拡大固定をCSS修正でトライしてみた。
けど、タイトル画像が死亡。
カウンタ領域、プロフィール領域に相当するところの透過設定が
無効になってる感じ?

CSS、今回ブログ始めてから、まともに初めて触ったので、はまった。

CSS側での画像設定とHeight指定でぐっちゃりだったので、
管理設定側で画像設定しなおし、カウンタ表示・非表示しなおして
見たが変わらない。

一応、カウンタ領域、プロフィール領域の透過設定に問題ありと
踏んでオーバライド出来るのかあたりから調べてみるか・・・


====

試しに、カウンタ、プロフィール領域に背景画像設定したところ
表示出来た。画像位置指定にマイナス設定出来るならば、
それぞれの相対設定で、実際に3枚の画像が重なって
1枚に出来るのだろうとは思う。
が、スマートでないので却下。

/* カウンタ領域 */
#counter{
background-image:url(https://userdisk.webry.biglobe.ne.jp/・・・/random_eco_main980w.jpg); /*J*/
}


透過設定見つけた。
filter:Alpha(opacity=0);

/* カウンタ領域 */
#counter{
filter:Alpha(opacity=0); /*J*/
/*background-image:url(https://userdisk.webry.biglobe.ne.jp/・・・/random_eco_main980w.jpg);*/ /*J*/
}

背景色が表示されるのみ。
親コンテナとかの背景透過すれば良いのか(適当)?

どれ。

コンテナにfilter:Alpha(opacity=0); を設定。

・・・あははははは

ページ全部背景色(何もない)になりました(^^;)

体系的に理解せずに適当はいけません!

いや、わかってるんだけど時間ないし・・・

まだかかりそう・・・


透過設定でなかった・・・


とりあえず、変だけど、まあ見れるので一旦このままにしよ。
後で今回やったこと書きますね(役に立つか分からないけど)

とりあえず

【簡単まとめ】
 やりたかったこと
   ・記事幅を3カラムでももう少し広げたい
   ・タイトル画像を極力狭くしたい

【現状の結果】

   ・カウンタ領域、プロフィール領域共Heightなどで狭める、無くす事は
    出来なかった。
   ・カウンタ領域、プロフィール領域共top:-100pxなどで上にずらし、
    タイトル画像に重ねる事は出来たが、それでも、カウンタ、プロフィール
    のあった分、何も無い領域は変わらず存在(うまく消せない)
   ・じゃあということで、
    記事領域、左右サイドバー(ユーティリティ領域)をtop:-100pxなどとして
    事実上タイトル画像直下に表示させることは出来た。

    ただし、これはTOP画面だけ。
    記事ページと、TOPページとのユーティリティ領域は共通の為、
    TOP画面でうまくいっても、記事画面でサイドメニューが上に
    ずれてしまう。

   ・デザインテンプレートの場合、内部でタイトル、カウンタ、プロフィール
    について、固定設計なんだろうか?
   
   ・デザインテンプレートの場合、それ以外も何かオーバーライドできない
    何かを持っていそう。


ま、付け焼刃なので間違ってるかも知れないので、
あまり参考にしないで下さい。



 


    




ブログ気持玉

クリックして気持ちを伝えよう!

ログインしてクリックすれば、自分のブログへのリンクが付きます。

→ログインへ

なるほど(納得、参考になった、ヘー)
驚いた
面白い
ナイス
ガッツ(がんばれ!)
かわいい

気持玉数 : 0

この記事へのコメント


この記事へのトラックバック