++ワタル++のブログ一覧

今更なんですけど。

ブログを書く際の、基本的な工夫に関して。

ちょこっと、まとめてみました。


殆どの方は、すでに分かっているかと思いますが。

ある方から、全く分からないので教えて欲しいと言われ。

なんとなく作ってみました。


今更、ちょこっと聞けないよなって方もいるかと思います。

もし、まだ分かっていない方がいらっしゃいましたら。

参考にして下さい。


　　・リンク挿入

　　・文字色変換

　　・太文字変換

　　・斜め文字変換

　　・下線文字変換

　　・打消し文字変換

　　・文字の大きさ変換


　　・ブログ内　画像挿入　０１

　　・ブログ内　画像挿入　０２

　　・ブログ内　画像挿入　０３


　　・ブログ内　動画挿入　０１

　　・ブログ内　動画挿入　０２

　　・ブログ内　動画挿入　０３

ども～～。
相変わらず、平凡パンチな日々を送ってます。
ま、コレはコレで、結構楽しかったりするんですが。。。

先日紹介しましたNINJA。
その後、ニンニン仲間が増えまして。
あーーー、この人のページにも。
おーーー、こっちのページにもと。
色んなトコで、見かけるようになりました。
皆さんの役に立ったみたいで、良かったかな～～と。

で、今回はというか、今回も！なんですが。
ソースについてのブログとなります。
なるべく、簡単に書きますので、興味ある方は読んでみてください。

今回は、「スクロールバー」についてのソースです。
スクロールバーとは、何ぞや？
と言う方は、ご自身のページの右側をご覧下さい。
ページを上下するバーがついてますよね？
それが、スクロールバーというヤツです。

それを、今回は、カスタマイズします。

まずは、スクロールバーの基本的名称を下図で確認下さい。



これが、基本です。


そして、ソースは、以下の通りとなります。

scrollbar-3dlight-color: 3D部分の色;
scrollbar-arrow-color: ▲の色;
scrollbar-darkshadow-color: 深い影の色;
scrollbar-face-color: 表面の色;
scrollbar-highlight-color: 明るい部分の色;
scrollbar-shadow-color: 影の色;
scrollbar-track-color: トラックの色;


ここの赤文字部分に入るのが、カラーコードです。
普段、私が使っているカラーコードがコチラになりますので。
参考にしてみてください。

基本カラーコード
和色カラーコード
洋色カラーコード
パステルカラー
ビビッドカラー

ここで、気に入った色を選んでいただきます。
その色を、スクロールバーのどの部分に使いたいかを決めていただきます。

例えば！
３D色の部分を、赤にしたい！なんて方は。

赤のカラーコードが　＃ｆｆ００００　なので。

そのカラーコードを下記のように挿入してあげます。

scrollbar-3dlight-color: #ff0000;

こうやって、▲の色、深い影の色・・・と順々に配色をしてあげます。


そうして完成したソースを。
今度は、みんカラのスタイルシートに入れ込むのですが。
下記の場所に挿入してください。



※因みに、カラーコードは私のページ仕様にになってます。

あとは、プレビューで確認してあげて、調整です。

以上ですが。
分かります？？？


※すいません、今回のブログもこんな内容になっちゃって。

最近、ネタがないほど。
平凡パンチな日々を送ってまして。
ブログのアップも、全然しとりません。

こんな作業も。
最近の日々ではネタになる程、平凡パンチ。
もし興味ある方は、参考にしてください。

※アクセス解析は忍者TOOLSを使用しています。


アクセス解析を取り付けたからって。
ナニが変わるの？
って、その程度の活用ではあるんですが。
簡単に言うとですね。
みんカラの足跡機能が、より一層詳細になった！！
そんな感じです。

例えば。
私のページは、どこの国の人々がアクセスしてるの？
その見てる人は、どんなドメインから、どんなOSを使って。
どんなブラウザで見てるの？
なんてコトが（他にも色々）分かっちゃいます。

使い方によっては、面白い装置になりそうなので。
なんとなく取り付けしてみました。
因みに、土曜日に英語圏の方とドイツ語圏の方からアクセスありました。


もし興味ある方は、整備手帳「アクセス解析設置」にアップしましたので、設置してみてください。


※最近、本当に平凡パンチで。こっち系に走っちゃってます。
　お許しください。
----------------------------------------------------------

最近、みんカラのスタイルシートをカスタマイズしてる方々がいますが。

例えば、私のページのカーソル。
リンクを追う際にカーソルを合わせると　+　になってるの分かります？
こういう小技。



右側のスクロールバーも。
スタイルシートの色に合わせて、作ってます。
こういう小技。



どこに、どんなソースを入れると、こういう風になるの？
という質問や、興味があれば。
ブログで紹介しますので、お気軽に～♪

※しつこいですが、本当に平凡パンチで。こっち系に走っちゃってます。
　お許しください。