画像による検索フォームのCSS (※IE6対応) - 130単位
SafariのGUIを適当に加工して作った検索バー。 こんな感じのものを、 入力エリア(の背景)もボタンも画像 Webサイトのヘッダー上に配置 こんな仕様で実現するときのコード。 <div id="search_block"> <form id="search_form" class="png_bg" method="post" action="search"> <input id="search_text" type="text" name="search_text"/> <a id="search_button" class="png_bg" href="#">検索</a> </form> </div> div#search_block { position: absolute; /* 絶対配置 */ top: 100px; left: 775px; } div#search_bloc
webdesignkeys jqueryサンプル集_01
>>参考記事 25種類のjqueryプラグインを紹介します。 中にはとてもユニークなものや実用的なものまであります。 デモが見つからないものがありましたが、どのサイトでも ソースはﾀﾞｳﾝﾛｰﾄﾞできるようになっているみたいです。 01 A fancy Apple.com-style search suggestion テキストを入力すると、アニメーションで関連したトピックスを呼び出します。 デモ 02 Submit A Form Without Page Refresh using jQuery refreshを行わず認証を行うことができます。 デモ 03 jQuery Tools Scrollable アニメーションを利用した横スクロールギャラリー 04 Navigation List Menu with Nudging Effect テキストをマウスで覆った時にアニメーションが動作す
jQueryだけで作る、サムネイル画像を魅力的に見せる方法 (1/5)
普段あまり目にしないようなインパクトのあるサイトを作りたい。そんなときにはいつも見ている日本国内のWebサイトだけでなく、海外サイトに目を向けてみるといいかもしれません。これまでにもこの連載ではいくつかの海外サイトを紹介してきましたが、今回見つけたのはアルゼンチンのWebサイトです。 「Sikker」という名前のサイトは、Webデザイナー・Nicolas Calabreseさんのポートフォリオサイト。1ページのみ、スクロール無しの“1枚絵”のようなごくごく小さなサイトですが、その分、CSSやJavaScriptの小技を効かせて、カッコよく楽しいサイトにデザインされています。今回は、このSikkerをお手本とさせてもらうことにします。 今回のお手本サイト：『Sikker』 アルゼンチンのWebデザイナー、Nicolas Calabreseさんのポートフォリオサイト。グローバルブランドのロゴが
EC-CUBEで、新着商品の紹介をトップページに表示する方法。 - Naga Blog
EC-CUBEって新着商品の表示が標準でついていないんですヨ。開発元的には、オススメ管理を使って新着商品の案内もやってねということらしいのですが、オススメと書かれている以上、システム使う側としては、最も売りたい商品を表示したい訳で、混在するというのは何かと問題があると思うんですヨ。その事を顧客に話したら、やはり、それでは困るという事で、新商品を追加したら簡単にトップページに掲載できるか調べてみました。 基本的に時限式だと見せたい期間が自由にコントロールできないので、販売戦略をたてる側としては都合が悪いだろうと判断。商品管理画面で、NEWのチェックマークのON、OFFで、トップページに商品を掲載したりしなかったりできる方法を探しました。色々と検索してみたら、色々な方法で新着商品の表示を実現されている方がいたのですが、どれもしっくり来なかったんですヨ。 最後の頼みの綱という訳で、EC-CUBE
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://youmos.com/news/jcarousel_lite
