運用力があるから結果につながる!リスティング広告やSNS広告の配信事例300連発OUARTETのバナーデザイン
運用力があるから結果につながる!リスティング広告やSNS広告の配信事例300連発OUARTETのバナーデザイン
タグ一覧 タイトルロゴ(159) プライマリナビゲーション(72) グローバルナビゲーション(246) メインビジュアル(95) 見出し(326) 文字装飾(10) アクセント(29) サイドメニュー(142) ログインフォーム(68) タブ(55) テーブル・表(23) 地図(12) 特集バナー・内部リンク(525) Twitterアイコン・バナー(64) RSSアイコン・バナー(41) フォーム(9) アイコン(195) <前へ 次へ>(12) 検索窓(149) パンくずリスト(12) このページのトップへ戻る(52) フォントサイズ変更ボタン(34) 問合せ・送信・購入ボタン(72) 電話番号(41) フッター・コピーライト(99) ニュース・ポータル・検索(207) ファッション(200) 音楽・ゲーム・コンテンツ配信(58) ネット関連サービス(86) オンラインショップ(308
バナーデザインをまとめたサイトです。様々なバナーのデザインをサイズや色から選んで一覧でチェック!バナー作成の参考にご活用ください!
ホームページを作成していると、画像を中央に寄せたいと思うことがよくあります。 意外とブロック要素で括ってtext-align属性で中央寄せをしている方も多いようですので、今回は簡単に画像を中央寄せ(左寄せ・右寄せ)する方法を紹介します。 text-align属性で中央寄せ まず先に紹介した「text-align属性で中央寄せ」ですが、例えば以下のようなhtmlの場合があります。 <div> <p><img src="画像のパス" alt="画像の代替文" /></p> <p>サンプルテキスト。サンプルテキスト</p> </div> このとき、CSSは以下のようになりますね div p{ text-align:center; } しかし、これだと、画像の下の<p>サンプルテキスト。サンプルテキスト</p>まで中央によってしまいます。これを避けるには、img要素を括っているp要素にid/cla
Home > フォトショップ講座 > Photoshopでかわいいお星さまをたった3ステップで作る方法 Photoshopでかわいいお星さまをたった3ステップで作る方法 投稿日:2009年06月26日 レベル:初心者 ソフトウェア: このチュートリアルでは、Photoshopでかわいいお星さまをたった3ステップで作ってみたいと思います。 Step1 : はじめに Step2 : 星型を作る Step3 : 星に効果をつける Step4 : 飾りをつける Step5 : 完成
RSS feeds My Tweet ご利用上の注意 広告枠の販売 バナーサイズ別 728 × 90(134) 468 × 60(138) 234 × 60(112) 125 × 125(88) 88 × 31(90) バナーカラー別 □ ホワイト(389) ■ ブラック(272) ■ グレー(77) ■ レッド(160) ■ オレンジ(150) ■ イエロー(83) ■ グリーン(142) ■ ブルー(178) ■ パープル(25) ■ ピンク(92) ■ ブラウン(71) 地域別 日本国内(521) 海外(42) 詳細検索 728 × 90 468 × 60 234 × 60 125 × 125 88 × 31 □ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ 日本国内 海外 PR広告 ”バナーデザインギャラリー”とは バナーデザインギャラリーは、皆様からのご投稿情報を基に、かっこいいバナー
ブラウザから新年のご挨拶!お正月気分を味わえる、ちょっと贅沢なコンテンツ集。ブラウザ凧揚げ ブラウザをドラッグして 上手に凧を上げてみよう。 リズム餅つき アドレス欄を流れる □と■が合わさったら タイミングを合わせて クリックしよう! ローディング初日の出 いつもの見慣れた ローディングが、 初日の出になりました。 ラジオだるま だるまの目が ラジオボタンに。 目に墨を入れて、 願掛けしよう。 スクロールやぶさめ スクロールで弓を引き、 一等真ん中を 射ぬいてみよう。 世界のあけおめ 世界のみんなに 新年のご挨拶を。 書き初めの窓 新年の抱負を、 ブラウザにしたためよう。 反転おみくじ 画面をドラッグ・ 反転させて、 今年の運勢を占おう。 初夢スロット 一富士二鷹三茄子。 初夢スロットで、 年の初めの運試し。 ポップアップ駅伝 マウスをクリックして カチカチ走ろう。 チェックボックスに龍
Webデザインのギャラリーは沢山 ありますが、結局感性の近い国産 のギャラリーが一番参考になるの でまとめました。探してみると結構 いろいろあるんですね。助かります。 やはりギャラリーは国産がいいですね。沢山あるので、ある程度厳選しています。 io3000 最近知りました。すごくいいですね、ここ。見やすいし、使いやすいです。おすすめ。 io3000 straightline bookmark とにかくクールでクオリティの高いサイトをブックマークしているギャラリー。 straightline bookmark Web Design Clip こちらも個人的にオススメのギャラリーサイトです。目的のデザインも直ぐに見つかりますよ。 Web Design Clip Good Design Web こちらは他ではあまり見かけない良デザインのサイトを紹介してる貴重なギャラリーです。 Good Desi
このような飛び出た文字をIllustratorで作る場合、 「FILTERiT」というプラグインを使えば30秒で出来ちゃうんですが、 このために2万円以上もするプラグインを購入するのはもったいない。 そこで、Photoshopを使って所要時間10分で作る 飛び出たド派手文字チュートリアルです。 ネットショップのバナー作成などに重宝する小技ですYO!(・∀・) Photoshopで縦500×縦500ピクセルの新規ファイルを作成します。 描画色を黒にして「ポイント10倍キャンペーン」と テキストレイヤーを作成するのですが、この時 ・ポイント ・10 ・倍キャンペーン は、それぞれ別のレイヤーにします。 サンプルではメリハリ感を出すために、 「10」の書体を変えフォントサイズを大きくしています。 この時のポイントは、ウェイトの太い書体を使うこと。 ここでは、「ポイント」「倍キャンペーン」に新ゴU
CSSレイアウトでfloatを使用した際、通常は親要素内にfloatする要素があり、floatに続く要素にclearを指定し回り込みを解除します。(これが基本です。)clearfixとはclearプロパティを使わずにfloatを解除する手段です。 例えば親要素内でデザイン上どうしてもfloatを解除する為のボックスを設けたくない場合などに利用します。 一部のブラウザで親要素内でfloatを解除しなかった場合に起こる現象として、親要素内に指定した背景画像が表示されない、或いは親要素の下まで表示されないなどがあります。 以下にサンプル解説します。 サンプルソースと通常指定 <div id="mainbox"> <!-- 親要素 --> <div id="box-a"> *** </div> <!-- float --> <div id="box-b"> *** </div> <!-- floa
2009年12月10日 サイト制作時のフォント指定の総集編2009冬。 【2010.2.28追記】cssのフォント指定を完璧にするぜ2010 Spring with jQueryという記事を新しく書いたので、そちらもぜひ! 面倒が嫌いな人は以下をコピペで h1,h2,h3,h4,h5,h6 { font-size: 100%; } body { font-size: 62.5%; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'MS Pゴシック','MS PGothic',sans-serif; line-height: 1.8; } 普通は、これで十分です。 ここから先が本番です cssでのフォント指定は、非常に難しい。ウェブ上でのフォントは、印刷物とは違い、見る人の環境に左右され、その環境も千差
以前、絵文禄のことのはさんのところで、サイトの横幅を640ピクセルにする理由――統計と現状に基づく結論というエントリーがあった。それから、ちょっと印刷用CSSに興味を持って、色々と調べてみたり、自分で書いてみたりした。そのまとめ。 ちなみに、#naviがグローバルナビゲーション、#primaryがメインコンテンツ、#secondaryがサブメニュー、#footerがフッター。 とりあえず、最低限やっておいたほうがよいこと。 body { font-size: 12pt; color: #000000; background-color: #FFFFFF; } a:link, a:visited { text-decoration: underline; color: #000000; } img { border: 0; } 印刷で読まれることを勘案するのなら、font-sizeはある程度
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く