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

記事一覧

素材TOP > スキン > Web Diary Pro > 「MINT白」   

「MINT白」 

スキン::Web Diary Pro … 2007.07.06 (金)

ファイル wdp_02a.jpg
[ サンプル表示 (別窓) ]

[ ダウンロード ]

最終更新:2007.7.13


SAKURA白』の桜なしバージョン。リクエスト品。

更新履歴
  • コンテンツプラグイン用skin同梱(2007.7.13)
このスキンに関する注意
  • MINTというのはただのイメージです(^^;(ヘッダ画像はミントじゃありません)。
  • ヘッダ画像は簡単に差し替えできます。
  • ナビゲージョンは「常に表示する」を前提にデザインしています。個別ページでナビ非表示の時は、記事本文の右側に、ナビ分の余白ができます。
  • ページ上部に広告が自動挿入されるサーバーには不向きです。
その他の注意
  • 全スキン共通の注意事項・動作環境などは、当サイトの配布物について をお読み下さい。
  • スキンの具体的な導入方法は、ダウンロード後のreadme.txtに書いてあります。

コメント一覧

めんたいこ URL 2007.08.24(金) 17:58 修正

ミントの白をDLさせて貰いました。
(画像は変更しましたが)
ファンになってしまったのでリンクも貼らせて頂きました。
見やすいし、綺麗やし、ばりばり気に入っとります♪
また、ちょこちょこと更新チェックに寄らせて頂きます。

陽子 2007.08.25(土) 00:33 修正

めんたいこさん、ありがとうございますー(T_T)
ここんとこ暑くて何もする気が起きませんでしたが、また忘れた頃にぼちぼち動くと思いますので…よろしくお願い致しますー。

非公開 2007.09.25(火) 21:26 修正

管理者にのみ公開されます。

非公開 2007.09.26(水) 01:17 修正

管理者にのみ公開されます。

陽子 2007.09.26(水) 08:19 修正

上記非公開の方、ご連絡ありがとうございます(^^;
後ほどメールさせて頂きますー。

まきひめ 2008.03.05(水) 15:34 修正

ミント白をダウンロードさせていただきました。
有り難うございました。

非公開 2008.06.12(木) 15:54 修正

管理者にのみ公開されます。

陽子 2008.06.12(木) 20:10 修正

◆まきひめさん、ご利用ありがとうございますv

◆6/12非公開の方
実はこの素材サイトも、自作配布の「MINT白」を弄って作ったものなので、デザインが似るのはある意味当然かも…(笑) 以下ご質問のお返事。

【1】プロフィールにもサイドバーを表示
配布スキンに同梱しているプラグイン用スキン(contents.html)を参考にして、
skin/profile.html
を書き換えて下さい。具体的には、サイドバー用のJavaScriptを
<!--SKIN_CONTENTS_START-->
の直後と
<!--SKIN_CONTENTS_END-->
の直前に挿入します。

【2】サイドバーの背景色を下まで敷き詰める
CSSの色付けでは無理なので、うちのサイトは画像でやってます。ただしサイドバー自体に指定しても駄目でして、サイド+本文を内包する上位部分(MINT白なら「■ページの全体構造」#mainbox)に、サイドバーの横幅と同じ幅の背景画像を左寄せ指定。更に同じ箇所にfloat: leftを指定する。
float指定の理由などは
http://css-happylife.com/log/css-template/000028.shtml
上記サイト様の記事がわかりやすいです。

非公開 2008.06.12(木) 22:05 修正

管理者にのみ公開されます。

陽子 2008.06.12(木) 22:11 修正

>>2)項は「管理ページ」や「ギャラリープラグイン」まで画像が出てしまうのですね。

ウチの場合はギャラリーには出してますが、管理ページはサイドバーごと非表示にしています(common.cssの編集だけで可能です)。そのへんはご自分で研究してみて下さい。

非公開 2008.06.12(木) 22:23 修正

管理者にのみ公開されます。

UTA 2010.05.25(火) 11:34 修正

今回学校のHPで「WDPスキン・MINT白」を利用させていただきたいと思います。
初歩的な質問をさせて下さい。
①ブログタイトルの文字の大きさを変更するには何をいじったらいいですか?
②コメントを画像の右に回り込ませる(サンプルのようにする)ためには毎回「$FILE1_r」を書き込むのでしょうか?
③一番最新の投稿のみTOPに表示させる方法がありますか?
④ヘッダ画像の交換はどこでするのでしょうか?
わかる範囲で結構ですので教えて下さい。
よろしくお願いします。

陽子 2010.05.26(水) 20:19 修正

◆UTAさん、ご利用ありがとうございます。

【Q1】ブログタイトルの文字の大きさを変更するには
【A1】CSSファイルをいじったらいいです。skin/common.css の最後(一番下)に、下記を書き足して下さい。

#header h1 * {
font-size: 148%;
}

上記の%は現在のままなので、数字を変えてみて下さい。
元に戻す時はこの部分を削除。
CSSがわからない場合、上記書き足し以外の部分は触らないほうがいいと思います(^^;

【Q2】コメントを画像の右に回り込ませるには毎回「$FILE1_r」を書き込むのでしょうか?
【A2】それが一番楽だと思いますが…。
  スキンを書き換えれば、ファイル添付するだけで($FILE1…の記述なしで)
  回り込むようにも出来ますが、画像毎の左右変更が出来なくなります。
  それでもよければ、skin/diary.html の
<!--ARTICLE_FILE_START--><p>${ARTICLE_FILES}</p><!--ARTICLE_FILE_END-->
  という部分を、下記のように書き換えればいい…はず。
<!--ARTICLE_FILE_START--><p style="float:left">${ARTICLE_FILES}</p><!--ARTICLE_FILE_END-->
  多分これでいけるかな…複数枚貼るとどうなったかな…;;

【Q3】一番最新の投稿のみTOPに表示させる方法がありますか?
【A3】公式の機能解説に書かれていますが…
  http://www.web-liberty.net/download/diarypro/function.html#js
  上記の「jsファイル書き出し機能」をご利用下さい。

【Q4】ヘッダ画像の交換はどこでするのでしょうか?
【A4】skin/abo_img/フォルダに入っている「abo02a_header.jpg」という画像ファイルを、
  同じファイル名の画像で上書きアップロードして下さい。