basis by cat-walk†
名前の通り普通の既視感溢れるデザインのスキン。
英語でbasic。
basisは蘭語。
CSSで段組みしています。
validかはまだ未検証。
pukiwiki 1.4.5以降用。
レイアウト用のCSSとデザイン用のCSSとで分離させているのでスタイルの変更が容易です。
デフォルトでgray,natural,rainy_blue,cherry,colorfulの5色を用意しています。
使い方†
ダウンロードしたらSKIN_DIR下に解凍してください。
そのあとにpukiwiki.ini.phpの設定でSKIN_DIRをbasisのあるディレクトリに指定し、アップロードしてください。
デザイン用のCSSを変更するには解凍して出来たpukiwiki.skin.phpを開き、$skin_styleのところを変更してください。
スクリーンショット†
gray | rainy_blue |
natural | cherry |
colorful | |
サンプルサイト†
猫歩き
(メニューのskinのところでスキンをbasisに変更してください。)
ダウンロード†
更新履歴†
日付 | バージョン | 内容 |
2005-04-02 | 1.0.6 | CSSのエンコードをEUCに変更。サイト内検索をGetメソッドからPostメソッドに変更。 |
2005-04-01 | 1.0.5 | 変数名が間違ってたのを修正。 |
2005-03-03 | 1.0.4 | navigatorへのリンクが効いていなかったのを修正。 |
2005-03-03 | 1.0.3 | font-familyの指定を変更。TrackBack、リンク元の表示位置を変更。 |
2005-02-27 | 1.0.2 | geckoで編集フォームのフォントサイズがでかくなりすぎるのを修正。popular,recent,calendarの表示を改善。配色にcolorfulを追加。 |
2005-02-27 | 1.0.1 | geckoでレイアウトが崩れるのを修正 |
2005-02-26 | 1.0.0 | 公開 |
コメント†
- こんにちは :) スクリーンショットの上に説明を追加してみましたが、間違っていたら直してやって下さい。 -- henoheno
- pukiwiki.skin.phpの190行目の<?php echo $style ?>って<?php echo $skin_style ?>じゃないですか? -- haj
- pukiwiki.skin.phpの45行目がstyle/(アーカイブの中身はstyles/)なのでカラーのcssにパスが通らなくなっています。せっかく素晴らしいデザインのスキンなので、たくさんの方に使って頂くためにもローカルで試されてからUPした方が良いかも?です:-) -- paki
- それとbase.css.phpがSjisコードなのでEUCに変換しないとうまく動作しませんでした。あとサイト内検索なのですが、getメソッドが禁止されているようなので、<form action="<?php echo $script ?>?cmd=search" method="post" id="search">とするとうまく行きました。いちゃもんばかりで申し訳ないですorz -- paki
- 直ったような気がします。なにかあったらガンガン指摘してやってください。 -- cat-walk
- こんばんは、basis106.tgzをダウンロードして使わせていただいたところ本文とメニューバーがずれてしまいます。直し方が分からない為指導していただければと思います。 -- Pony
- でかい画像が貼られているページなどではずれるかもしれません。また、IE6.0とFireFoxとで確認していますが、それ以外では確認していないので、そのためかもしれません。 -- cat-walk
- お返事ありがとうございます。貴サイト[猫歩き]のメニューにあるskinをbasisにした時と同じ状態なのですが…仕様ですか? -- Pony
- 原因が分かりました。どうやらメニューバーのところが%指定になっているので1280xだとレイアウトがずれるようです。ピクセル指定の仕方を教えていただきたいのですが^^; -- Pony
- Firefoxではまったく問題なく表示されるので、IEの%指定のバグなのかもしれませんね;; -- paki
- base.css.phpファイル内で、div.leftのwidth属性の値を25%から24%に変更したところ私のIE6ではいい感じです。 -- imanari
- 画像を添付ファイルにして、#ref(test.jpg,right,wrap,around) のようにすると、Firefox(Ver.1.0.4、Windwos 2000)だと画像ファイルが表示されないようです。IE6(Windwos 2000)だと表示されます。#ref(dynabook.jpg) のように回り込みを指定しないとFirefoxでも表示されるようになりますね。 -- munmun
- とてもいいですね。こちらで使用させて頂いてます。 -- hirokasa
- とてもシンプル+かっこよくて一目惚れしてしまいました。一言だけ注文させてもらうとサンプルサイトのメニューにマウスを合わせると背景色がちょっとかっこよくなりますよね(透明なグレーと言いますか)。これが何故か自分のは表示されなくて、-を使用してリンクさせた時のみこの表示になるということが分かるまで3時間くらい悩んでしまいました。簡単に説明を書いておくと良いかもです。 -- 一言だけ注文をさせてください
- tableの縦の罫線が表示されないですね。どこで指定すればいいんでしょうか? -- り
- base.css.phpの283行目「div.body td.style_td」の中に「border-style: solid solid; border-width: 1px 1px;」を追加すると縦の罫線が表示できました.ついでに横の罫線を実線にするには,stylesフォルダのgray.cssなどの86行目「div.body td.style_td」の中にある「border-bottom:dashed ...」のdashedをsolidに変更すると実線にできました. -- ら
- 東京農工大学eラーニングプロジェクトのサイトページとして使用させて頂きました。少し改造させて頂きました。よろしいですよね? http://www.elp.tuat.ac.jp/ -- 辰己
- 本文とメニューバーがずれる件、calendar2をメニューバーに表示させると発生します。対応策はありますでしょうか。 -- tcat
- div.rightのwidth値を75%から73%ぐらいに減らすとメニューバーがずれない気がしますが、どうでしょうか? --
- Firefox#ref around関係で画像表示しない人はbase.css.phpのimgの所からmax-width:100%;の部分削除を試してみて下さい。 --
- シンプルでいいスキンですね。ただ、ファイルの文字コードがEUC, 改行コードがCRLFになってますね。EUCならば改行コードはLFが良いです。EUCでCRLFだと、Subversionに「svn: 改行文字スタイルが一貫していません」と怒られます。 :p --
- ページを下層に作るために./を使って新規作成すると「有効なWikiNameではありません」と出ます。basisを入れる前の本体のみでは./で階層にできるのでbasisが原因と思うのですが、どこを直せばいいか分かりません。 -- てす
- (「SKIN_FILE is not found」とエラーが出てうまくいかない、という旨のコメントがココにありました。)
- 解凍したできたディレクトリのどれか中に、pukiwiki.skin.php がありますよね。そのディレクトリを指すようにSKIN_DIR を変更してください、という意味のようです。副作用として、そのままでは携帯デバイスからは見れなくなりそう(keitai.skin.php は同梱されていないので) --
- あ、レスをありがとうございます。自己解決したので消してしまいました。。。 -- yama
- PukiWikiのskinフォルダに入っているものをすべて削除して、解凍して出来たフォルダ1とファイル3をそのままskinフォルダに入れたら出来ました。 -- yama
- (作者の方へも含めた)お知らせ: 同梱されているtrackback.js は削除対象ファイルです。(詳細: dev:BugTrack2/62, WebTrack/74) --
- かなり昔の学会全国大会用のサイトで使用していたWikiを,サーバ更新でPukiWiki 1.5.4+PHP 8.1.7の環境に移行したら左側サイドメニューが本文領域下側に表示されてしまいました。base.css.phpの193行目に残っていたeregをpreg_matchを用いて修正したところ問題無く表示されるようになりました。 -- TimTiptoes
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1
- 1 -- 1