FC2ブログ

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

ブログデザイン変えてみた

ブログのデザイン変更しました。

オリジナルデザインのリンクも作ってみました。架空鉄道 WFR ver2

好きにデザインできるFC2ブログの良さを再確認、ですね。Yahooと違ってコメントとかはなかなか付きませんけど・・・架空鉄道をやっている方、興味のある方にはどんどん見てコメントしていただきたいですね(^^)。


・・・・と、これだけではさすがにさみしいので、開発高速の駅一覧んとこで作ったツールチップのCSSを公開。

table .tooltip{
display:none; /* さいしょに、「表示させない」ということを指定しておく */
}
table td .wrap{
position:relative; /* tableでpositionを使うとFirefoxでうまく表示できないので、td内に span 要素を組み込み、wrapというクラスを指定。 */
}
table:hover .tooltip{
position:absolute; /* wrapに対してツールチップ(tooltip)を絶対配置 */
top:3px; /* たて位置を指定 */
left:300px; /* よこ位置を指定 */
z-index:1; /* 手前に表示させる */
display:block; /* さいしょの「display:none」を打ち消す。 */
min-width:12em; /* 横幅。 */
border-radius:10px; /* 角丸。 */
padding:5px 10px; /* 内側の余白(白くないけどw) */
text-align:center; /* 文字を中央ぞろえ */
font-size:0.8em; /* 文字の大きさを0.8倍に */
color:#fff; /* 文字の色を白に */
background:#666; /* とりあえず背景色をグレーにしておき、あとから路線ごとに色を変えて指定 */
box-shadow:0 0 10px #ccc;
}
スポンサーサイト

コメントの投稿

非公開コメント

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます
プロフィール

WFR ver2

Author:WFR ver2
架空鉄道 WFR ver2
架空の星「市星」に広がる架空鉄道の世界・・・。趣味で架空鉄道をやっている者です。こちらのHP架空鉄道 WFR ver2に少しずつアップしていきますのでどうかご覧ください。

HTMLとCSSをようやく使えるようになり、Webサイト制作を楽しんでいます。現在JavaScriptと奮闘中。

架空鉄道に少しでも興味を持っている方に、私(男)のブログを読んで「架鉄やってみようかな!」なんて思っていただけると非常にうれしい。Webページ制作についても触れることがありますが、知識のない方でも楽しめる記事づくりを目指します。

ま、とにかくこれ。見てね。

最新記事
最新コメント
最新トラックバック
月別アーカイブ
カテゴリ
検索フォーム
RSSリンクの表示
リンク
ブロとも申請フォーム

この人とブロともになる

QRコード
QR
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。