サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
ノーベル賞
sozai.akuseru-design.com
付箋風のボタン用背景画像です。文字を乗せてお使いください。手書き風のフォントを探して乗っけてみると良い雰囲気になるかもしれませんね。 うーん、でもちょっとカーブが微妙に一回沈んでるのが気になる(笑)。 ※こちらはpngファイルです。 >> ZIP一括ダウンロード
ここでは、ちょっと役立つCSSをメモ程度に置いていきます。 ご自由にお使いいただけますが、設置後の動作を保障するものではありませんのでご注意ください。 昔っから、tableやdivなどの「幅」はともかく、「高さ」に苦戦しました。 CSS主流になってからは特にやっかいで、divに高さ指定して、うっかりして入れすぎるとテキストがびょ~~んとはみ出したりとか(笑)、そりゃもう「高さ」の概念はちょっと・・・的になってました。 いや、CSSでも「最低の高さ」を指定する「min-height」っていうプロパティがあるんですよ、実は。 でもね、これがまたおりこうさんのIEには効かなかったりするわけですよ。(泣) で、いろいろ探してたら見つけました♪howtohp.comさんに載っていた方法をご紹介します。 これだとIEでもきちんと表示されるので便利!しかも簡単! ありがたくて涙が出てきました。(笑) :
WEBデザイナーの視点から作った使いやすい超シンプル素材をご提供します!当サイトで掲載している素材は全て無料でご利用いただけます。商用利用や加工もOKです。ご自由にお使いください!(素材数:2010/09/27現在-5967)
前に似たようなのがありましたが、丸に三角の入った矢印アイコンです。 ※こちらはpngファイルです。 >> ZIP一括ダウンロード
見出し用の画像です。 以下CSSで表示させていますので、画像は一括ダウンロードしてください。 ※こちらはpng画像です。 サンプル サンプル サンプル サンプル サンプル サンプル サンプル サンプル サンプル サンプル >> ZIP一括ダウンロード *** CSSサンプル *** h3 { height:24px;margin:0px 0px 5px 0px;padding:8px 0px 0px 15px; font-size:16px;font-weight:bold;color:#444444; background-image:url(img/head017_01.gif); } ※ widthを指定しないことで外枠の幅に合わせて100%表示させることができます。但し、この画像に関しては640pxですのでそれ以上になると繰り返されますのでご注意ください。 見出し用の画像です。ちょ
ちょっとカッコイイフォント(フォント名不明)のNEWアイコンです。※静止版はpngファイルです。 >> ZIP一括ダウンロード
ちょっと透明感のあるボタン用背景画像です。文字を乗せてお使いください。 ※こちらはpngファイルです。 >> ZIP一括ダウンロード
この間テレビでスペインの世界遺産を見てたら感動したので、 ちょっとだけモザイク柄イメージの画像を作ってみました。 >> ZIP一括ダウンロード
<CSS表記> .table_01 { width:100%;margin:0px 0px 10px 0px;padding:0px; border-collapse:collapse; border-top:1px dotted #999999; } .table_01 th { width:25%;padding:4px 2px 2px 4px; text-align:left;vertical-align:top;color:#666666; background-color:#EEEEEE; border-bottom:1px dotted #999999;border-left:5px solid #FF9900; } .table_01 td { padding:4px 2px 2px 4px; border-bottom:1px dotted #999999;border-l
040 ボタン用背景画像 (150x35px) 波線の入ったボタン用の背景画像です。文字を乗せてお使いください。 黒がちょっとタイヤ痕みたい・・・。 ※こちらはpngファイルです。
057 ちょっと透明感のあるボタン用背景画像 (180x30px) ちょっと透明感のあるボタン用背景画像です。文字を乗せてお使いください。 ※こちらはpngファイルです。
050 つやっぽいボタン用背景画像 (180x30px) ちょっとつやっぽいボタン用背景画像です。文字を乗せてお使いください。 掲載頻度低下に伴い、色増量中。(笑) ※こちらはpngファイルです。
ここでは、ちょっと役立つJavascriptをメモ程度に置いていきます。 ご自由にお使いいただけますが、設置後の動作を保障するものではありませんのでご注意ください。 006 IE6でpngファイルをキレイに表示させる 最近のブラウザでは普通に対応している透過pngファイルの表示ですが、InternetExplorer6では対応していません。でも、最近のデザインではpngも使いたいし・・・という方にオススメのjsがあります。 >> Unit PNG Fix こちらのサイトでダウンロードできるファイルに「unitpngfix.js」というjsがありますので、外部読み込みで各ページにリンクさせればOKです。また、「clear.gif」という画像ファイルも必要ですのでアップしましょう。 ::::: HTML表記 ::::: ◎ヘッダー内に記入します。パスを間違えないように。 <script
>> ZIP一括ダウンロード *** CSSサンプル *** h3 { height:30px;margin:0px 0px 5px 0px;padding:15px 0px 0px 8px; font-size:18px;font-weight:bold;color:#990000; background-image:url(img_head/head016/head016_01.png); } ※ widthを指定しないことで外枠の幅に合わせて100%表示させることができます。但し、この画像に関しては640pxですのでそれ以上になると繰り返されますのでご注意ください 背景色変更: 015 見出し用画像 (640x32px) 見出し用の画像です。ちょっと文字大きめ(16px)です。 以下CSSで表示させていますので、画像は一括ダウンロードしてください。 ※こちらはpn
ここでは、ちょっと役立つCSSをメモ程度に置いていきます。 ご自由にお使いいただけますが、設置後の動作を保障するものではありませんのでご注意ください。 昔(といっても3、4年前まで)は、テーブルでのレイアウトが主流だったWEBデザイン。今ではすっかりcssに取って代わられたイメージがありますよね。 じゃあ、テーブルなんて必要ないじゃん!・・・いやいや、表組みなんかはテーブルが大事。 cssだけで無理やり表組みを作るより、きちんと目的に合っていればテーブルを使うほうが良いことだってあるんですよ。っていうか、そっちの方が良い。 というわけで、cssだけでちょっとかっこいいテーブルを作ってみませんか? ◎ワンポイントメモ ※ブラウザによって若干表示が異なることがあります。(点線の認識とか表示、左右ボーダーの太さと表幅の関係などなど) ※各スタイル表記に関しては、TAGindexさんな
Count per Day 8004225総閲覧数:3636539総訪問者数:22今日の訪問者数:14昨日の訪問者数:1現在オンライン中の人数: 「超シンプル素材集」へようこそ! 商用利用OK・加工OK・許可不要・ALL無料のホームページ用素材をご用意しております。かなり自由にご利用いただけますが、ご利用の際は一応「利用規約」をご覧ください。
このページを最初にブックマークしてみませんか?
『WEBデザイナーが作った超シンプル素材集 | WEB素材 ボタン 背景画像 矢印アイコン』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く