請問如何套用CSS TAB designer於部落格? - 部落格
By Ingrid
at 2012-04-03T20:46
at 2012-04-03T20:46
Table of Contents
已用CSS Tab designer得到一組語法,
但不知如何套進痞客邦的自訂CSS中,
可否請好心的朋友們幫幫忙, 感謝!!
語法如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-utf-8" />
<title>Free CSS Navigation Menu Designs 1 at
exploding-boy.com</title>
<style type="text/css">
<!--
body {
margin:0;
padding:0;
font: bold 11px/1.5em Verdana;
}
h2 {
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
color: #000;
margin: 0px;
padding: 0px 0px 0px 15px;
}
/*- Menu Tabs B--------------------------- */
#tabsB {
float:left;
width:100%;
background:#F4F4F4;
font-size:93%;
line-height:normal;
}
#tabsB ul {
margin:0;
padding:10px 10px 0 50px;
list-style:none;
}
#tabsB li {
display:inline;
margin:0;
padding:0;
}
#tabsB a {
float:left;
background:url("tableftB.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#tabsB a span {
float:left;
display:block;
background:url("tabrightB.gif") no-repeat right top;
padding:5px 15px 4px 6px;
color:#666;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsB a span {float:none;}
/* End IE5-Mac hack */
#tabsB a:hover span {
color:#000;
}
#tabsB a:hover {
background-position:0% -42px;
}
#tabsB a:hover span {
background-position:100% -42px;
}
#tabsB #current a {
background-position:0% -42px;
}
#tabsB #current a span {
background-position:100% -42px;
}
-->
</style>
</head>
<body>
<h2>Tab Menu B</h2>
<div id="tabsB">
<ul>
<!-- CSS Tabs -->
<li><a href="http://xxxxxxxxxxxxxx"><span>相簿
</span></a></li>
<li><a href="http://xxxxxxxxxxxxxx"><span>部落格
Blog</span></a></li>
<li><a href="http://xxxxxxxxxxxxxx><span>留言板
Guestbook</span></a></li>
</ul>
</div>
<br /><br />
</body>
</html>
--
但不知如何套進痞客邦的自訂CSS中,
可否請好心的朋友們幫幫忙, 感謝!!
語法如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-utf-8" />
<title>Free CSS Navigation Menu Designs 1 at
exploding-boy.com</title>
<style type="text/css">
<!--
body {
margin:0;
padding:0;
font: bold 11px/1.5em Verdana;
}
h2 {
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
color: #000;
margin: 0px;
padding: 0px 0px 0px 15px;
}
/*- Menu Tabs B--------------------------- */
#tabsB {
float:left;
width:100%;
background:#F4F4F4;
font-size:93%;
line-height:normal;
}
#tabsB ul {
margin:0;
padding:10px 10px 0 50px;
list-style:none;
}
#tabsB li {
display:inline;
margin:0;
padding:0;
}
#tabsB a {
float:left;
background:url("tableftB.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#tabsB a span {
float:left;
display:block;
background:url("tabrightB.gif") no-repeat right top;
padding:5px 15px 4px 6px;
color:#666;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsB a span {float:none;}
/* End IE5-Mac hack */
#tabsB a:hover span {
color:#000;
}
#tabsB a:hover {
background-position:0% -42px;
}
#tabsB a:hover span {
background-position:100% -42px;
}
#tabsB #current a {
background-position:0% -42px;
}
#tabsB #current a span {
background-position:100% -42px;
}
-->
</style>
</head>
<body>
<h2>Tab Menu B</h2>
<div id="tabsB">
<ul>
<!-- CSS Tabs -->
<li><a href="http://xxxxxxxxxxxxxx"><span>相簿
</span></a></li>
<li><a href="http://xxxxxxxxxxxxxx"><span>部落格
Blog</span></a></li>
<li><a href="http://xxxxxxxxxxxxxx><span>留言板
Guestbook</span></a></li>
</ul>
</div>
<br /><br />
</body>
</html>
--
Tags:
部落格
All Comments
By Franklin
at 2012-04-05T02:38
at 2012-04-05T02:38
By Hedda
at 2012-04-08T00:24
at 2012-04-08T00:24
By Todd Johnson
at 2012-04-08T09:44
at 2012-04-08T09:44
By Dinah
at 2012-04-12T20:59
at 2012-04-12T20:59
By Lydia
at 2012-04-13T10:26
at 2012-04-13T10:26
By Lily
at 2012-04-14T16:27
at 2012-04-14T16:27
By Sarah
at 2012-04-16T12:31
at 2012-04-16T12:31
By Anthony
at 2012-04-16T23:09
at 2012-04-16T23:09
Related Posts
引用文章....
By Candice
at 2012-03-31T00:23
at 2012-03-31T00:23
臉書留言框問題
By Edith
at 2012-03-30T23:14
at 2012-03-30T23:14
內嵌式留言與Facebook Comments問題
By Susan
at 2012-03-30T22:02
at 2012-03-30T22:02
後台打不開?
By Dinah
at 2012-03-30T21:27
at 2012-03-30T21:27
如何針對每篇文章作fb的comments box?
By Cara
at 2012-03-30T14:47
at 2012-03-30T14:47