|
昨晩の遅くにＦＣ２ブログの、
タイトル部分（ヘッダー）に入れた、
画像の調整を行ないました。
ヘッダーの背景画像の入れ方は、
すでに記事にされている方も、
数名いらしたので、それを参考に、
数日前から入れていたのですが、
昨日友人に、Windows10だと、
画像と文字にズレがあると、
指摘されたので、その修正です。
ＯＳの差と言うよりは、ディスプレイの、
幅の違いが問題だった様です。
私はＸＰの横長になる前のヤツを、
使って調整したので、
今では普通の横長タイプで、
画像の幅が足りなかった様です。
で、この修正で気付いた事を、
いくつか書いておきます。
ヘッダーの背景画像の入れ方は、
ＨＴＭＬではなく、ＣＳＳと言う言語で、
スタイルシートと言われる物を、
修正する作業になります。
スタイルシートはその名の通り、
文字や画像を表示する、
場所やサイズを規定するもので、
背景の色や画像も含まれます。
Ｙａｈｏｏでは意識されませんが、
おそらく全てのブログで、
使用されている物です。
（もちろんホームページでも…。）
ＦＣ２の場合、テンプレート修正画面では、
上側がＨＴＭＬで下に在るのがＣＳＳです。
私の使っている”basic_white”の場合、
コメントが有るので直に見付かりましたが、
テンプレートによっては難しい場合も、
考えられます。
/* ============================================
Header
============================================ */
#header {
background: #FFFFFF url(https://blog-imgs-43.fc2.com/t/e/m/
templates/header_background.png) repeat-x bottom; /* ヘッダー背景 */
border-bottom: 1px solid #cfcfcf;
-webkit-box-shadow: 0px 1px 1px 0px #CCC;
-moz-box-shadow: 0px 1px 1px 0px #CCC;
box-shadow: 0px 1px 1px 0px #CCC;
}
この”ｕｒｌ（）”の内部のＵＲＬを変更すれば、
ダミーの背景を指定した画像と、
入れ替えられる訳ですが、
その後に有る”repeat-x”や”bottom”が、
配置の仕方になります。
”repeat-x”は不足する場合に、
Ｘ方向に繰り返しして表示する事を示し、
”bottom”が下辺（画像の一番下）を、
基準に表示すると言う意味ですね。
”bottom”の他に”top”や”center;”、
”right”と”left”も指定出来る様です。
タイトルの文字列の位置調整には、
Ｈ１の部分の修正が必要な様です。
#header h1 {
margin-bottom: 20px;
padding-left: 15px;
background: url(https://blog-imgs-43.fc2.com/t/e/m/
templates/blog_name.png) no-repeat left center;
/* ブログタイトル前のアイコン */
}
この中の”margin”や”padding”が、
位置をズラすのに使えます。
”margin-top:”や”margin-bottom:”に、
移動量を指定すれば、
上下に余白が作成されるので、
文字を動かす事が可能です。
おそらく”margin-right:”や、
”margin-left:”も可能だと思いますが、
試してはいません。
”padding-left:”は単純なズラしです。
これも試してはいませんが、
”padding-right:”位は可能だと思います。
ちなみに私はこう改造しました。
#header h1 {
margin-top: 24px;
margin-bottom: 12px;
padding-left: 48px;
}
特に問題は無いようです。
何かのお役に立ちますかね？
|
過去の投稿日別表示
-
詳細
転載元: コメント（0）
コメント（0）|
知多半島に遊びに行った時にランチしたのは・・・・
地元でも人気店らしく、待ちが出来ていました。
メニューを見ながら考えますが・・・・・写真が無いと雰囲気がわかりません。
でも、この店では旬の獲れたてを提供しているので、写真に出来ないんだと思います。
こちらは、さかな定食です。
大きな煮魚が３種類も付いてきました。
名前を聞いたんですけどね〜、物忘れが激しくて・・・・
こちらは、刺身定食です。
鮮度がいいと、とっても美味しいですね〜
雲丹も甘味が感じられて、旨さが口の中に広がります。
ミックスフライ定食です。
名古屋人の大好きな・・・・
大きなエビふりゃ〜に牡蠣フライ・・・・・まいう〜
海鮮丼定食もやってきました。
見た感じは、刺身定食よりもボリューミーな気がします。
伊勢湾・三河湾でとれた新鮮な旬の地魚を
最初に骨せんべいも頼んでいました。
真っ先に骨せんべいが提供されるので、
料理が出てくるまでの時間を持て余しません。 欧風古民家調の建物は、天井も高く開放的な雰囲気が素敵でした。
店を出たところの広場には・・・・・・
ヤギさんが佇んでました。
よしよし、いい子だね〜
おいっ、俺様に触るな！！ とでもいうようにキッと睨まれました。
お店のデータ
店舗名 海鮮創作酒房 湾 ←ホームページ
所在地 愛知県常滑市坂井梅狭間１３−１ ←地図
定休日 毎週水曜日 但し祝祭日は営業し、基本翌日休み
営業時間 11:00〜14:00 17:00〜21:00（O.S.20:30）
|
|
観察院の大賀蓮が満開に咲きました。
大賀蓮も人の顔と一緒で、いろいろな姿を見せてくれます。
ＵＲＬを入れておきます。
|
