ﾀｶﾋﾛ@spec.Bのブログ一覧

と言う事で基本ｽﾀｲﾙの横幅は変えずに小変更を加えてVersion 2.0にしてみたｗ

■全ﾍﾟｰｼﾞのﾌｫﾝﾄｻｲｽﾞ見直し
■ﾀﾌﾞの高さ変更
■ﾌﾟﾛﾌｨｰﾙ表示の左側の項目ﾀｲﾄﾙをｾﾝﾀﾘﾝｸﾞ

てかｺﾚしかしてないのに変更箇所は結構多くてだるいんですｗ

で、ｺﾚだけで終わりってのもあれなので。。。

透過背景な話でもｗ

簡単に説明すると。。。
background:url('https://cdn.snsimg.carview.co.jp/cvmaterials/minkara/user/css/032/bg.png');
とｱﾁｺﾁに入れるだけなんですが。。。

どこに入れるのかを書き出すのが結構面倒なので。。。

みんカラ　ｽﾀｲﾙｼｰﾄ透過背景．CSS (有効期限2010年12月20日)
↑これをDL→保存して→ﾏｲﾍﾟｰｼﾞのｽﾀｲﾙｼｰﾄ→詳細編集→ｽﾀｲﾙの操作、
ﾌｧｲﾙの参照をして保存したﾌｧｲﾙを読み込み、ﾍﾟｰｼﾞの基本でﾅﾋﾞｹﾞｰｼｮﾝの色とか、本文&ｻｲﾄﾞﾒﾆｭｰの位置を決めて、
その下のﾕｰｻﾞｰ領域のbackground:url(http://～)の括弧内に背景に設定したい写真のURLを入れればOKかなとｗ

写真ｻｲｽﾞは自分の場合1000px×1000px以内にして外部から引っ張ってきてますｗ

で、このCSSだとそこそこ手が入った状態なので。。。
■ﾀｲﾄﾙ文字ｻｲｽﾞはｶﾅﾘﾃﾞｶかったと思いますｗ
■ﾀｲﾄﾙのﾌｫﾝﾄは確かｺﾞｼｯｸ体だったと思われますｗ
■ﾘﾝｸ貼ってもﾎﾟｲﾝﾀをﾘﾝｸの上に置いた時にﾘﾝｸが見える仕組みに変更してあるｗ
■文字があらかじめ太文字で設定してあるので太いのより細いのが。。。って方は変更をｗ

曖昧なのはweb上に保存したの1年以上前ですから。。。＾＾；

透過背景やってみたいて方はどーぞ♪

ﾌﾞﾛｸﾞの文中に写真を割り込ませる方法はいくつかありますが。。。
自分が主に使うのはこちらｗ

　＜Ａ ｓｔｙｌｅ="ｆｏｎｔ-ｆａｍｉｌｙ： Ｔｉｍｅｓ Ｎｅｗ Ｒｏｍａｎ" ｈｒｅｆ=" (写真のURL　http://～.jpg） " ｔａｒｇｅｔ=_ｂｌａｎｋ＞
＜ｉｍｇ ｓｔｙｌｅ="ｍａｒｇｉｎ： 0ｐｘ； width： 576ｐｘ； ｈｅｉｇｈｔ： 383ｐｘ"ａｌｔ="" ｓｒｃ=" （写真のURL　http://～.jpg）" /＞ ＜/Ａ＞　

実際は半角英数で入力しますが^^;
って、これだと携帯からは写真が見れないけれど、
ﾊﾟｿｺﾝから見た時にｽﾀｲﾙｼｰﾄに合わせて写真を表示させつつ、
写真をｸﾘｯｸした時に大きい写真を別枠で表示させる方法です。

みんカラのｱｯﾌﾟﾛｰﾀﾞｰだと300KB以下の写真しかUP出来ず、
せっかく綺麗に写真撮ったのに普通にUPしたらなんか残念なｶﾝｼﾞになるので。。。

で、これで自分が使ってる外部の写真投稿ｻｲﾄのﾌｫﾄ蔵から
元画像ってﾄｺのURLを引っ張ってくると。。。





こうなりますｗ　

で、写真を小さく(もしくはより大きく）載せたいんだよ！(｀Д´)って場合には。。。
横幅（width）と高さ(height)の数字を変えると。。。





こうなります♪
写真は小さくてもｸﾘｯｸすれば大きく表示させることが出来ますｗ
ちなみにこのｻｲｽﾞは横幅を120ｐｘ、高さを80ｐｘにしてみました(･∀･)

てこんな感じで大丈夫ですよね♪れ○おさん(*´▽｀)ｗ

ｽﾀｲﾙｼｰﾄが新しくなったって事で、だるっ!!!(；´Д｀)と言いいつつ、
試行錯誤しながらやってた者です。

ﾎﾝﾄだるいです(´Д｀)

詳細編集から途中で簡易編集へ切り替えると、編集した部分が一部消えたりするんで･･･orz

例えば上の写真･･･
制限の横幅930ﾋﾟｸｾﾙ・高さ290ﾋﾟｸｾﾙで200KB一杯で作るのが、(；´Д｀)だったり･･･ｗ
RAW現像→ﾍﾟｲﾝﾄでﾅﾝﾊﾞｰ修正→横幅930･高さ290にﾄﾘﾐﾝｸﾞ→ｻｲｽﾞを200KB以下にして完成

ちなみに大きい写真をﾍｯﾀﾞｰに載せられないっていう･･･(泣

以前、750ﾋﾟｸｾﾙで掲載してた大きい写真も、このｽﾀｲﾙｼｰﾄだと大きすぎなようで、
写真が途中で切れちゃうからｻｲｽﾞ変更したり･･･

CSSなんて良くわからないからﾎﾝﾄ試行錯誤･･･orz

結局･･･
ﾍﾟｰｼﾞの基本・ﾀﾌﾞ・ｺﾝﾃﾝﾂ共通・ﾌﾞﾛｸﾞ・愛車紹介・ｽﾎﾟｯﾄ/ﾏｲ掲示板
ｺﾒﾝﾄ･ﾌﾟﾛﾌｨｰﾙ･ｻｲﾄﾞﾒﾆｭｰ
試行錯誤しながら↑ｺﾚ全部弄る羽目に･･･ヽ(´∀｀)ﾉ