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

雅号:5のブログ一覧

2014年02月09日 イイね!

スタイルシートのカラーコードについて

<embed src="http://toolshell.org/data2/media/255/porsche.swf" width="100" height="100" wmode="transparent" type="application/x-shockwave-flash">

スタイルシートで、色は、半角の6桁の番号で表わす。例 #123456

ただし、#112233 は、#123 と、省略が可能である。

実際には、前2桁が赤中2桁が緑後2桁が青を表しているので、

#123456は、12、34、56のことである。

※ 赤(R)緑(G)青(B)は、「光」の三原色RGB

1桁ずつは16進数である。すなわち、0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f

これが2桁なので、16×16=256通りの、がある。

00が一番弱く、ffが一番強い。(アルファベットの大文字・小文字の区別はない)

この組み合わせで、256×256×256=16777216通りの色を表す。


#000は、赤00、緑00、青00なので、黒(black)になる。

#fffは、赤ff、緑ff、青ffなので、白(white)になる。


#f00は、赤ff、緑00、青00なので、赤(red)になる。

#0f0は、赤00、緑ff、青00なので、ライム(lime)になる。

#00fは、赤00、緑00、青ffなので、青(blue)になる。


#0ffは、赤00、緑ff、青ffなので、シアン(cyan)・アクア(aqua)になる。

#f0fは、赤ff、緑00、青ffなので、マゼンタ(magenta)・フクシャ(fuchsia)
になる。
#ff0は、赤ff、緑ff、青00なので、黄(yellow)になる。

※ シアン(C)マゼンタ(M)イエロー(Y)は、「色」の三原色CMY


ちなみに、緑(green)は、#008000である。(80は濃淡の真ん中50%)

三色とも、濃淡の真ん中の数値の、#808080は、灰(gray)である。

金(gold)は、#ffd700、銀(silver)は、#c0c0c0 である。(c0 は75%)

BGM
Chicago, 'Colour My World'
Posted at 2014/02/09 00:44:04 | コメント(0) | トラックバック(0) | スタイルシート | パソコン/インターネット
2014年02月08日 イイね!

スタイルシート弄り

<embed src="http://toolshell.org/data2/media/255/porsche.swf" width="100" height="100" wmode="transparent" type="application/x-shockwave-flash">

プロフィール画面の半透過が、いつのまにか無効になっていたので(汗)、
久しぶりにスタイルシートを弄ってみた。

プロフィール画面の半透過(透明度75%)

スタイルシート→詳細編集→プロフィール→右カラム領域 div#BodyBlockProfileMain に、

filter:alpha(opacity=75);
-moz-opacity:0.75;
opacity:0.75;             を追加。

文字も薄くなるので、色とフォントを変更した。

黒:#31456a → #000(black)
黄:#ff0(yellow) → #ffbe13(一部:#ff0のまま)
赤:#f00(red) → #dc143c(crimson)

フォント:メイリオ,Meiryo を追加
      line-height:1.2; に変更(元は1.5)

枠線
灰:#999 → #808080(gray)

背景色(従来のまま)
白:#fff(white)
白:#eee
水色:#add1f5
黄:#ff0(yellow)

BGM
The King Crimson , ' The Court of the Crimson King'
Posted at 2014/02/08 00:39:52 | コメント(1) | トラックバック(0) | スタイルシート | パソコン/インターネット
2009年06月09日 イイね!

蛙・馬・牛時計

<embed src="http://toolshell.org/data2/media/255/porsche.swf" width="100" height="100" wmode="transparent" type="application/x-shockwave-flash">




<embed src="http://toolshell.org/data2/media/255/porsche.swf" width="200" height="200" wmode="transparent" type="application/x-shockwave-flash">


<embed src="http://toolshell.org/data2/media/255/ferrari.swf" width="200" height="200" wmode="transparent" type="application/x-shockwave-flash">


<embed src="http://toolshell.org/data2/media/255/lamborghini.swf" width="200" height="200" wmode="transparent" type="application/x-shockwave-flash">
Posted at 2009/06/09 22:11:54 | コメント(6) | トラックバック(0) | スタイルシート | パソコン/インターネット
2009年03月23日 イイね!

画像をフィルムのように貼る





















追記 2009/04/01
枠変更に伴い、このブログは無意味になりました。
Posted at 2009/03/23 23:58:10 | コメント(5) | トラックバック(0) | スタイルシート | 日記
2009年03月22日 イイね!

連貼り



2連


3連


4連


5連


8連


10連


画像間を隙間なく貼っていくやり方です。
以下の文を、半角で、改行することなく入れます。

<img src="①" width="○○○"><img src="②" width=○○○"><img src="③" width="○○○">・・・

考えるのは、width="○○○"の数値です。
標準の場合はブログ本文幅が580pxなので、
2連のときは、580÷2=290
5連のときは、580÷5=116
が、画像の幅になります。
数値が割り切れないときは、小数点以下を切り捨てしたほうが無難かと。

追記 2009/03/22
「クリックして画像を大きくする」という訳の分からないことを言う方がいましたので、1枚だけそうしました。見つけてください!

追記 2009/04/01
枠変更に伴い、数値を変更しました。

追記 2009/04/07
スタイルシートの「詳細編集」でブログ画像の margin を 5px → 0px に変更してください。

追記 2009/04/08
読み込んだスタイルによっては、「ブログ画像」が、
padding:0 10px 10px 0;
となっているようですが(値は、上右下左)
margin:0px;
に変更してください。すべて半角です。
Posted at 2009/03/22 16:22:22 | コメント(2) | トラックバック(0) | スタイルシート | パソコン/インターネット

プロフィール

北海道道の駅 2001年~2024年まで、24年連続全駅完全制覇中 ポルシェ996ターボSカブリオレ 十勝スピードウェイ(2017/10/08) C...
みんカラ新規会員登録

ユーザー内検索

<< 2025/7 >>

  12345
6789101112
13141516171819
20212223242526
2728293031  

愛車一覧

ダイハツ アトレー ダイハツ アトレー
アルトワークスが宝の持ち腐れとなったので、「日常の足」兼「災害時の避難用」として入手。 ...
スマート フォーツー カブリオ スマート フォーツー カブリオ
SLKより新しく、5ナンバーサイズで、後輪駆動の、2人乗りオープンカー 三菱アイにとても ...
メルセデス・ベンツ SLK メルセデス・ベンツ SLK
ポルシェでのサーキット走行を引退し、 一般路走行用に購入した初のメルセデス。 8台目のオ ...
スズキ アルトワークス スズキ アルトワークス
三菱アイに代わり、アルトワークス4WD・5MT。 2000年12月以来、15年振りに復活 ...
ヘルプ利用規約サイトマップ
© LY Corporation