如何使用“活动箭头”创建选项卡下面？ [英] How To Create Tab With "Active Arrow" Below?
问题描述
嗨。
我想创建一个带有一点活动标签的标签页它下方的箭头
告诉用户他们在哪里。这里有一个例子：
http：// personals .yahoo.com / us / search / dashboard
有没有人知道有关如何做到这一点的任何例子？
谢谢！
Hi.
I want to create a tab with a little "active tab" arrow below it to
tell the user where they are. An example is here:
http://personals.yahoo.com/us/search/dashboard
Does anybody know of any examples out there on how to do this?
Thanks!
推荐答案
pbd22写道：
pbd22 wrote:
我想要创建一个带有一点活动标签的标签页它下方的箭头
告诉用户他们在哪里。这里有一个例子：
http：// personals .yahoo.com / us / search / dashboard
有谁知道有关如何做到这一点的任何例子？
I want to create a tab with a little "active tab" arrow below it to
tell the user where they are. An example is here:
http://personals.yahoo.com/us/search/dashboard
Does anybody know of any examples out there on how to do this?
好吧，有一个 http://personals.yahoo.com/us/search/dashboard 。
HTH :-)
-
John
Well, there''s http://personals.yahoo.com/us/search/dashboard.
HTH :-)
--
John
5月2日上午10:33，John Hosking< J ... @ DELETE.Hosking.name.INVALID>
写道：
On May 2, 10:33 am, John Hosking <J...@DELETE.Hosking.name.INVALID>
wrote:
pbd22写道：
pbd22 wrote:
我想创建一个带有一点活动标签的标签页它下方的箭头
告诉用户他们在哪里。这里有一个例子：
I want to create a tab with a little "active tab" arrow below it to
tell the user where they are. An example is here:
http://personals.yahoo.com/us/search/dashboard
有没有人知道有关如何做的任何例子这个？
Does anybody know of any examples out there on how to do this?
嗯，这是http://personals.yahoo.com/us/search/dashboard。
HTH :-)
-
John
Well, there''shttp://personals.yahoo.com/us/search/dashboard.
HTH :-)
--
John
就像向我展示迈凯轮F1的照片一样多解释了如何构建其b
引擎。 :)他们不发布CSS。
about as much as showing me a picture of a McLaren F1 explains how to
build its
engine. :) They don''t publish the CSS.
pbd22写道：
pbd22 scribed:
> ; 5月2日上午10:33，John Hosking< J ... @ DELETE.Hosking.name.INVALID>
写道：
>On May 2, 10:33 am, John Hosking <J...@DELETE.Hosking.name.INVALID>
wrote:
> ; pbd22写道：
>pbd22 wrote:
我想创建一个带有一点活动标签的标签页它下方的箭头
告诉用户他们在哪里。这里有一个例子：
I want to create a tab with a little "active tab" arrow below it to
tell the user where they are. An example is here:
> http://personals.yahoo.com/us/search/dashboard
有谁知道任何例子关于如何做到这一点？
Does anybody know of any examples out there on how to do this?
嗯，这里有：//personals.yahoo.com/us/search/dashboard。
HTH :-)
- -
John
Well, there''shttp://personals.yahoo.com/us/search/dashboard.
HTH :-)
--
John
就像给我看一张迈凯轮F1的照片一样，解释了如何构建它的引擎。 :)他们不发布CSS。
about as much as showing me a picture of a McLaren F1 explains how to
build its
engine. :) They don''t publish the CSS.
在这里，你可以享受一些乐趣。
body {font：small / 122％arial，helvetica，干净，终端，无衬线;
字体：x-small; }
/ *隐藏旧浏览器\ * /
body * {line-height：122％; }
/ * end hack * /
table {font-size：inherit;字体：X-小; } html> body {font：83％/ 122％
arial，helvetica，clean，sans-serif; } table，pre，code，select，input {
font-size：100％} textarea {font-size：107％; } html> body textarea {
font-size：auto} big {font-size：22％} small {font：177％verdana; }
h1，h2，h3，h4，h5，h6 {margin：0;填充：0;}
/ * END LSM FONT SECTION * /
/ *开始标准字体部分* /
/ *页面标题* /
..yperFontTitle强{
颜色：＃175878;
}
..yperFontTitlePremier {
颜色：＃705ca0;
}
..yperFontWarning {
颜色：＃a73735;
font-weight：bold;
}
strong {
颜色： ＃175878;
}
/ *广告标题* /
em {
颜色：＃175878;
font-style：normal;
font-weight：bold;
}
em.yperBaseConfirm {
颜色：＃9b446d;
}
em.yperBaseErrMsg {
颜色：＃a73735;
}
/ *正文* /
/ *正文链接* /
a {
颜色：＃0b8aaa;
}
/ *促销和注册页面* /
h1 {
字体大小：167％;
}
h2 {
字体大小：144％;
}
h3 {
字体大小：122％;
}
输入{
font-family：verdana;
字体大小：10px;
填充：0;
}
按钮{
font-family：verdana;
font-大小：10px;
填充：0;
}
/ *表格文字* /
input.yperFontActionButton {
font-weight：bold;
光标：手;
颜色：#fff;
背景： ＃a73735;
填充：0;
}
input.yperFontButton {
font-weight：bold;
光标：手;
颜色：＃4f4f4f;
背景：#ddd;
填充：0;
}
..yperFontButtonHolder {
text-align：center;
}
#ygmagreeting strong {
颜色：＃000;
}
/ * {{{About.com cobrand * /
/ * {{{About.com cobrand header font * /
#ABOUTBanner strong.ABOUT标题{
颜色：＃000;
}
#ABOUTBanner a.ABOUTSubTitle {
颜色：＃f00 ;
}
#ABOUTBanner a.ABOUTPers {
字体大小：167％;
颜色：＃ 236eb5;
text-decoration：none;
font-weight：bold;
}
/ *}关于cobrand标题字体* /
/ * {{{About.com cobrand footer font * /
#ABOUTFooter {
font-size：77％;
颜色：＃686868;
}
#ABOUTFooter a.footer {
颜色：＃686868;
}
/ *}}}关于cobrand页脚字体* /
/ *}}}关于.com cobrand * /
-
Ed Jay（删除''M''通过电子邮件回复）
Here you gop...have some fun.
body { font:small/122% arial,helvetica,clean,terminal,sans-serif;
font:x-small; }
/* hide from old browsers \*/
body * { line-height:122%; }
/* end hack */
table { font-size:inherit; font:x-small; } html>body { font:83%/122%
arial,helvetica,clean,sans-serif; } table, pre, code, select, input {
font-size:100% } textarea { font-size:107%; } html>body textarea {
font-size:auto } big { font-size:22% } small { font:177% verdana; }
h1,h2,h3,h4,h5,h6{margin:0; padding:0;}
/* END LSM FONT SECTION */
/* Begin standard font section */
/* Page Title */
..yperFontTitle strong {
color: #175878;
}
..yperFontTitlePremier {
color: #705ca0;
}
..yperFontWarning {
color: #a73735;
font-weight: bold;
}
strong {
color: #175878;
}
/* Ad Title */
em {
color: #175878;
font-style: normal;
font-weight: bold;
}
em.yperBaseConfirm {
color: #9b446d;
}
em.yperBaseErrMsg {
color: #a73735;
}
/* Body Text */
/* Body Text Link */
a {
color: #0b8aaa;
}
/* For Promo and Registration Pages */
h1 {
font-size:167%;
}
h2 {
font-size:144%;
}
h3 {
font-size:122%;
}
input {
font-family: verdana;
font-size: 10px;
padding: 0;
}
button {
font-family: verdana;
font-size: 10px;
padding: 0;
}
/* Form Text */
input.yperFontActionButton {
font-weight: bold;
cursor: hand;
color: #fff;
background: #a73735;
padding: 0;
}
input.yperFontButton {
font-weight: bold;
cursor: hand;
color: #4f4f4f;
background: #ddd;
padding: 0;
}
..yperFontButtonHolder {
text-align: center;
}
#ygmagreeting strong {
color:#000;
}
/* {{{ About.com cobrand */
/* {{{ About.com cobrand header font */
#ABOUTBanner strong.ABOUTTitle {
color: #000;
}
#ABOUTBanner a.ABOUTSubTitle {
color: #f00;
}
#ABOUTBanner a.ABOUTPers {
font-size: 167%;
color:#236eb5;
text-decoration:none;
font-weight: bold;
}
/* }}} About.com cobrand header font */
/* {{{ About.com cobrand footer font */
#ABOUTFooter {
font-size: 77%;
color: #686868;
}
#ABOUTFooter a.footer {
color: #686868;
}
/* }}} About.com cobrand footer font */
/* }}} About.com cobrand */
--
Ed Jay (remove ''M'' to respond by email)
这篇关于如何使用“活动箭头”创建选项卡下面？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
