[button]ボタン ベース素材 (アクア&楕円形)

ボタンのベース素材です。大きい楕円のボタンなので、メニューボタン以外にアイキャッチ、ワンポイントとしても使えると思います。

メニューボタン ベース 素材

配布zipはFireworks(png)またはPhotoshop(psd)の直接編集用ファイルと、PNG24形式のWeb用ファイルのセットです。
Fireworks PNGとPSDは白背景用と黒背景用とサンプルテキストが全て含まれています。

“Aqua-egg Button Packs” をダウンロード WTN-button01.zip – 904 回のダウンロード – 90 KB

Creative Commons License

SiteTemplate07:Autumn Lovely

ちょっとテクニカルなレイアウトのWebサイトテンプレート。
時期ハズレの秋用テーマです…

このテンプレートは1カラムの固定レイアウトで、slideBoxを使用してスクロールバーをカスタマイズしています。
元々ブログ用に作ったものなので、普通のサイトだと使いづらいかもしれません。
コンテンツのスライドはslideBox.js ver1.0を改変してマウスホイール対応にさせてます。
詳しくはこちらの記事を参照»[mootools]slideBox ver1.0をマウスホイールに対応させる
下方向の処理は手抜いてるので普通にスクロールバー出した方がいいかも。

トップページでコンテンツを非表示にするスクリプトと、
マウスオーバーで一言コメント表示するToolTipも仕込んであります

フォントサイズ指定はYUIのやつ使ってます。

SiteTemplate07:Autumn Lovely

  • 1Columun 2BOX
  • XML宣言あり
  • ドキュメントタイプ:XHTML 1.0 Transitional
  • 文字コード:UTF-8

“SiteTemplate07:Autumn Lovely” の続きを読む

[icon]クリスマス用フォルダアイコン(プレゼントボックス)

クリスマスっぽい赤リボン+緑箱のアイコンと緑リボン+赤箱のアイコンを作ったので晒しときます。

クリスマス用プレゼントボックス デスクトップアイコン

icoファイルとpng24形式のファイル(300pxサイズ)が入ってます。
pngの方はweb素材用です。適当に加工して使ってください。

“Xmas-Box Icon” をダウンロード WTN-xmas_box.zip – 848 回のダウンロード – 185 KB

Creative Commons License

GoogleMapSample12:iframe用ページテンプレート

iframe用のページを毎度作るのが面倒臭い。と思って自分用に作っておいたファイルを晒すよ!

使い方

  1. ダウンロード&解凍
  2. 中身を修正する
  3. iframeでリンク貼る

動作はGoogleMapSample6:コントロールの追加とほぼ同じです。(GMap2のソース)
修正箇所にはソース内コメントで解説入れてあります。

GoogleMaps座標検索のスクリプトファイルとセットにしました。

[ダウンロードが見つかりません]

AptanaをDreamweaverっぽい色にする

コードビューのカラーリングが違うと計り知れない違和感を感じる件…ってなわけで
AptanaのコードビューをDreamweaverっぽい色にするcolファイルを晒してみるテスト。
完全に同じ色にはならないけど雰囲気は似てると思います。
使い方は、ウィンドウ→設定から各言語の設定(Colors)でインポートするだけ。

HTML、CSS、PHP、Javascriptのcolファイルが入ってます。気に入らないとこは適当に変更してください。
ダウンロード:

PHPはコメントの色が変わらないところがあるので、気になるなら
Colors:PHPDocもオレンジ色に変更しとくといいかもしれない。

Javascriptのcolファイル追加 細かいところ変更。

“Aptana DW colors” をダウンロード Aptana_DW_col.zip – 1595 回のダウンロード – 4 KB

クリエイティブ・コモンズ・ライセンス

SiteTemplate06: PhantomWhite

ちょっとテクニカルなレイアウトのWebサイトテンプレート。
個人サイト或いはブログ向けの2カラム固定幅レイアウト。色違いの黒もあります。

半透明の背景、PNG24のタイトル画像、オーバーフローによる擬似フレーム。
ページを開いた際に一時的にコンテンツを隠すカバーと、別ページにジャンプするときにダイアログ出すスクリプトが入れてあります。
フォントサイズ指定はYUIのやつ使ってます。
Divまみれなので変更はしづらいかもしれない。

SiteTemplate06

  • 2Columun 2BOX(irregular)
  • XML宣言あり
  • ドキュメントタイプ:XHTML 1.0 Transitional
  • 文字コード:UTF-8

“SiteTemplate06: PhantomWhite” の続きを読む

SiteTemplate05: PhantomBlack

ちょっとテクニカルなレイアウトのWebサイトテンプレート。
個人サイト或いはブログ向けの2カラム固定幅レイアウト。色違いの白もあります。

半透明の背景、PNG24のタイトル画像、オーバーフローによる擬似フレーム。
ページを開いた際に一時的にコンテンツを隠すカバーと、別ページにジャンプするときにダイアログ出すスクリプトが入れてあります。
フォントサイズ指定はYUIのやつ使ってます。
Divまみれなので変更はしづらいかもしれない。

SiteTemplate05

  • 2Columun 2BOX(irregular)
  • XML宣言あり
  • ドキュメントタイプ:XHTML 1.0 Transitional
  • 文字コード:UTF-8

“SiteTemplate05: PhantomBlack” の続きを読む

[bg]CSS用ドロップシャドウ背景 8ColorPack(パステル系)

コンテンツ部分の両端にドロップシャドウを付ける、repeat-y用の背景画像をまとめたパッケージです。
パステル調の8色セット。コンテンツエリアはwidth:900pxです。

8Color Backgrounds Pack
サンプルページ

フリー素材です。色変更、サイズ変更、加工etcは自由なので、煮るなり焼くなりしてお好きなように使ってください。
Creative Commons License

ダウンロード:

“900dsbg_pack01” をダウンロード WTN_900dsbg_pack.zip – 994 回のダウンロード – 15 KB

使い方は解凍ファイル内にあるサンプルHTMLファイルのソースにも書いてありますが、
background-imageプロパティで背景画像指定してrepeat-yするだけです。
background-positionは横方向をcenterに。
コンテンツエリアのサイズ変更は切り貼りでおk。

SiteTemplate03:2Column 5box CenterVisual&TabMenu

ちょっとテクニカルなレイアウトのWebサイトテンプレートその3。
中身は基本的なXHTMLとCSSだけで、メニューとレイアウト要素以外は入っていません。

このテンプレートは上にタブメニュー、中央にメインビジュアル用のwidth:100%ブロックがある2カラム構成で、タブが上に動くアクションはCSSでやっています。
並び順は上から、ヘッダ(メニュー)»ビジュアル»コンテンツ»サイドバー»フッタ。
フォントサイズ指定はYUIのやつ使ってます。

SiteTemplate03
このテンプレートには、使用しているボタン・コンテンツタイトル画像のpdfファイルが添付してあります。

▼所謂Web2.0っていう感じのやつ
SampleButton

  • 2Columun 5BOX
  • XML宣言あり
  • ドキュメントタイプ:XHTML 1.0 Transitional
  • 文字コード:UTF-8

“SiteTemplate03:2Column 5box CenterVisual&TabMenu” の続きを読む

SiteTemplate02: 2-3Columun 4-5BOX BlogStyle

ちょっとテクニカルなレイアウトのWebサイトテンプレートその2。
中身は基本的なXHTMLとCSSだけで、メニューとレイアウト要素以外は入っていません。

このテンプレートはブログによくあるトップのみ3カラム、中が2カラムの構成で、ヘッダとフッタが横100%に見えるように作ってあります。
コンテンツ・サイドバーの量が多くなるのを想定した作りなので、中身が少ないとフッタが下にピッタリくっつきません。
We
並び順は上から、ヘッダ»グローバルメニュー»コンテンツ»サイドバー»フッタ。
フォントサイズ指定はYUIのやつ使ってます。
CSSのフィルタリングで使用しているif文については、IEのみに適用させるIFで解説しています。

SiteTemplate02

  • 2-3Columun 4-5BOX
  • XML宣言あり
  • ドキュメントタイプ:XHTML 1.0 Transitional
  • 文字コード:UTF-8

“SiteTemplate02: 2-3Columun 4-5BOX BlogStyle” の続きを読む

SiteTemplate01: 1Columun 4BOX TabMenu

ちょっとテクニカルなレイアウトのWebサイトテンプレート。
中身は基本的なXHTMLとCSSだけで、メニューとレイアウト要素以外は入っていません。

このテンプレートは上にタブメニューがある1カラム構成で、ロールオーバーとカレントページのタブスタイル変更はjavascriptを使用しています。
並び順は上から、ヘッダ»メニュー»コンテンツ»フッタ。
フォントサイズ指定はYUIのやつ使ってます。

SiteTemplate01

  • 1Columun 4BOX
  • XML宣言あり
  • ドキュメントタイプ:XHTML 1.0 Transitional
  • 文字コード:UTF-8

“SiteTemplate01: 1Columun 4BOX TabMenu” の続きを読む