hiro@season2のブログ一覧

以前から、本文欄の横幅を広げて、大きめの「画像・動画」を載せるための変更をしようと思っていたんですが、やるのが面倒だな～(´Д｀)ﾉと言う事で二の足を踏んでおりましたが、意を決して（大げさ・・汗）変更を致しました。

本当は、本文の横幅を640～700pxくらいまで広げようと思ったんですが、そうすると、サイドメニューの幅を狭め、それに伴って、カレンダー画像もろもろを作り直さなければならないので、今日はそれを断念・・。

【追記】

サイドメニューの位置を、左側に変えることで解消致しました。
何故に早く気が付かなかったんだろう・・・。(;´Д`)

サイド幅を変更しなくても済むサイズに幅を広げました。

今までは
　
←　　　　　　　　　　580px　　　　　　　　　　　　 → 　　　　　　　　　　

★580pxサイズの動画。

<object width="580" height="356">


それを　　

←　　　　　　　　　　            760px　　　　　　　　　            →

★760pxサイズの動画。

<object width="740" height="446">

※この比較で、変更前と変更後の幅の違いがわかると思います。(^ω^)


やり方はそのうち書こうと思います。（いつになるかは？？？・・・・。）(;´▽｀A）</object></object>

<embed height=100 type=application/x-shockwave-flash width=100 src=http://tunes2.blog-tunes.com/Jazz/bt_jazz/bt_jazz.swf?v=10&s=on&t=1 quality="autohigh" wmode="transparent">



うっかり、ソファーで寝てしまい・・。只今起床。ヾ（~▽~；）
コーヒーを飲みながら、もう一度寝る前に、ブログから音楽が流れるようにしてみました。
前のブログでもやった事は有ったんですが、、「お遊び」と言う事で(´ω`)ｱﾊﾊﾊﾊ・・・・

【追記】

もし、自分も貼り付けてみようかな・・？って思った方は「blog-tunes」で登録をして

登録が済んだら・・・。

右上の「メインメニュー」から「MUSIC」を選択。
↓
MUSICカテゴリー
↓
この中から、貼り付けてみたいジャンルの音楽を選び
↓
コード1(簡易コード)のソースをブログに貼り付けたらOKですよ。

※ソースの中にある・・・

swf?v=30&s=off⇒３０はボリューム・offはスイッチとなるので

音を小さくしたい方は３０を２０や１０に変えると、ボリュームが変わります。（数値を下げると小さくなる）

offをonにすると、自動で音が流れるし、
offに設定しておくと「ONスイッチ」を押さないと音楽は始まりません。


「OFF」ボタンを押すと、音楽は止まりますよ～♪ヾ(=^▽^=)ﾉ

ちょっと自画自賛になっちゃいますが・・・（●´艸`）♪
この写真を、いつかヘッダー画像として使えないかな？と思っていまして。
本当は、もっと大きい画像なんですが、大きすぎるのもバランスがとれないとヽ(´Д`)ノ

実際は、足先まで写っている写真なんですが、、
縦幅のサイズ変更をするのが、面倒だったので・・・
横幅のサイズ調整変更のみにして実行してみました。( ´ー`).oO

我ながら、良い写真を貼ったな～と思っております！
今年、色々とヘッダー画像変更やサイズ変更などを行って来ましたが
一番、お気に入りのモノとなりました。（足先まで入れたら１２０点なんですけどね～）(´Å｀●)ノ

少女時代の衣装も、良い感じで「冬」を連想させるような感じだし！
「冬の妖精」って言葉が似合うかな～？:*:・(´∀｀ 人)・:*:

難を一つ言うなら・・・・
広告が!!!(;´Д｀)
それを言っちゃ～お終いかな・・・？｜｜｜壁｜ω・｀）



by CyberBuzz

スタイルシート詳細編集
↓
タブ
↓
タブ(通常)のスタイル
ul#MainNav li.nav
↓

font-size:12px;
width:19.5%;
height:30px;
float:left;
display:block;
text-align:center;
background:#666;　←←この部分を変更。６６６じゃない方も居るはず）
margin:0 0.6% 0 0;
line-height:2.5;

background:#666;の部分を削除して・・


background-image:url(https://cdn.snsimg.carview.co.jp/cvmaterials/minkara/user/css/034/bg.png);
backgronund-repeat:repeat;

・・・を、その部分に挿入。

上の、青字で書いてあるモノに入れ替えたら「プレビュー」で確認。
良ければ「保存」で変更が終わります。



 

★くれぐれも、スタイルシートを弄る前は「スタイルシートの操作」で「書き出し」をして保存をお忘れなく。
そして、弄る時は「自己責任」でお願いしますね!!



by CyberBuzz

以前から、もう一つ出来ないかな～と思っていたんです。ヘッダー画像の拡大化。
何処をどうしたら良いんだろう！？と、考えながらプログラムを変更していたら出来ました!!



そこで、記憶を辿りながら、その変更方法を書こうと思います。≧(´▽｀)≦

まずは、弄る前に「スタイルの操作」の中にある、「CSSファイル書き出し」を使って
現時点のスタイルシートのデータを忘れずに保存して下さいね。

そして、横９３０px・縦５００pxの大きさの画像を、用意しておいて下さい。

★画像の「ファイルサイズは300KB 」を、越えないように★

※それと、弄られる方は「自己責任」で、お願いいたします。<(_ _)>

それでは、変更方法ですが・・・。

スタイルシート
↓
詳細編集
↓
ユーザー領域
div#MinkaraBody
↓
clear:both;
color:#000000;
display:block;
background:url(http://carview～.jpg) 50% 0 no-repeat;

★(http://carview～.jpg)　ここには、ご自分で用意した「画像のソース」を入れて下さい。

次は・・・。

タブ
↓
コンテンツタブ
↓
タブ
ul#MainNav
↓
width:100%;
list-style-type:none;
margin:5px 5;
padding:0px;
clear:both;
float:left;
height:240px;
background:url(http://s07.flagcounter.com～) no-repeat bottom;
padding-top:210px;

※国の場所がわかる、フラグカウンターを入れていない人は・・・

background:url(http://s07.flagcounter.com～) no-repeat bottom;　

・・・を取り除けばOKだと思います。多分？（´∀｀；Ａ
数値も変わってくると思います
↓
↓
【僕は、タブの下にフラグカウンターを入れているので、heightはこの数値に】
【そして、padding-top:▲▲▲px;を挿入。上と同じ理由で、padding-topは、この数値に】

確か？この２箇所だけを変えたら、出来るハズです・・・（´∀｀；Ａ
もし、思い出したら追記します!!

上手く行かなかったら・・・すいません・・・（；´∀｀）・・ｧﾊﾊﾊ･･ﾊﾊ･･ﾊ・・

自己責任でお願いしますね!!!(b´∀｀)




by CyberBuzz