ナビゲーションのアクティブな項目をマークする
ウェブサイトのナビゲーションでよくある、アクティブ、つまりユーザーが閲覧中のページに対応する項目にマークを付ける場合、画像ファイルでやることが多い。最近はCSSグラデーションを使ってアクティブな時にへこませたような効果を与えたりすることもあるが、よく見かける三角のマークを付けるとなるとやはり画像で……となってしまう。しかし、単純な形に限ってなら枠線付きの吹き出しでも利用した:before又は:after擬似要素を使えば実現できる。 Demo: Pure CSS Navigation Indicator CSSのコードは吹き出しとほとんど変わらない。ただし、位置合わせの方法が異なる。 nav #example1 li a:after { margin: -8px auto 0 auto; border-top-width: 0px; border-right-width: 8px; bord
[CSS]パンくずの実装はどのようにするのがよいかの考察
パンくずは何要素で実装していますか？ ul要素？ ol要素？ p要素？ パンくずをどのように実装するのがよいかの考察を紹介します。 Exploring Markup for Breadcrumbs [ad#ad-2] 先日紹介したCSS-Tricksの「画像を使用しないでApple風のパンくずを作成するチュートリアル」に寄せられたコメントから考察されたもので、各ポイントを意訳したものです。 パンくずのマークアップの考察のきっかけ -ul要素で同列配置 パンくずのマークアップの考察 -ul要素で親子 パンくずのマークアップの考察 -ol要素で順序づけ パンくずのマークアップの考察 -セパレーターの使用 パンくずのマークアップの考察 -Googleを参考に パンくずのマークアップの考察 -HTML5の使用 パンくずのマークアップの考察 -おわりに パンくずのマークアップの考察のきっかけ -ul
decaffeinated :: overpunctuated. underinformed.
The farewell sayer I gave the valedictory address at my high school graduation. Despite the tradition associated with that post, it was not assigned me because I was the head of my class, no. In my case the word was true to its etymology. I was the farewell sayer because I knew how. The head of my class wasn’t the public speaking type, but the English teachers at my high school suspected I was. So
Fractured-Sanity.Org
Welcome, on Fractured Sanity. This is a resource-site for graphic programs, such as Adobe Potoshop, offering you a wide range of brushes, textures, patterns and more. I also display some of my personal works here - art and poetry. Feedback is very much appreciated! I know, I know. Shame on me. I haven't update this website in ages. So this is the first part of a major update in the stock sections.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TED Talks
Bang & Olufsen
amaznode
Webvertise
nimprojects.com is coming soon
http://www.test1studios.com/index.htm
webdesign20.com - contact with domain owner | Epik.com
MIES - An Avant-Garde Architecture WordPress Theme
WORKVISIONS™ | 株式会社ワークヴィジョンズ 一級建築士事務所
KNI
D. & M. Mehl
GUIdebook: Graphical User Interface gallery
Remote IT
大满贯国际注册送38——官方主页
<<< 01importexport.net >>>
MoslBuddJewChristHinDao.com