Result jQuery//最初以外を隠す $('#faq .answer').not(':first').hide(); //クリックイベント $('#faq .question').click(function() { //スライドの処理 if($(this).next('.answer').is(':visible')) { $(this).next('.answer').slideUp(300); } else { $(this).next('.answer').slideDown(300).siblings('.answer').slideUp(300); } });css.question { padding:5px; font-weight:bold; font-family:Arial; font-size:14px; border:1px solid #ddd; ba
ニコニ・コモンズがはじまりました ニコニ・コモンズが8月15日より始まりました。ニコニ・コモンズとは一言で言ってしまえば『利用条件に沿えば自由に改変・利用できる創作物管理場』。これまで二次創作(例:ニコニコ動画のMAD動画)を作る場合、自分以外の創作物を利用する際はその都度利用許可を得る必要がありました。しかし実態は無断利用や事後承諾が多く、トラブルの元になることもしばしば。ネットの世界では既にクリエイティブ・コモンズという、創作者の公開条件を明示化するルールが策定されているものの草の根レベルにまでは浸透していません。そこでこの現状を解決するべく設立されたのが今回の『ニコニ・コモンズ』です。このニコニ・コモンズの特徴は1).イチから日本語で策定されたことによる安心感、2).ニコニコ動画を運営するニワンゴによる『現状』に即した利用のしやすさ、3).ルール策定だけでなく素材(ルールが適用された
「商用利用可のWEB素材が無料な素材屋」ではホームページ制作の為のWEB素材を無料配布中。アイコン、ボタン、バナーなどのフリーWEB素材を、ネットショップから企業サイト、ビジネスサイトや商用サイトなどのホームページ制作だけではなくブログ制作にも使用いただけます。素材利用の使用報告などは必要はありませんのでお気軽にご利用下さい。
↑CSSだけでこんな感じに上下中央揃えを実現させるテクニックです。下記の3つの方法を紹介します。 ・1行のみのテキストを中央揃えにする場合 ・2行以上のテキストまたは画像を中央揃えにする場合 ・高さが決まっていない要素を中央揃えにする場合 1行のみのテキストを中央揃えにする場合 <!-- HTML --> <div> <p>1行のみのテキストに有用</p> </div> /* CSS */ div{ width: 200px; height: 100px; background: #DDDDFF; text-align: center; } p{ line-height: 100px; } →1行のみのテキストを中央揃えにするサンプル line-heightは行間のスペースを制御するプロパティです。なので、2行以上の文などには利用できません。1行だけの場合には簡単に実装できる有用な方法です
画像にエフェクトをかけて拡大表示したり、スライドを作ったり、ツールチップで表示したり、というような画像を使用したjQueryプラグインが沢山あるのと、探してる方が直ぐに見つけられるように、という事でリンク集を作りました。 という訳で、集まっているjQueryのプラグインの共通点は画像を使っている、という事だけです。一貫性無いといえば無いですが、個人的にも必要とする事が多いので自分用のメモも兼ねてシェア。 日本語 English 結構カテゴリ分けはいい加減かもしれませんのであしからずご了承下さい。画像じゃなくてもいいんじゃ・・みたいのもありますが、デモで画像を使ってる、画像と相性が良さそう、みたいなものは基本的に掲載しています。 リンクにマウス乗せればキャプチャが出ます。 Lightbox Lightbox風に画像を表現できるjQueryいろいろ Lightbox2 / ベーシックなタイプ。
2006-04-28T23:23:04+09:00 favicon (ファビコン)はウェブブラウザのアドレスバーや、ブックマークした URL の横に表示される小さなアイコンです。いまやもうサイトのアイデンティティを明示するツールとしてほとんどサイトでみることができますが、小さいファイルであると共に、ファイルを扱えるソフトェアがそれほど多くは無いため、なかなか想い通りにデザインできない。という悩みを持っていました。できれば背景を透過にして、マットの少ない美しいものを作りたいと考えていて、使い慣れたソフトウェアである Adobe Photoshop で作れれば幸せだなあ。と思ってました。 これまでは、FavIcon from Pics という Web 上のツールを利用して作っていましたが、これは背景を透過にできなかったり、元の画像から変換される際に大きく画像の質が落ちてしまうという欠点がありま
タイトルだけ見ると、おーっと驚くようなテクニックですけど、実際はbackground-imgではなくimgタグを使ってるんですよね。なかなかこのテクニックを使う機会は無いと思うので、こんなテクニックもあるんだぁーっ、へぇーって思って頂けるぐらいで、十分です。では、やり方を。 HTMLを記述 <img src="bg_dimension.jpg" alt="" id="bg-img" /> <p id="text">imgタグにpositionを利用して背景画像を敷いている様に見せています。幅100%を指定することで画像も拡大・縮小します。</p> CSSを記述 body { overflow: hidden; } #bg-img { width: 100%; position: absolute; top: 0; left: 0; } #text { background: url(ima
このウェブサイトは販売用です! desperadoes.biz は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、desperadoes.bizが全てとなります。あなたがお探しの内容が見つかることを願っています!
ページの幅は可変なんだけど 960px 以上は広がらず、720px 以下には縮まらない CSS のサンプル。 実際の動作サンプル ———————————————————————- – サンプル なんでこんな物を書いたか ———————————————————————- ブラウザ横幅 800px でも横スクロールは出さない。 現在、主流であろうブラウザ横幅 1024px でも両サイドの余白が少なくなるようにしたい。 ブラウザ横幅 1600px(私)の場合、画面いっぱいにテキストが広がると読みにくいのでコンテンツ幅を固定したい。 と言った理由からです。 とりあえず、Safari 2.0、Firefox 1.5 で動作確認。残念ながら、IE6 で、max-width と min-width はサポートされていないみたい。IE7 ではバッチリ動くんですが。
2006/09/13 CSSの指定時の「media="screen"」が背景色を隠した原因 (4) テーマ:Web標準(117) カテゴリ:CSSメモ 詳解HTML & XHTML & CSS辞典改訂版 Designing with Web standards Web標準の教科書 スタイルシートスキルアップ・デザインブック(1) スタイルシートスキルアップ・デザインブック(2) 知~らなんだ。知~らなんだ! そりゃそーだわな!と思いながらも実感してなくって知~らなんだ! CSSで body { background:gray; } とかして それが記述してある外部CSSファイルにリンクするのに 「<link href="cmn.css" rel="sty ・・・・・略・・・・」って書くよね。 属性に media="all" ってのは良く書いていて、それも何気になので気づかなかった。 知人に
次に、Lightbox Plusを、自身のウェブサイトにアップロードしましょう。 Lightbox Plusのアップロード先 Lightbox Plusの構成ファイルを、Lightbox Plusを活用したいページのある場所へ、resourceフォルダごとアップロードします。例えば、以下のようなディレクトリ(フォルダ)構成にします。 上記の構成は、「photo-album」ディレクトリ内に存在するページ(HTML)からLightbox Plusを活用する際の例です。使いたいHTMLファイルのあるディレクトリに、resourceディレクトリ(フォルダ)をそのままアップロードしているだけです。 このような構成にしておけば、スクリプトを何もカスタマイズする必要なく、Lightbox Plusの機能が利用できます。あとは、次のページでご紹介するHTMLソースを書けば良いだけです。 サイト内の各所か
Home > フォトショップ講座 > Photoshopでプロフェッショナルなメニューボタンを作る方法 Photoshopでプロフェッショナルなメニューボタンを作る方法 投稿日:2010年04月06日 レベル:初心者 ソフトウェア: このチュートリアルでは、プロフェッショナルなメニューボタンを作る方法を紹介します。 Step1 : 背景を作成 Step2 : ボタンを作成 Step3 : ボタンに光を入れる Step4 : ボタンにテクスチャを加える Step5 : 光沢をいれる Step6 : ボタンを装飾する Step7 : ボタンにノイズを入れる Step8 : ボタンにテキストを加える Step9 : 完成
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く