AL.HOL::BR9B改のブログ一覧

さて、これなーんだ？w


ミニカー？


プラモ？


ヒントは背景のPCが関係してる(￣ω￣)ﾑﾌ

昨夜はコツコツとどこかに画像追加できないかとCSSをイジイジしてたぉ(≧∨≦)／
CSSイジリをコヨナク愛する方々へｗ その方法を伝授ｗｗ


今回やってもうたｗ のはブログ、愛車紹介など画面上部にあるタブ下への画像貼付け方法


まず貼付け前に画像を用意しないといけません（゜Д゜）ﾊｧ?ﾅﾝﾃﾞ??
ボキはタブ幅に合わせて違和感無く広告風（自鯖サイトの宣伝？）にしあげますたｗ
ただプロフィール画面ではタブが横に伸びる為、ジャストサイズにはなりませぬ(´∀｀)
それ以外の画面ではバッチリ幅が合ってるはずだ。。。って未確認ｗ


作った広告風画像サイズ詳細はこれだ！！（ご参考までに）
重要なのは横幅は 619ピクセル！縦幅は任意で良いが 60ピクセル。
画像に関してはフリーで画像加工ソフトでも使ってください。


ボキはPhoto Shopで有償ソフトですが、何か？？ｗ ( ﾟ∀ﾟ)ｱﾊﾊ八八
ま、最近はフリーでも優秀なソフト達がおりますからｗｗ


貼付けする画像を用意できたら、画像を何処かへアップロードｗ
準備できたら。。。いよいよCSSイジリ。


マイページ
↓
スタイルシート
↓
詳細編集
↓
タブ
↓
コンテンツタブ内のタブ
ul#MainNavの部分


編集前
---
width:100%;
list-style-type:none;
margin:10px 0;
padding:0px;
clear:both;
height:50px;
float:left;
---
こうなっていると思うが、以下の文字列を最終行へ追加。
---
padding-bottom:●●px; (←画像貼付け位置を調整。 サイズ幅は任意※１)
background:url(画像アップロードしたURL);
background-position:bottom left;
background-repeat:no-repeat;
---
※１
画像は背景貼付けなので、padding-botttomで下げてタブ部分にカブらないように調整します。
ﾜﾀｸｼの環境だと50pxがジャスト。プレビューで何度も確認して合わせてください。


タブでは新スタイルで良く見る様になった禁止プロパティが無いｗ
paddingが禁止だとこの技は使えないが、このタブに関しては大丈夫ヽ(・∀・)ﾉﾔｯﾀ


気になった方はご参考までに、どんぞ。
また暇あれば画像貼れる場所を探してCSSイジリを頑張るぉ（´Д｀）


ちなみに自宅サーバを使った画像なので、自宅サーバが止まっているか動的IP変更時の場合は画像は表示されませぬ。Offlineって事でｗ
画像にも書かれているが表示されればOnlineとなるので、自宅サーバの状態を知る為に設置したとも言いますｗ
自宅サーバ管理もいろいろあって大変なのでさーｗｗ

そんな訳で最近の出来事やら。。。イロイロとブログっちゃいますv(･∀･)v
車ネタ！？金欠でパーツ買えねぇし何もデキねぇってｗ
日常生活ネタでツマラナイけどｗ お付き合いをば('-^*)/ ﾖﾛｼｸ
















まずは大好きなOscar隊ネタ(σ・∀・)σｲｯﾃﾐﾖｰ




シルバータイプを３枚ご購入ｗ
貼る場所はボキの頭の中に構想が出来てますヽ(・∀・)ﾉｳｯｼｯｼ
とりあえず、まだ貼れませんｗ
再就職後というか。。。ある事をしてから。。。ね(●≧∨≦●)ﾏﾀﾞｲｴﾅｲ














続いては「何シテル？」画像で有名になっているﾜﾀｸｼのデスクの全貌を公開(人´∀`)ﾊｽﾞｶｼｨ


全体図



モニター周辺



ご覧の通り、SOHO的な感じっしょｗ 家に居ながら会社のデスクみたい(*´艸`)ｸﾞﾌﾌ
基本的には常にキレイにしてます。
左からEPSONプリンター、WEBサーバ（ラップトップ）、マルチモニター。
ステンドグラスのランプは良く行く那須にあるステンドグラス美術館のもの。
結婚して子供できてから那須に行けてないが、来年こそはと考え中。
みんなステンドグラスはエエよ。
見てると心が癒されて落ち着きまっせ。
















次は最近家族と自宅から車で１０分程のﾁｮ近くにある
三井アウトレットパーク仙台港
に行ってきた。


何度も行ってるが、やっと観覧車に乗ってみたよ。


いやー、東北一と言うだけあって高いっすね。
眺めも最高だったな。
３歳以下はタダたしｗ また乗りに行こうｗ
意外にカップルが少なく家族ずれが多かったが。。。
俺が独身ならここでエ○エ○とやっちゃうけどなｗｗｗ
皆、利用・活用しないのだろうか(*´д｀*)ﾊｧﾊｧ


いつもの様に家族写真ｗ
嫁と愛娘。


やっぱ家族写真は微笑ましくなるねぇ。
ん！？ボキがいないって？ボキ見てもつまらねぇじゃん？？ｗ


子供の遊び場所といえばここ。
ペコ ストア近くにあるキッズルーム。


子持ちの方でまた行ってなければ是非行ってみて。
ま、そんな楽しい所じゃないから子供すぐ飽きるけどさｗ















次は自鯖ネタ。
今までは独自でカメラページを作成していたが。。。
OSに依存するし、色々と不具合解消の為に
カメラサーバに直でつなげる様に修正しました。

カメラサーバのユーザログイン画面はこんな感じ。


現在はキャンペーンと名うって ID・パスワード共に「guest」にて入室可能です。
OS関係なく閲覧可能ですが、一部はJava環境が必要です。
Javaは Sun Microsystems にてダウンロード出来ます >> Javaの入手はこちら

見え方はネット環境にもよりますが、パラパラ動画と思ってください。
特殊なポートを使ってますので会社からの接続やプロキシー接続では見れない場合があります。

TRANCE44（メインサーバ）

TRANCE44（ミラーサーバ）

トップページ→メニューページ→LiveCamリンクから行けます。

または ここ から直リンクでいけます。
お暇なら見てね('-^*)/

暇な時間を利用して以前からやりたかった事を実行v(･∀･)v










昨日から公開してたので見てた人は分かってると思うが・・・ｗ












勝手に「アルフォルは今！？」コーナーを新設ｗ
何してるフッターのCSSをイジって別の画像を挿入ｗ しました(*´д｀*)ﾊｧﾊｧ






この画像。。。ﾜﾀｸｼの自鯖（自宅サーバ）のモノを拝借しております｀;:゛;｀(;ﾟ;ж;ﾟ; )ﾌﾞﾌｫ
ってボキやん！ｗ
みんカラでﾁｮwwwwwwwww顔出てるやん！！ｗｗ 大丈夫なのかｗｗｗ
自鯖ではいつでも顔出てるから、もう慣れっ子なのよ(´∀｀)ﾉﾎﾎ
とまぁ、みんカラにていつでも自宅にいるアルフォルの様子を見る事ができます。
（画像：５分更新）
なにはともあれ温めていた企画をここにきて開催したのですヽ(`Д´)ﾉﾔｯﾀﾙﾃﾞｰ
題して。。。


「みんカラ ｘ 自鯖」コラボレーション企画


皆さんヨロシクでさーヽ(・∀・)ﾉ って何がｗ


ちなみにﾜｶﾞ自鯖とは。。。２４Hライブカメラサイト
こんなんです。


TRANCE44（メインサーバ）
TRANCE44（ミラーサーバ）
どちらも接続先は同じです。
一方が繋がらない時は、もう一方でお試しを。
興味を持たれた方、お暇な方は是非見てやってくださいませ。


みんカラ「アルフォルは今！？」コーナー、自鯖共にWEBサーバが落ちてる時は
繋がらないのでアシカラズ。。。
時間をおいて再閲覧してみてね(^▽^)
※ WEBサーバは予告無しにメンテナンスまたはリブートしております。