2012-01-03 15 views
-3

私はこのチュートリアルに従いました:http://www.phpjabbers.com/how-to-make-a-php-calendar-php26-6.html#comments非常に基本的なカレンダーを作成しました。私の目的は、非常に基本的なアベイラビリティカレンダーを作成して、予約された日が異なる色で塗りつぶされるようにすることです。私は、しかし、私は次のような正方形の背景色の半分だけを充填することにより、朝と午後を示すことができるようにしたいと思い、これを達成するために管理している:カレンダーの正方形の半角の塗りつぶし

http://www.phpjabbers.com/availability-calendar/

誰もが、私はこれを実現することができる方法を知っていますか?

+0

http://tinyurl.com/so-hints – hakre

答えて

3

これは、PHPよりもhtml/cssのドメインにあります。あなたが探しているものを達成するための1つの方法は、それぞれの予約状況に応じてカレンダ日をスタイルするCSSクラスを指定することです。

提供されたチュートリアルを丁寧に拒否しているので、表<td>のセルを使用してカレンダーの日を表示していると仮定します。あなたの目標を達成するための一つの方法は、2枚の画像を作成し、一致するクラスを有する細胞のための背景としてそれらを使用することです:

<style> 
td.booked_morning { background-image: url(lower_half.png); } 
td.booked_afternoon { background-image: url(upper_half.png); } 
td.booked_full { background-color: yellow; } 
</style> 

カレンダーを保持するために、たとえば、<div>要素を使用していた場合、同じ概念が適用されます日々。 PHPを使用して、各カレンダーセルに適切なスタイルのタグを付けるだけです。

+0

+1を含めると、私はあまりにも怠惰でした) – MrGlass

+0

@MrGlass Hahaなぜ私は私の最初の本能がdownvoteと移動することでした:)私はそれらの新年の決議する必要があります... – rdlowrey

+0

私は男を助けてみませんか?我々はCSSが何であるかを知らない時がありました。 – MrGlass

0

従来のCSSでオブジェクトを半分にする方法があります。おそらくCSS3を使って色付きの三角形を描画したり、div内に画像を貼り付けることができます。

個人的には、私は背景画像の使用に切り替えます。

0

画像を背景に使用します。たとえば、red.gif、green.gif、red-green.gifなどです。テーブル内のすべてのセル(たとえばred.gif)にデフォルトの背景を設定し、背景属性が!importantの2 cssクラス(.half、.full)を作成します。今すぐあなたはどのセルにクラス.halfまたは.fullを追加することができ、それは半分の色または完全に着色されています

関連する問題