サイドバーウィジェットにランダムで記事のサムネイル付きメニューを表示させるプラグイン【Advanced Random Posts Widget】 | 初心者のワードプレス 基本のカスタマイズ
サイドバーにサムネイル付きで最新の記事や人気の記事のメニューを表示させるプラグインには【Wordpress Popular Posts】や【Recent Post Plus】があります。 今回はランダムで選ばれた記事を、同じようにサムネイル付きでメニュー表示させるプラグイン【Advanced Random Posts Widget】の紹介です。 ブログタイプの運営だと古い記事は埋もれがちですが、あまり見られていない隠れた記事を掘り起こしてくれます。また、それにより頻繁に見られた記事は「人気記事」のほうに上がって来るという良循環になります。 特長 他のサムネイルメニュー関連と合わせやすい ランダム系プラグインは「これで決まり！」というほど優れたものはないようです。基本的にシンプルな仕様なので、大抵似たような設定と動きをします。 他のプラグインをざっと試したのですが、数年前から更新されていなか
jQueryで縦にドロップダウンするメニュー - Still Life
jQueryは怖くない！ JavaScriptを、腰を据えてきちんと勉強していないわたし。ググリコピペで押し切ってきながら、いつかはちゃんとしようとは思っていたという状態でした。そのうちAjaxが流行り、jQueryが標準になり・・・とどんどんついていけない状態に。 でもjQueryはそもそもリッチな画面を簡単に実装できるように工夫してくれているわけなので、イチからJavaScriptと格闘するよりも全然とっつきやすいハズです。 というわけで、jQueryを始めてみました。 課題：縦にドロップダウンするメニューを作りたい。 最初はまずぐぐり、jQueryそのものというよりも、縦にドロップダウンする（アコーディオンというらしい？）実装をすでにしているサイトのソースをそのまま貼りつけて、スタイルなどをいじっていました。 でもちょっとしたカスタマイズがうまくいかず、時間のかかったコード量のやたら
jqueryでできるプルダウンメニューで階層を深くする方法
jqueryで作るプルダウンメニューを以前（こちら）紹介したのですが、今回は2階層プルダウンをするやり方です。このやりかたで何階層までも作っていけます。 html <ul id="menu"> <li><a href="">メニュー</a> <ul id="sub"> <li><a href="">サブメニュー</a></li> <li><a href="">サブメニュー</a></li> <li><a href="">サブメニュー</a> <ul id="sub"> <li><a href="">サブサブメニュー</a></li> <li><a href="">サブサブメニュー</a></li> <li><a href="">サブサブメニュー</a></li> </ul> </li> </ul> </li> <li><a href="">メニュー</a> <ul id="sub"> <l
jqueryでできる簡単プルダウン
メニューを触った瞬間にプルダウンするメニューはホームページの画面をうまく使える必須ツールです。 jqueryを使えば、簡単にプルダウンメニューを作ることができます。 htmlタグ <ul id="menu"> <li><a href="">メニュー</a> <ul id="sub"> <li><a href="">サブメニュー</a></li> <li><a href="">サブメニュー</a></li> <li><a href="">サブメニュー</a></li> </ul> </li> <li><a href="">メニュー</a> <ul id="sub"> <li><a href="">サブメニュー</a></li> <li><a href="">サブメニュー</a></li> <li><a href="">サブメニュー</a></li> </ul> </li> </ul> CSS
フッターデザイン.com -Webデザインの“フッター”を集めたサイト-
はてブ ツイートする シェアする 他のギャラリー ファビコンギャラリー 見出しデザイン ウェブコレクション このサイトについて いろんなWEBサイトのフッター（ページ下部も含む）部分を集めました。デザインの参考に。掲載サイトがリニューアルした場合はご紹介のフッターが使用されていない場合があります。 連絡先：manage.hp+footer@gmail.com copyright © footer-design.com All Rights Reserved.
JavaScriptなしでCSSのみで実現するクールなドロップダウンのサンプル:phpspot開発日誌
JavaScriptなしでCSSのみで実現するクールなドロップダウンのサンプルが公開されています。 次のように、明らかにJavaScript 使ってるんじゃないか？と思うのですが、CSSのみでelement:hoverを使って実現されています。 ソースコードも解説されているのでこのテクニックについて覚えておいてもよさそう。 以下のエントリを参照してください。 Incredible Drop Down Menu Solution With CSS Only | AEXT.NET 関連エントリ jQueryで幅の大きなドロップダウンメニュー作成チュートリアル セクシーなドロップダウンメニュー実装サンプル
bassistance.de » jQuery plugin: Accordion
This plugin is now part of jQuery UI and this standalone version won’t be updated anymore. The page will remain as a reference. This plugin creates an accordion menu. It works with nested lists, definition lists, or just nested divs. Options are available to specify the structure, if necessary, the active element (to display at first) and to customize animations. The navigation-option automaticall
mootoolsを使ったスライド式メニュー - Menu Matic
mootoolsを使った非常に軽快に動くスライドメニューです。縦バージョンと横バージョンがあり若干半透明になっていい感じです。 サンプルがあるので簡単に設置できると思います。 横メニューサンプル 縦メニューサンプル 外部ファイルはいくつか読み取りますが、htmlは非常にシンプルなので助かりますね。 <link rel="stylesheet" href="css/MenuMatic.css" type="text/css" media="all" /> ... <ul id="nav"> <li><a href="#" >Link 1</a></li> <li><a href="#" >Link 2</a> <ul> <li><a href="#" >Link3</a></li> <li><a href="#" >Link4</a></li> </ul> </li> <li><a href
Accordion Menu script (v1.7)
Accordion Menu script (v1.7.1) Creating an Accordion Menu is trivial using Accordion Content script. It basically just comes down to styling your headers and expanding content to conform to that desired menu look. The following are Accordion Menu examples with full source code to get you started: Bullet list accordion menu Glossy accordion menu Apple silver accordion menu Urban Gray accordion menu
Create an apple style menu and improve it via jQuery - Kriesi.at - Premium WordPress Themes
Create an apple style menu and improve it via jQuerySince I wrote my last tutorial on how to create a CSS only multilevel dropdown menu I got a lot of visitors who wanted to know how I created the main navigation of kriesi.at. (a so called kwicks menu) The interest in extraordinary menus seems to be high nowadays, so today I will teach you how this is done. Since the Apple-flavored Leopard-text-in
stu nicholls dot com | menu - Professional dropdown #2
Information The second menu in this series using my javascript routine to write the IE5.5 and IE6 specific styles for us and monitor the mouse hover states. As with the first dropdown menu, if you examine the stylesheet you will only see the li:hover styling. This menu also styles the path taken through the menu so that it works in IE5.x and IE6 as well as IE7 and all other browsers. This is a
サイトを美しく魅せるゴージャスナビゲーション集:phpspot開発日誌
50 Gorgeous Navigation Menus | Vandelay Website Design サイトを美しく魅せるゴージャスナビゲーション集。 重厚で美しいデザインのナビゲーションの特集です。 Housing Works Nuttersmark Paiko Good Soh Tanaka 参考にしてエレガントなメニュー作りに役立てましょう。 関連エントリ ナビゲーション実装に使える、Ajaxライブラリ/サンプル集 階層ナビゲーション実装ライブラリ集 クールなナビゲーションメニューを作成するCSS＆HTMLサンプル CSSベースの超クールなナビゲーション集 CSSでdigg風のナビゲーションを実装サンプル
ナビゲーションメニューを1歩進んだものに引き上げるjQueryチュートリアル集:phpspot開発日誌
25 jQuery Tutorials for Improved Navigation Menus ナビゲーションメニューを1歩進んだものに引き上げるjQueryチュートリアル集が紹介されています。 How to Make a Smooth Animated Menu with jQuery アニメーションする、おしゃれなメニュー Create an Apple Style Menu and Improve it via jQuery Apple風のクールなメニュー。アニメーションしつつ、アイコンも表示してくれなかなかクール Create a Slick Tabbed Content Area Using CSS and jQuery 少ないスペースにタブを設置してメニューにしている例。アニメーションもあり。 Using jQuery for Background Image Animat
jQuery製で柔軟性の高いアコーディオンメニュー「Flexible Accordion」
twitter facebook hatena google pocket クリックするとメニューが開くアコーディオンと呼ばれるメニューがあります。 jQueryプラグインのFlexible Accordionは、さまざまなオプションを指定できる柔軟性の高いメニューを作れます。 sponsors 使用方法 Flexible Accordionからflexaccordion.jsをjQueryからjquery.jsをダウンロードします。 <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript" src="flexaccordion.js"></script> <script type="text/javascript"> $(document).ready(fun
jQuery 伸縮するサイドメニュー｜CSS Lecture
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
jQueryやCSSを使ったナビゲーションメニュー300選 – creamu
かっこいいナビゲーションメニューをさくっと実装したい。 そんなあなたにおすすめなのが、『300+ Jquery, CSS, MooTools and JS navigation menus』。jQueryやCSSを使ったナビゲーションメニュー300選だ。 以下にいくつかご紹介。 » Fancy menu かっこいいナビゲーションメニュー » Amazing apple style navigation menu Appleのサイトのようなナビゲーションメニューの作り方。↑のキャプチャはこちら » jQuery idTabs 8つのクールなjQueryメニュー » navigation-3 プルダウンメニューなど4つの例 » block-navigation CSSデザインのメニュー9選 その他のリストは以下から。 » 300+ Jquery, CSS, MooTools and JS na
onehackoranother.com | Default Web Site Page
SORRY! If you are the owner of this website, please contact your hosting provider: webmaster@onehackoranother.com It is possible you have reached this page because: The IP address for this domain may have changed recently. Check your DNS settings to verify that the domain is set up correctly. It may take 8-24 hours for DNS changes to propagate. It may be possible to restore access to this site by
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSSベースの超クールなナビゲーション集:phpspot開発日誌
http://www.css-lecture.com/template/2009/0114/
Loading...