プログラムメモ

Flex,Java,Html など、調べた事のメモ帳です。間違ってたらゴメンなさい。

[PR]

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

2024/05/21 20:41

【CSS】CSSだけでボタンを作る

画像を使わずCSSだけでボタンを表現するのが最近の流行りですね。影やグラデーションなども設定できるので便利です。CSSを自分で書くのは面倒という方は「CSS Button Generator」を使うとはかどりますよ。

まずCSS Button Generatorへアクセスしましょう。

プレビューは最上部に表示されますよ。まずカラーセットを選んで、グラデーションを調整しましょう。その後横幅や縦幅などのサイズ調整、影をカスタマイズしたりしてお好みのボタンを作りましょう。最下部にCSSのコードが表示されるのであとはコピペして完了ですね。CSSでボタンを作りたいときはぜひ活用してみましょう。

CSS Button Generator

2013/06/19 17:10 css Comment(0)

【CSS】div要素で背景画像をスクロールいっぱいにする方法

html{height:100%;}

body{height:100%;}

#wrapper{width:900px; min-height:100%; display:block; position:absolute;}

サイト中央にしたい場合は、positionの親要素のdivに真ん中指定をしてあげてください。

#center{width:900px; min-height:100%; position:relative; margin:0 auto;}

2013/06/15 19:07 css Comment(0)

説明

bool imagefilledpolygon ( resource $image , array $points , int $num_points , int $color )

imagefilledpolygon() は画像 image 上に塗りつぶした多角形を生成します。

パラメータ

image: imagecreatetruecolor() のような画像作成関数が返す画像リソース。
points: 多角形の頂点の座標 x および y を含む配列。
num_points: 頂点の総数。 3 以上である必要があります。
color: imagecolorallocate() で作成した色 ID。

返り値

成功した場合に TRUE を、失敗した場合に FALSE を返します。

例

例1 imagefilledpolygon() の例

<?php

				// 多角形の点の配列を準備します

				$values = array(

				            40,  50,  // Point 1 (x, y)

				            20,  240, // Point 2 (x, y)

				            60,  60,  // Point 3 (x, y)

				            240, 20,  // Point 4 (x, y)

				            50,  40,  // Point 5 (x, y)

				            10,  10   // Point 6 (x, y)

				            );

				

				// 画像を生成します

				$image = imagecreatetruecolor(250, 250);

				

				// 色を割り当てます

				$bg   = imagecolorallocate($image, 0, 0, 0);

				$blue = imagecolorallocate($image, 0, 0, 255);

				

				// 背景を塗りつぶします

				imagefilledrectangle($image, 0, 0, 249, 249, $bg);

				

				// 多角形を描画します

				imagefilledpolygon($image, $values, 6, $blue);

				

				// 画像を出力します

				header('Content-type: image/png');

				imagepng($image);

				imagedestroy($image);

				?>