• 車種別
  • パーツ
  • 整備手帳
  • ブログ
  • みんカラ+

クロスボーンのブログ一覧

2007年11月25日 イイね!

世間では…

世間では…
クリスマスまで丁度1ヶ月。

て、ことで我がブログも模様替えのクリスマスバージョン(^_-)-☆


世間ではイルミネーションも転倒・・・いや点灯されて、すっかりクリスマスモード(^_^;)

エコの時代に原油高も加え、ナニ電力の無駄使いしてるんだ!と思ったりもしますが、
行事ですので仕方がないですなw

全国イルミ・ガイドなんかを見て現地に足を運んだ気分になってます(^_^)v




Posted at 2007/11/25 23:24:57 | コメント(10) | トラックバック(0) | スタイルシート | 日記
2007年09月08日 イイね!

アニメカーソル

アニメカーソル
またスタイルシートを弄ってみたのでカーソルの変更方法を。


通常、何も指定が無い状態だと 矢印や指マークや砂時計 ですが、使用したいカーソルを指定する事で変更ができます。
アニメーションカーソルですと動きもあり、ちょっと楽しいページになるかもしれません。

この作業の最大の問題点は、 .cur や .ani の拡張子ファイルを「みんカラ」にはアップロード出来ないと言う事です。
※去年まではアップできていたらしいのですが・・・。
従って、ファイルをアップロード出来るレンタルサーバーやフリースペースの確保が必要になってしまいます(^_^;)

アップ困難な方、テストしたい方はサンプル(下記URL)を使ってみて下さい。
※無料スペースにアップしているので削除される可能性がありますが、無くなれば普通の矢印に戻るだけです。

サッカーボール http://web2.nazca.co.jp/nasuka/sozai/rinji/soccer.ani
ヤカン      http://web2.nazca.co.jp/nasuka/sozai/rinji/yakan.ani
てんとう虫    http://web2.nazca.co.jp/nasuka/sozai/rinji/tentou.ani
蛍        http://web2.nazca.co.jp/nasuka/sozai/rinji/hotaru.ani
ジャンケン   http://web2.nazca.co.jp/nasuka/sozai/rinji/janken.ani
カレンダー   http://web2.nazca.co.jp/nasuka/sozai/rinji/calender.ani
小型犬     http://web2.nazca.co.jp/nasuka/sozai/rinji/pome1.ani
シェパード   http://web2.nazca.co.jp/nasuka/sozai/rinji/shepherd2.ani
茶猫      http://web2.nazca.co.jp/nasuka/sozai/rinji/cat01.ani
灰猫       http://web2.nazca.co.jp/nasuka/sozai/rinji/cat02.ani
インコ      http://web2.nazca.co.jp/nasuka/sozai/rinji/parrot .ani
スライム    http://web2.nazca.co.jp/nasuka/sozai/rinji/01slim.ani


オリジナルを使いたい方は、先ず自分が使用したいカーソルを見つける事から始めますので、検索等からアニメーションカーソル拾って保存しておいて下さい。
ベクターhttp://www.vector.co.jp/vpack/filearea/win/amuse/mouse/cursor/とかに無料の素材が沢山あります。

待ち状態やオンリンク状態も変更可能ですが、今回は一番簡単な矢印カーソルの変更作業をしてみたいと思います。


スタイルシートのカスタマズ画面から、カスタマイズの1または2を選択して スタイル編集 を始めます。

コード最初の部分にある body{ } という部分の { }の中に cursor: url('カーソルデータを保存したURL'); と入れるだけです。



------てんとう虫の例------
body
{
background: #ffffff;
text-align: center;
margin: 0 0 0 0;
padding: 8px 2px 2px 2px;


cursor:url('http://web2.nazca.co.jp/nasuka/sozai/rinji/tentou.ani');

}
--------------------------

こんな感じで一行追加して下さい。



必ず プレビュー で動作確認した後に  保存する をお忘れなく。

スタイルシートのカスタマイズ画面に戻り、保存した1か2のどちらかを選び、 選択したスタイルに変更 を押して終了です。




サンプルが無くなった等の苦情は、ご勘弁下さい。
ご利用は、個人の判断にお任せいたします。
本記事についての一切のサポートありません。






Posted at 2007/09/08 14:26:49 | コメント(6) | トラックバック(0) | スタイルシート | 日記
2007年06月21日 イイね!

ブログアイテム

ブログアイテム
今日は、先日紹介したブログアイテムの設置方法を書いてみたいと思います。


一般的なブログと違い「みんカラ」ではスタイル制限が多く、まだまだ相性も不明瞭なのかブログでアイテム設置を公開している人も少ないですね。
取り合えず今回のモノは難しい設定ではないので、臨時的にイケる?と思いますw


それでは、天気とニュースの2種類だけですがアイテムの設置法をご紹介( ^_^)/


先ず、スタイルの編集画面で好きなデザイン(スバルは編集不可)を読み込みます。
枠の中に何やらダラダラとコードが書かれています。
このコードを書き換える事により、自由なページが作れるんですね。

ブルーを例にすると上から1/4ぐらいの場所に(デザインによって表示場所が違います)

/*カレンダー関連*/
.CalendarHeader{

↑のような .カレンダーヘッダー{ という部分があります。
この後の { から } までの部分の間に、下のコード(パス)をコピーして入れて下さい。
 ※他のコードと被らずに新しく一行設けて、一番下等に加えてください。


天気予報を入れるパス




html: expressionthis.style.html || (this.innerHTML = '<P align="center"><IFRAME src="http://link.tenki-yoho.com/img.php?all,acrweb"width=150 height=180 scrolling=NO frameborder=0 marginwidth=0 marginheight=0><A href="http://www.tenki-yoho.com/"target=_blank>天気予報</A></IFRAME><br>-<A href="http://www.tenki-yoho.com/"target=_blank>天気予報コム</A><BR></P>'+ this.innerHTML,1));





ヘッドラインニュースを入れるパス




html: expressionthis.style.html || (this.innerHTML = '<P><IFRAME src="http://webstart.jp/rss/ticker/cd/blo_white.html?black"width="170" height="155" marginwidth="0"marginheight="0" scrolling="no" frameborder="0"></iframe><BR></P>'+this.innerHTML,1));





コピー&ペーストすると下のようになりましたね?




.CalendarHeader{
padding-right: 5px;
padding-left: 5px;
font-size: 12px;
background: #95a8d2;
padding-bottom: 5px;
color: #32456d;
padding-top: 5px;
border-bottom: #6f86bd 1px solid;
letter-spacing: 0px;
text-align: center;
html: expressionthis.style.html || (this.innerHTML = '<P><iframesrc="http://webstart.jp/rss/ticker/cd/blo_white.html?black" width="170"height="155" marginwidth="0" marginheight="0"scrolling="no" frameborder="0"></iframe><BR></P>'+this.innerHTML,1));
}



作業を終えたら必ずプレビューで確認して下さい。
ハイ♪ これだけで設置完了です。 お疲れ様でした
後は保存ボタンを押して、選択したスタイルに変更ボタンで反映します。



見た目を整える為には、デザイン別に次の作業を追加して下さい

  ※水、TYRE TREAD、ALUMINIUM デザインに関しては手直しの必要は有りません。


やり方は、先ほどのカレンダーヘッダー(.CalendarHeader)部分に手を加えます。


ブルー、ピンク、ブラック、ROUND のデザインを使ってる方でカレンダーヘッダーが伸びちゃって嫌だと思う人はバックグランドの部分を透明化します。


例:ブルー

/*カレンダー関連*/
.CalendarHeader{
padding-right: 5px;
padding-left: 5px;
font-size: 12px;
background: #95a8d2;
padding-bottom: 5px;
color: #32456d;
padding-top: 5px;
border-bottom: #6f86bd 1px solid;
letter-spacing: 0px;
text-align: center;
コピペしたコード
}


background: #95a8d2; の部分を半角で background: transparent; として透明にします。
※ピンク、ブラック、ROUNDでもやり方は同じです。


更にROUNDデザイン使用の場合のみ、透明化すると年月の文字がで潰れちゃうので
 黒
文字に直します。
color: #ffffff; となっているところを color: #000000; とエフ6個を半角でゼロ6個にします。


藍鼠、滅紫、ココア、抹茶 のデザインを使ってる場合は、アイテム位置のズレを直して
 棒状の余分なアイコンを消します。


例:藍鼠

/*カレンダー関連*/
.CalendarHeader {
margin: 0px 0px 0px 5px;
padding: 8px 0 0 8px;
width:100%;
height:22px;
text-align: left;
font-size: 12px;
font-weight: bold;
color: #0B2A4A;
background-position: 0px 5px;
background-image: url('/styles/images/menupointg.gif');
background-repeat: no-repeat;
background-color: transparent

vertical-align: middle;
コピペしたコード
}


ズレ修正のためにパッディングの部分2個目の数字0を半角で12pxと書き直します。
棒状のアイコンを消すためにバックグラウンド指定(水色文字の部分)を4行消します
※滅紫、ココア、抹茶でもやり方は同じです。




手短に説明しましたので分かりずらいかもしれません(^_^;)

テストしてみましたが、私のPC・接続環境での不具合は今のところありません。
もしエラーや回線落ち等の障害が出ましたら、ご利用を即座に中止して下さい。
私も素人ですので上手くいかない・バグった等のサポートは、ご勘弁下さいね。
ご利用は、自己責任でお願いいたします。

このブログ内での閲覧で不具合が出た場合は、ご連絡いただけると助かります。
m(_ _)m




2007年07月12日以降「みんカラβ」において一切のスプリクトが使えなくなりました。※現在は、ブログアイテムの貼り付けは出来ませんm(_ _)m





Posted at 2007/06/21 20:19:04 | コメント(3) | トラックバック(0) | スタイルシート | 日記
2007年06月14日 イイね!

天気予報始めました

天気予報始めました
ちょいとスタイルシートをイジリ~の、ブログページに天気予報を挿入!

熱帯魚とか時計とかゲームまで、ブログ用アイテムって意外とあるもんですなぁ。


貼り付ける場所が問題なのか、外部リンクとの相性なのか、接続が落ちちゃったら

m(_ _;)mごみんなさい


取り合えず 模索中





Posted at 2007/06/14 19:55:51 | コメント(3) | トラックバック(0) | スタイルシート | 日記

プロフィール

器用では有りませんが、クルマや機械が好きな人間です。 自分のクルマは「使いやすく」をモットーに脱線する事無く、出来るだけ自分で弄ろうと思います。 マイカーと...
みんカラ新規会員登録

ユーザー内検索

<< 2025/12 >>

 123456
78910111213
14151617181920
21222324252627
28293031   

リンク・クリップ

ハンターMt.塩原 
カテゴリ:snowboard (Gelande)
2007/09/29 18:29:13
 
アルツ磐梯 
カテゴリ:snowboard (Gelande)
2007/09/29 18:25:14
 
裏磐梯猫魔スキー場 
カテゴリ:snowboard (Gelande)
2007/09/29 18:20:51
 

愛車一覧

日産 エクストレイル 日産 エクストレイル
2度目の車検も終わり、いよいよ雪山仕様になりました。 最近、急激にフルークなってきた ...
日産 スカイラインクーペ 日産 スカイラインクーペ
車内からショックの減衰力を変えられたり、速度感知のオート・スポイラーが 出てきたりとギ ...
日産 フェアレディZ 日産 フェアレディZ
超が付くぐらい金食い虫 (´・ω・`) 周りからは、その低くて黒い風貌を称して「ゴキ ...
日産 セフィーロ 日産 セフィーロ
父親所有のクルマです。 もちろんノーマル仕様。 FFなので車内も広いし、どの席に座って ...

過去のブログ

2008年
01月02月03月04月05月06月
07月08月09月10月11月12月
2007年
01月02月03月04月05月06月
07月08月09月10月11月12月
ヘルプ利用規約サイトマップ
© LY Corporation