https://yasumin001.seesaa.net/article/201004article_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画面でうまくいっても、記事画面でサイドメニューが上に
ずれてしまう。
・デザインテンプレートの場合、内部でタイトル、カウンタ、プロフィール
について、固定設計なんだろうか?
・デザインテンプレートの場合、それ以外も何かオーバーライドできない
何かを持っていそう。
ま、付け焼刃なので間違ってるかも知れないので、
あまり参考にしないで下さい。
