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

クリスマスまで丁度１ヶ月。

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


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

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

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

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


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

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

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

サッカーボール　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/とかに無料の素材が沢山あります。

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


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

コード最初の部分にある　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');

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

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



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

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




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

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


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


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


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

ブルーを例にすると上から１/４ぐらいの場所に（デザインによって表示場所が違います）

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

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


◆天気予報を入れるパス



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



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

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



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

　　※水、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;　とエフ６個を半角でゼロ６個にします。


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


例：藍鼠

/*カレンダー関連*/
.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;
コピペしたコード
}


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




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

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

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




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

ちょいとスタイルシートをイジリ～の、ブログページに天気予報を挿入！

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


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

m(＿ ＿；)mごみんなさい


取り合えず　模索中ｗ