ベージ内ジャンプ
本文へコンテンツ一覧へ末尾へ

記事一覧

素材TOP > スキン > Web Diary Pro > 「SKY青」   

「SKY青」 

スキン::Web Diary Pro … 2007.07.17 (火)

sky青
[ サンプル表示 (別窓) ]

[ ダウンロード ]

最終更新:2007.10.12

縦グラデーション+横カレンダー。

更新履歴
  • MacIEには透過GIFで対応(2007.10.12)
  • 透過PNG+フィルター使用に変更(2007.7.21)
  • ※重要※ CSS記述ミス修正 (2007.7.19)
  • 新規UP(2007.7.17)
このスキンに関する注意
  • 管理ページ>環境設定>ナビゲーションの表示設定
    「ナビゲーションの表示位置」を、必ず「記事の前に出力」にしてご利用下さい。
  • 2007.7.19の修正前のCSSは、IE6で背景がずれます。CSS上部に「修正版」の記述がない場合、お手数ですが再ダウンロードをお願いします。
  • ヘッダ画像は入れ替え可能です。
  • ヘッダ上部とカレンダーの背景部分は、多くのモダンブラウザでは半透明PNG。IE6以下で見た場合は半透明フィルターがかかります(見た目は同じ)。MacIEの透過PNGは綺麗に透けないので、MacIEのみGIFで対応。
  • ヘッダ画像の入れ替えは容易ですが、CSSでヘッダ部分の「高さ」を変更すると、他にも色々と調整が必要になるのでお勧めしません。
  • ナビゲーションを非表示にしているページでは、カレンダーも同様に表示されません。またカレンダーを非表示にしても、背景の透過オビは残るのでデザインはそのままです。
  • ページ上部に広告が自動挿入されるサーバーには不向きです。
その他の注意
  • 全スキン共通の注意事項・動作環境などは、当サイトの配布物について をお読み下さい。
  • スキンの具体的な導入方法は、ダウンロード後のreadme.txtに書いてあります。

コメント一覧

via 2008.07.10(木) 06:13 修正

実際に使っています^-^

要望ですが、横の幅をいっぱい広げた(要はウィンドウ可変型)、日記が大きく表示できるバージョンがあればうれしいです。

YASU URL 2008.08.13(水) 00:46 修正

こんばんわ、

この度、「SKY青」 をDLしました。
とてもステキなskinで喜んでいます。

実は御願いがあり、投稿しました。
今回、本のリスト化(上記のURLのように)をしています。
文章がかなり多い記事があります。
横幅を広げたいと考えています。
しかしながら、CSSの知識がほとんどありません。
デザインを考えに考えて作られてることは承知しております。
何卒、cssの変更場所を教え願えないでしょうか?
希望としては、35%ほど広げたいと思っております。

宜しく御願い致します。

陽子 2008.08.14(木) 00:42 修正

遅くなりましたが…

◆viaさん
ご利用ありがとうございます(^^)
横幅可変のスキンは以前からご要望頂いていますが、
現在配布中のものは全て「横幅固定の画像」を使用しています。
幅可変にするには、画像の作り直し&CSSを組み直さないと無理なんすよ。
そのうち作るつもりですが時期は未定です…。

◆YASUさん
上記の理由で、横幅を変更するには画像も作り直す必要があります。
特にこの「sky」スキンは背景のdivタグを一枚多く重ねていて他のスキンより若干重いので、これ以上弄る予定は今のとこないです。

CSSの横幅変更には、色々と注意が必要です。
ブラウザによって横幅の余白が変わってしまうバグがあったりするので(「フロートマージンバグ」でぐぐって下さい)、そのへん理解せずテキトーに数値だけ変更したり一部の指定を削除すると、IE6やMacで激しく崩れたりしますのでご注意下さい。
ちなみに全体の横幅を指定している場所は、
/* ===============================================
  ■ ページの全体構造
 =============================================== */
のwidth 730px指定の所や、
/* ============== メイン ============== */
のwidth などです。

あと、横幅固定に使用した画像には、私自身がわかりやすい様にファイル名に「730」とか横幅の数値をあらかじめ入れてあるので、そういうファイル名の画像を作り直せばいいという事です。

すいませんが、あとは自力でお願いします〜。

YASU 2008.08.14(木) 08:33 修正

おはようございます。

アドバイス
ありがとうございます。

背景画像を作り直してみます。

stiphodon URL 2008.08.24(日) 12:52 修正

この度,SKY青を利用させていただきました。かっこいいスキンをありがとうございます。

1つだけ希望があります。複数枚の画像を投稿すると,縦1列に表示されます。デフォルトのWDPのように,画像を横2列で表示させることは可能でしょうか?

テン 2008.08.24(日) 16:59 修正

http://www.web-liberty.net/download/diarypro/function.html#upload
↑こちらを読んで頂いた上でアップロードファイルの最大表示横幅を設定すると2列に表示出来ると思います。

環境設定→投稿記事の表示設定→アップロードファイルの最大表示横幅

陽子さん 勝手にごめんなさい。
同じ鹿児島のユーザーさんだったもので・・ m(_ _;)m

stiphodon URL 2008.08.25(月) 00:08 修正

テン様

なるほど。環境設定で画像の表示サイズを設定できたのですね。改めてWDPのすごさを実感しました。ご教示いただき,ありがとうございます。

藤田 URL 2009.10.13(火) 17:09 修正

ADMINあたりにマウスをホバーすると内容が短くなってしまいます。
サーバが悪いのでしょうか?
このすっきりとした飛行機写真と横カレンダーのデザインを是非使用させていただきたいです。
何卒ご教授のほど宜しくお願いします。

陽子 2009.10.13(火) 17:58 修正

◆藤田さん
ご利用ありがとうございます。
設置URL拝見しましたが、私の環境(Mac&Firefox)だと特に不具合はみられないので、「短くなる」という意味が具体的によくわからず…。
ご使用のブラウザは何でしょうか?(ちなみに表示上の問題ならサーバーは関係ないと思います)

藤田 URL 2009.10.15(木) 16:45 修正

レスありがとうございます。
MSIE 6.0のSP2です。
ブラウザのせいですかね。。

藤田 2009.10.16(金) 10:10 修正

試しにGooglechromeで見てみたら不具合は再現しませんでした。
ブラウザ特有のものみたいですね。

陽子 2009.10.16(金) 12:53 修正

会社のIE6で確認しようとしたら、画像に変えちゃったんですね(^^;

IE6は表示バグだらけなんですが、利用者が多かったので皆なんとか「IE6でもちゃんとなるように」CSSの書き方を工夫してskin配布しているというのが現状でした。
今回の件もその辺の「既知のバグ」修正の見落としだろうと思います。