⑴ 淘寶導航欄設置CSS代碼為什麼不能全屏
兩側的是通過頁頭背景來更換,請參考如下教程http://www.42zy.com/forum.php?mod=viewthread&tid=45
圖片的製作可以是,任意寬度回,高度答等於你的導航加上店招的高,如你的白色店招高為120px,導航高為30px,則,製作一個高為150PX的圖片(寬任意)底部30像素填充你的導航顏色即可,望採納
⑵ 請問大師,淘寶全屏導航欄怎麼做
按照第一個弄是可以,但是導航沒得點了,然後導航回不來了就要找他了,這個版坑留得深,權不過我來填一下。
找回導航:按F12,點擊右邊的代碼區,按ctrl+F,把這句話.skin-box-bd{display:none;}填入搜索框裡面,出現的黃色代碼雙擊刪除,點擊右上角那個小叉叉把代碼框隱去(不要刷新頁面,不要刷新頁面,不要刷新頁面),如果導航還不出現,不要刷新頁面,繼續按F12,再來一次,這次刪除.skin-box-bd{display:none;}這句話之後就必定出現導航。然後點擊導航右邊的編輯,去代碼那裡把.skin-box-bd{display:none;}這句話刪了,保存,刷新頁面。
要弄可以點的全屏導航,在這基礎上加導航向上移動的代碼,網上自己找
⑶ 淘寶專業版全屏店招+導航欄代碼的問題
上瘋狂美工官網搜索店招教程你可以參考一下方法
⑷ Dreamweaver導航條背景寬度全屏 具體的變成代碼是什麼
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
<title>網路知道導航條測試頁面</title>
<style>
.nav{width:100%;height:100px;background:#00F}
</style>
</head>
<body>
<divclass="nav">導航內容</div>
</body>
</html>
設定導航的class屬性寬度為100%,上層元素屬於body體,即可實現全屏效果。
⑸ 淘寶店鋪裝修,導航條和招牌怎樣設置全屏代碼怎樣寫對圖片有什麼要求
想要什麼效果? 代碼可以給我看看! 然後給個你想要的效果截圖! 我看下能不能幫你改下!
⑹ 請教:導航條全屏鋪滿整個屏幕,CSS代碼應該如何寫,謝謝。
這個要看你的布局思路了,如果你一開始就用個寬度為980px的container大DIV容器來容納整體頁面就要內把導航的背景定義在body標簽中容
body{
{background:url(nav_bg.jpg) center 0px no-repeat } 這句里的0px指的是你導航距離頁面頂部的距離,如果你導航背景切片是切局部圖就要這么寫
body{
{background:url(nav_bg.jpg) 0px 0px repeat-x }
如果你做的是自適應屏幕的話,即沒有大容器包裹的情況,無需設置寬度,默認就是width:100%,也無需浮動
即CSS代碼
#nav{
background:url(nav_bg.jpg) 0px 0px repeat-x ;
clear:both}
⑺ 我想請問怎麼製作淘寶導航條怎麼編寫css代碼我想要有全屏效果以及分類
你懂CSS語言嗎?以下是基本樣式:
-------------------------------------------------------------/* 導航條背景色*/.skin-box-bd .menu-list{background: none repeat scroll 0 0 #00ad08;}/*首頁/店鋪動態背景色*/.skin-box-bd .menu-list .link{background: none repeat scroll 0 0 #00ad08;}/*首頁/店鋪動態右邊線*/.skin-box-bd .menu-list .menu{border-right:1px #006205 solid;}/*首頁/店鋪動態文字顏色*/.skin-box-bd .menu-list .menu .title{color:#ff0000}/*所有分類背景色*/.all-cats .link{background: none repeat scroll 0 0 #00ad08;}/*所有分類右邊線*/.all-cats .link{border-right:1px #006205 solid;}/*所有分類文字顏色*/.skin-box-bd .all-cats .title{color:#ff0000}
⑻ 全屏導航代碼,這種怎麼製作
這種設計圖片加上鏈接就可以了,中間部分950x150切出來,兩邊背景上傳背景那
⑼ 如何讓導航欄在一行上全屏顯示以及設置百分比讓其居中顯示
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style>
*{ margin:0; padding:0;}
body{ height:100%;text-alitn:center}
#nav{width:100%;height:100%; position:absolute;margin:0 auto;background:#ff0000; list-style:none}
#nav li{float:left}
#nav li a {padding:10px 5%;background:url(12.png);display:block;text-decoration:none;}
#nav li a:hover{background:#333333;border-bottom:4px;color:#FFFFFF}
</style></head>
<body>
<div id="nav" >
<li><a href="#" class="STYLE1">網站首頁</a></li>
<li><a href="#" class="STYLE1">關於我們</a></li>
<li><a href="chanpinzhanshi.html" class="STYLE1">產品展廳</a></li>
<li><a href="#" class="STYLE1">聯系配送</a></li>
<li><a href="#" class="STYLE1">在線購物</a></li>
<li><a href="#" class="STYLE1">後台管理</a></li>
</div></body></html>
⑽ 網頁導航條橫向全屏問題
那是因為你的nav不是在最外層。你需要nav全屏,就需要把頁面的div分三段專
<div>這里是頂,應該是你的960px</div>
<div class=nav>這層屬不能嵌套在別的層內</div>
<div>除nav外的部分還是放在960px內</div>