Home > Tags > css

css

スポンサードリンク

ZenPhoto+Vicuna

2008-06-06 (金)
他
css | Theme | ZenPhoto

このページは？

　色々なCMS用に配布されているTheme（template/skin）のVicunaをアルバム構築ツール「ZenPhoto」でも使えるように取りあえず移植した物を配布するページです。

　かなりやっつけ仕事ですが、取りあえずVicunaのスタイルを適用したい場合には使えると思います。

ZenPhotoとは

　PHPでMysql必須のアルバム構築ツール。

配布先：http://www.zenphoto.org/
PHP 4.10+ with GD support、MySQL 3.23+
theme集：http://www.zenphoto.org/zp/theme/

Vicunaとは？

　詳しくはこちらをご覧下さい。

Download

以下のファイルをダウンロードしてください。文字コードはUTF-8のみです。

差し替え：vicuna-ZPV ver1.01 (90.7 KB)：2008 年 6 月 29 日
- Windowsで解凍すると（_MACOSX）というフォルダが出来ることがあったのでファイル変更しました。6/25にUPしたVersionと内容に変更はありません。
~~vicuna-ZPV ver1.01：2008 年 6 月 25 日~~
~~vicuna-ZPV ver1.00：2008 年 6 月 25 日~~

動作環境

ZenPhoto ver1.1.6 以上推奨。
ver 1.1.7、ver 1.2動作確認済み。

＊1.2.1はテストしましたが、ツール自体に若干問題があり管理画面での編集で日本語表示、登録が出来ませんでした。1.2から随分マルチバイト関係が変わった可能性があります。当サイトでは一度1.2.1にUPしましたが1.2に戻しました。

ライセンス

ZenPhoto：GNU General Public Licence
Vicuna：クリエイティブ・コモンズ・ライセンス3.0

導入方法

ダウンロードしたzipファイルを解凍
ZenPhotoディレクトリ/themes/
にupload。
管理ページにログイン→theme選択ページにて「ZPV」というthemeをアクティブにする。
文字コードはUTF-8ですのでZenPhotoの設定でUTF-8を選択してください。

　ちなみにログイン状態でアルバムを表示させると右上にAdminToolboxが表示されるので便利です！

カスタマイズ

downloadファイルには現在他のツール用に配布されている物に同梱されているのと同じ「style-smartCanvas」が同梱されていてそのままデフォルトスタイルとして適用されています。
基本的には他のツールと同様の方法でカスタマイズできます。globalNaviはもちろん１カラム、２カラム、３カラムの適用、アイキャッチ画像の適用も全て他ツールと同じです。
- 注意！３カラムにすると個別imageのページで画像サイズが大きいとサイドバーまで画像がはみ出ますので別途UPする画像サイズの注意、もしくはZenPhoto側で表示画像サイズ調整を行ってください。

（例）その他のスタイルにしたい場合

Vicunaのどのツール用でも良いのでスタイルをdownloadします。（どのツールでも同じスタイルが使えます）
downloadしたzipファイルを解凍。
ZenPhotoディレクトリ/themes/vicuna-ZPV/
にそのスタイルをupload。
ZenPhotoディレクトリ/themes/vicuna-ZPV/style.cssの for Vicuna Style Import部分に記述されている「@import url(”style-smartCanvas/0-import.css”);」の赤い部分を適用させたいstyleに書き換える。
書き換えたstyle.cssをupload。

Q&A

Q：カレンダーはないのですか？

A：ありません。

Q：他のスタイルを適用しても検索部分のボタンの色が変わらないのですが？

A：blogや汎用cmsツールではなくアルバム構築ツールに強引に移植したため、適用しにくいスタイルがあったり、ZenPhoto用のデフォルトthemeも参考にしているためVicuna用の各スタイルには無い部分があり、その部分はZenPhoto独自というスタイルになっています。その為Vicuna用のスタイルを適用させても変更しない部分がありますので、そこも変更したい方は「zp-vicuna.css」というスタイルに記述されていますのでそちらもカスタマイズしてください。

Q：パンくず部分の一番上位部分がサイト名になるのですが

A：ZenPhotoの設定でoption-gallery configurationの部分でWebsite title、Website urlに自分の本来のサイトを設定すると一番上位のパンくずに表示され、次にGallery titleに設定した部分が表示されるようになるので、お好きなようにその部分はカスタマイズしてください。

Q：indexやアルバムPageで次Pageへとか、の部分をVicunaスタイルの表示方法にしたい場合は？

現在はZenPhoto標準の表示方式で表示されています。

<?php printPageListWithNav("&laquo; prev", "next &raquo;"); ?>

と、記述されている部分を、

<ul class="flip pager" id="flip2">
	<?php if (hasPrevPage()) { ?>
	<li class="newer"><a href="<?php echo getPrevPageURL(); ?>" accesskey="x"><?php echo gettext('prev page'); ?></a></li>
	<?php } ?>
	<?php if (hasNextPage()) { if (hasPrevPage()) { echo '&nbsp;'; } ?>
	<li class="older"><a href="<?php echo getNextPageURL(); ?>" accesskey="x"><?php echo gettext('next page'); ?></a></li>
	<?php } ?>
</ul>

と、書き換えてください。

XHTML Transitional

　Vicunaの概念である「XHTML1.0 StrictのDTDに準拠」と言う物ですが、ZenPhoto側が吐き出すソースでのErrorと私の技量が問題で解消しきれなかったため「XHTML Transitional」に変更させていただきました。「XHTML Transitional」への準拠率は100％ではなく、これも一部Error部分があります。

主なError部分

個別画像を表示させるページファイル「image.php」に含まれるコメント投稿部にあるZenPhoto標準機能「Captcha」部分がErrorになります。
標準ではなくプラグインでStarRating機能を利用するとそのプラグインが吐き出す改行部分がErrorになります。

　以上のため、真っ新な状態で利用しても１ヶ所Captcha部分だけがErrorになりますが、これは他に配布されているZenPhoto用Themeでチェックしてもこの部分だけはErrorになりますので現段階で完全にはならないのかなと思います。

　あと、かなり強引に移植した部分も有るため、他のツールと表示され方が違う部分もあります。本当にあくまでVicunaのstyleが利用できる物と割り切ってください。

Comments: 0
Trackbacks: 0

自分を表すcss

2008-04-18 (金)
Web
css

gaspanik weblogさんやThe blog of H.Fujimotoさんが自分の情報を、スタイルシート風に記述していたのでコリャ面白いと思って自分もやってみた。

　あんまり代わり映えしないけど、結構いいんじゃない？そんなわけで早速やってみた。

qozyをid（#）で表現。

#qozy {
height: 173.7cm;
weight: 64kg;
float: right;
margin: 300cm;
padding: 20%;
background-identity: url(http://Japanese);
aura-shadow: 1px 2px 2px #6633FF;
}

解説すると・・・

#qozy
height: 身長
weight: 体重
float: 利き手（右利き）
margin: 他人との距離
padding: 体脂肪率
background-identity: url: 人生のアイデンティティ
aura-shadow: 1px 2px 2px #6633FF;私のオーラ。Safariでしか表示されないようにShadowで表現。どんよりとした紫。

cssでidで表現っていうのが特定の個人だけって言う感じで面白いですね。
classで人種とか性別とか国籍とか別けるのかな？classだけに何年何組ってのもclassかな？
background-identityがJapaneseってなんか変だなぁ。まぁいいや(^.^)
でもこんな感じのProfileや自己紹介とかあっても面白そうですね。

Comments: 0
Trackbacks: 0

ブログ崩れてます！と、気になってしまう

2004-11-14 (日)
Web
css

自分でこのブログを始めて何ヶ月かたったけど、そのおかげで他の方のブログもかなり見る機会が増えたのだが・・・よく見かけるのがレイアウトの崩れている方がとても多いのが気になります。自分のこのブログもCSSやHTMLいじったときには崩れたりしましたが、しかもこれがブラウザソフトによって異なるんですよね。IEで表示できてもネスケでは崩れる、その逆も多いのですよね。今のこの自分のブログも一時期崩れまくって大変でした　四つのブラウザで全部チェック！ＩＥとネスケでの違いが多かった気がします。

てなわけで苦労した分見かけると（崩れているブログを）気になってしまう今日この頃でした。