忍者ブログ
http://who7s.blog.shinobi.jp/
×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

sc0000.png

ブログのデザインテンプレート第二弾を公開。
ユーザビリティやアクセシビリティには配慮したつもりである。

  • リキッドデザイン
  • 2カラム(左メニュー)
  • プラグイン5を記事の上に表示
  • preタグはソースコードを載せる人用にCSS適応済み
  • 記事詳細ページには簡易パンくずリストを表示
  • 2C_LiquidD_Simple['08/05/19]をベースに作成
  • 横幅が1024px以上ある環境の場合のデザインを(max-widthで)修正(IE6でも適応)

といった特徴がある。
動作は、WindowsXP SP2 (解像度1024*768) Internet Explorer6とMozilla Firefox2にて確認している。
DownloadPageは下記。
hoge/TemplateView/4222/
(自身のブログURLの後ろに赤字をCopy&Paste)

不具合・意見・要望等あれば、コメントまでどうぞ。

修正案
・トップタイトル部分のブログ説明のフォントカラー
現在暫定的に設定している。上手い配色があればコメントまで。

更新履歴
'08/06/09:
・imgタグなどがプラグインにも反映されていた点を修正
・多重改行(連続br)を反映するように変更

既知の不具合
・横幅が1024px以上の環境の場合、タイトル部の背景がMozillaだとずれる
修正済み。
CSSが分かる人は、#TopBlock内background-position: left top;をbackground-position: center top;に。

PR

2C_LiquidD_Simple.jpg

ブログのデザインテンプレート第一弾を公開。
ユーザビリティやアクセシビリティには配慮したつもりである。

  • リキッドデザイン
  • 2カラム(左メニュー)
  • プラグイン5を記事の上に表示
  • preタグはソースコードを載せる人用にCSS適応済み
  • 記事詳細ページには簡易パンくずリストを表示
  • 個別記事から直接編集することが可能

といった特徴がある。
動作は、WindowsXP SP2 (解像度1024*768) Internet ExplorerとMozilla FireFoxにて確認している。
DownloadPageは下記。
hoge/TemplateView/4185/
(自身のブログURLの後ろに赤字をCopy&Paste)

不具合・意見・要望等あれば、コメントまでどうぞ。

更新履歴
'08/06/09:
・記事から直接編集ページに飛べるようにした
・imgタグなどがプラグインにも反映されていた点を修正
・多重改行(連続br)を反映するように変更

既知の不具合
URLリンク等横に長いものがあるとデザインが崩れる場合がある。
修正済み。
ただし、Firefox等Geckoエンジンを使ったブラウザの場合、URLが改行されないのはブラウザ側の不具合となっている。(Firefox3以降で改善予定)
url_breakerというものを利用してこの問題を解決する方法もあるようだが、標準のテンプレートとしては採用を見送る。
参考ページ:小粋空間: Firefox・Netscapeで連続した半角文字を折り返す

カレンダー
07 2017/08 09
S M T W T F S
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31
サブカテゴリー

[プログラミング]

アルゴリズム
C
Java
VisualBasic
PHP
HTML/CSS

最新コメント
プロフィール
HN:
Juan
性別:
男性
自己紹介:
社会人1年目。
システムエンジニア見習いとなるべく勉強中。
カスタマイズに特化したブラウザ Sleipnir。上級者のために。
Mozilla Firefox ブラウザ無料ダウンロード
カウンター
バーコード
BlogParts

Copyight© who7s All Rights Reserved.
Designed by who7s.
忍者ブログ [PR]