ホーム > フォーラム > 開発 > デザイン開発 > W3C XHTML1.0/CSS ??????????

W3C XHTML1.0/CSS ??????????
投稿者: SeeDa | 投稿日時: 2006/11/14 3:36 | 閲覧: 17734回
SeeDa
3????2?????????????table???????default????????????????
lint?98????????????????????????????????????

theme style ??????????????????????????????????
/modules/system/blocks/system_blocks.php
/header.php

?????????????????????????????????????????

????????????

コメント(6)

Re: W3C XHTML1.0/CSS バッチを貼れるテーマ 
投稿者: Tom_G3X | 投稿日時: 2006/11/14 16:03
Tom_G3X
SeeDaさん、こんにちは。

おぉ〜〜!!今度の勉強会で、紹介してね〜〜

line 32
<{include file="default/theme_blockleft.html"}>

ところで、これだけ、ちょっと、気になるんですがぁ〜〜^
Re: W3C XHTML1.0/CSS バッチを貼れるテーマ 
投稿者: SeeDa | 投稿日時: 2006/11/14 16:58
SeeDa
Tomさん、どうもです。
なにやらmixiでは自己解決してらっしゃるようですが明らかなミスです
何の意味もありません……。

今夜バナーのサイズ取得を入れる時にあわせて修正します!

ありがとうございました。
Re: W3C XHTML1.0/CSS バッチを貼れるテーマ 
投稿者: SeeDa | 投稿日時: 2006/11/15 13:03
SeeDa
まだダウンロードできるように用意はできていませんが、Tomさんの助言(ヒント)もいただき、いくつか変更しました。

・ブラウザの最大幅で表示
・原則3カラムでありながら、左ブロックなし、右ブロックなし、中央ブロックなしに対応

左右ブロックをそれぞれ20%として、
・左右ブロックがある場合
 中央ブロック 60%
・どちらかのブロックがない場合
 中央ブロック 80%
・どちらのブロックもない場合
 中央ブロック 100%

これらは以下のコードで、id:centercolumnの末尾に、BL, BR, BLRをつけてスタイルで制御しました。
<div id="centercolumn<{if $xoops_showlblock == 1 && $xoops_showrblock == 1 }>BLR<{elseif $xoops_showlblock == 1}>BL<{elseif $xoops_showrblock == 1}>BR<{/if}>">


動作サンプル
Re: W3C XHTML1.0/CSS バッチを貼れるテーマ 
投稿者: emori | 投稿日時: 2006/11/15 20:45
emori
普段OSSのXOOPSを利用させて頂いている中で、
何かお返し出来る事が無いかな・・・などと思いつつ
不勉強が故に力になれるような事が何も出来ずにいましたが、
http://xoopscube.jp/modules/xhnewbb/viewtopic.php?viewmode=flat&topic_id=4196&forum=7
のCube2.1進行中のminahitoさん達の書き込みを読ませていただき、
微力ながらも参加させていただきます。


Cube2.1で(もちろん2.0xでも)使用可能なXOOPSのテーマです。
Cube2.1のテーマ仕様(?)のmanifesto.ini.phpも添付してあります。

3カラム、2カラム対応のCSSベースのテーマ(コンテンツファーストの1〜3カラム対応)で
ブロックは、トップセンター、センター左右ブロック、ボトムセンターも可能です。
(weight=10にて、トップセンター&ボトムセンターを切り換え)
ただ惜しい事に、トップセンター、ボトムセンターを実現する為、
センター左右ブロックの周りに一カ所だけテーブルがあります。



Another HTML-lint gatewayで100点
W3C HTML検証サービスでValid
W3C CSS 検証サービスでValid
WebXACTでW3C WCAG P2
Webアクセシビリティ・ツールボックスでアクセス性:高(スコア=100)
を取得できます。(ただし多くのモジュールでテンプレートの修正が必要となりますが・・・)

style.cssの#headerを変える事で、カラーバリエーションが楽しめます。
センター部の各タイトル部分には固有のidが付きますので、
CSS次第で、各ブロック別色のタイトルなどを付けられます。

元デザインはNapdaysさんのKASANE(WordPress用)がベースで
それをXOOPS用にカスタマイズしたので、「KASANEX」となっています
CSSのベースはホダ塾さんの「3col_Rigid_default」ですが、アレコレ変更してあります。
その他色々な方々のハックなども満載です。

よろしければ使っていただき、バグやCSSのアドバイスなどありましたら、レスポンスをよろしくお願いします。

ダウンロード先はこちら
やはりテスト用の為、内容は無いです。


こっそりとバージョンアップ
完全テーブルレスになりました。
FireFoxでのズレも解消!
Re: W3C XHTML1.0/CSS バッチを貼れるテーマ 
投稿者: vdms | 投稿日時: 2007/4/19 22:45
vdms
W3C準拠、Lintで100点、IE6/7-FireFox対応、完全テーブルレス....なつもりのテーマを作ってみました。要らないクラスとかも残ってますが、ご容赦を。

出来上がりはこんな感じ→私のサイト
ダウンロードはこちらから→ダウンロードページ
Re: W3C XHTML1.0/CSS バッチを貼れるテーマ 
投稿者: vdms | 投稿日時: 2007/4/20 23:35
vdms
自己レスで失敬します。

デフォルトで入っているスタイルシート判別ルーチンではIE6とIE7に同じcssを送ってしまいレイアウトが崩れます。
なので./include/functions.phpの503行あたりを以下のように変更して、IE7にはStyleNN.cssを送るようにしてみました。

引用:

} elseif (preg_match("/MSIE ([0-9]\.[0-9]{1,2})/i", $uagent)) {
        これを ↓ このように変更

} elseif (preg_match("/MSIE ([0-6]\.[0-9]{1,2})/i", $uagent)) {



インスタントFIXでデザインとはあまり関係ないかもですが、ご参考まで。

    投票(0)

    新しいものから | 古いものから | RSS feed
     
    To Top