でんきかいでんのブログ

電子工作、ミシン、ペンタブレット、で使える、アイデア・材料・道具の紹介。PCデータのわかりやすいバックアップ方法。こだわり系テンキーレス有線キーボードの使用感レビューなど。

正当なCSSです! クリエイティブ・コモンズ・ライセンス表示

2015.01.25 [日]

特定の行へジャンプするためのHTML

指定した行へジャンプするリンク

 「a name」で指定した場所へ、指定した行へジャンプする。

 同じページであればURLは不要。
 違うページなら「URL#名前」でその行へジャンプできる。
ジャンプ元 <a href="URL#名前"><⁄a>
ジャンプ先 <a name="名前"></a>

【例】

■ テスト01 : 下記の「テスト01」へ。

■ テスト02 : ▼続きを読む▼「テスト02」へ。

■ フォントカラー指定 : 別ページ「フォントカラー指定」へ。


テスト01


 ▼▼ 続きを読む ▼▼ 

2015.01.25 [日]

ミニミニタイトル、空白【自分用】

←これミニミニタイトル

 大きな段落ではなく、小さな段落やタイトルに使う。
.miniminititle,
.entry_body h4 {
  font-family: Meiryo, sans-serif;
  text-align:left;
  line-height:1.4em;
  border-left:7px solid #dddddd;
  border-bottom:1px solid #dddddd;
  font-size:120%;
  margin:1em 0px 0.5em;
  padding:2px 5px !important;
  color:#999999;
}

 ▼▼ 続きを読む ▼▼ 

2015.01.23 [金]

たまに使う特殊文字

ブログやHP上で見える化するために

 HTMLやCSSをウェブ上で ”文字で” 表示させようとしても、通常通りに書いたところで ”文字で” 表示させることはできません。

 むしろ知らずにブログ上に書いてしまうと、ページやサイト全体に影響が出てしまって、表示が全てメチャクチャになってしまうこともあります。(経験有り)

空白 &nbsp;
アンパサンド&&amp;
小なり<&lt;
大なり>&gt;
非常に小さい«&laquo;
非常に大きい»&raquo;
スラッシュ&frasl;
コピーライト©&copy;

 もっとたくさんありますが、自分がたまに使う特殊文字だけをここに表にしておきます。

 ※ 「<」 と 「>」 だけは <pre>< ⁄pre> <code><⁄code> を使っても自動的に読み込まれてしまうので、「&lt;」、「&gt;」 と、記述しないといけません。
 つまり、最低限この2つは知っておくべきだ、ということですね。

 ▼▼ 続きを読む ▼▼ 

2015.01.22 [木]

table設定、このブログ用CSS

table、CSSのコピペ

 必要なtableをclassで設定している。
 少しずつ増えてるので、自分でわかりやすいようにこちらにまとめて置いておく。
<table>
"Table" TH"Table" TH
"Table" TD"Table" TD
<table class="tb01">
"Table" TH"Table" TH
"Table" TD"Table" TD
<table class="tb02">
"Table" TH"Table" TH
"Table" TD"Table" TD
<table class="tb03">
"Table" TH"Table" TH
"Table" TD"Table" TD
<table class="tb04">
"Table" TH"Table" TH
"Table" TD"Table" TD
<table class="tb05">
"Table" TH"Table" TH
"Table" TD"Table" TD
<table class="tb06">
"Table" TH"Table" TH
"Table" TD"Table" TD
<table class="tb07">
"Table" TH"Table" TH
"Table" TD"Table" TD
<table class="tb08">
"Table" TH"Table" TH
"Table" TD"Table" TD
<table class="tb09">
"Table" TH"Table" TH
"Table" TD"Table" TD
<table class="tb10">
"Table" TH"Table" TH
"Table" TD"Table" TD
<table class="tb11">
"Table" TH"Table" TH
"Table" TD"Table" TD
2015.01.22 [木]

よく使うカラーコード

自分がよく使う色

 一般的なカラーコードは、検索すればいくつでも出てきますが、自分が一番よく使う重要なカラーコードは黒系の一番薄い色のいくつかです。

 ”font-color”とか、”background-color”に頻繁に使いますが、検索しても案外そういうカラーコードは出てきません。
 ので、ここに自分に必要なカラーコードの一覧表を作っておきます。

 ▼▼ 続きを読む ▼▼ 

2014.06.13 [金]

アイアンブルーっていい色だな



 「原色大辞典」という色辞典系のサイトが好きでよく利用してます。

 twitterで色の紹介も自動ツイートされてます。

アイアンブルーいい色ですね

 先ほど自動ツイートされていた

アイアンブルー


 という色がなかなか自分好みで気に入ったので、こうしてブログに残しておきます。


 カラーコードは、#192F60


 ですが、アイアンブルーはカラーネームではないのでカラーコードでないと使えません。



 同じカラーコードでも、このサイトでは


 日本の伝統色として「紺青」、

 世界の伝統色として「プルシャンブルー」、


と紹介されています。



 「原色辞典」内、「#192F60」検索結果ページ


 お気づきだとは思いますが、アイアンブルーは、この背景色です。

 ※カラーコードは大文字でも小文字でもどっちでも構いません。




 ▼▼ 続きを読む ▼▼ 

« NEW  | HOME |  OLD »