Simple left navigation and simple navigation
The simple left-side navigation code is as follows:
<! DOCTYPE html>
CSS:
/*** Author: small margin Web site: http://xtian.me time: 2013-11 *** // ** clean margins **/body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {margin: 0px; padding: 0px;}/** default font **/body, button, input, select, textarea {font: 12px/1.5, arial, sans-serif;} h1, h2, h3, h4, h5, h6 {font-size: 100%;} address, cite, dfn, em, var {font-style: normal;} code, kbd, pre, samp {font-family: courier new, cour Ier, monospace;} small {font-size: 12px;} ul, ol, li {list-style: none;} a {text-decoration: none;}: hvoer {text-decoration: underline;} sup {vertical-align: text-top ;}sub {vertical-align: text-bottom;} legend {color: #000 ;} fieldset, img {border: 0px;} button, input, select, textarea {font-size: 100%;} table {border-collapse: collapse; border-spacing: 0 ;} /** reset **/. invisible {visibility: hidden ;}. noBg {Background: none! Important ;}. clear {display: block; height: 0; overflow: hidden; clear: both ;}. clearfix: after {content: '\ 20'; display: block; height: 0; clear: both ;}. clearfix {* zoom: 1;}/** page style **/. hidden {display: none ;}. wmenu dt ,. wmenu dt ,. wmenu dd a: hover,. currcent {background: url (.. /images/w_base_z.png) no-repeat ;}. wmenu {height: 500px; width: pixel PX; border: 1px solid # d1d1d1; background: # f3f3f3 ;}. wmenu dl {bor Der-bottom: 1px solid # d1d1d1 ;}. wmenu dt {height: 41px; line-height: 41px; border-bottom: 1px solid # d1d1d1; text-align: left; background-position: 153px-56px ;}. wmenu dt a {display: block; padding-left: 48px; font-size: 16px; color: #444343 ;}. wmenu dt. user a {background-position: 18px-22px ;}. wmenu dt. edit a {background-position: 18px 12px ;}. icotop {border: none! Important; background-position: 153px-90px! Important ;}. wmenu dd {line-height: 37px ;}. wmenu dd a {display: block; padding-left: 50px; font-size: 14px; color: #362c30 ;}. wmenu dd a: hover,. currcent {display: block; padding-left: 50px; color: # fff! Important; background-repeat: repeat-x; background-position: left bottom ;}
If you want to see the overall effect, go to my blog and check that the address is www. xtian. me.
How do I move the QQ space navigation to the left? Free, the simplest one
You must select vertical navigation! You can click navigation in the mall and then search for the free two words, then you will come out of the free navigation you can choose vertical navigation ~! Remember to adopt it in time!
A website template is very simple. The navigation bar is shown below the image above, navigation on the left, and content in the middle.
Yes. What is it?