Point And Shoot Effects

vertical menu easy

time ago one of my blogs I used a practical and simple vertical menu Cesar facilitated us in his blog and it was this:


To configure it, do the following, we will stick this code before ]]>\u0026lt;/ b: skin> guess you know to access our template, Layout - Edit HTML, there is no need to expand gadgets . To seek and know Ctrl. + F.

/ * vertical menu
-------------------------------------------- --- * / #

BorderLinks a {padding-left: 4px;
display: block;
font-size: 14px; / * text size * /
text-transform: uppercase; / * Here we select May - Min * /
width: 200px; / * Width of Menu * /
color: black;
text-decoration: none;
border-left: 4px solid # 99C9FF / * border color * /
border-bottom: 1px solid # 99C9FF / * Color bottom line * /}


# BorderLinks a: hover {
border-left: 3px solid # 00468c; / * color vertical line touching the menu * / background-color
: # 99C9FF / * background color when you touch the link * /
color: # 2A211A; / * Font Color Selected * /}

Once you have pasted the above code changes and add this store other as a new element Html / Javascript. \u0026lt;div

id="borderlinks">
\u0026lt;a href="http://tirandodeblog.blogspot.com/"> Link 1 \u0026lt;/ a>
\u0026lt;a href = "http:/ / tirandodeblog.blogspot.com / "> Link 2 \u0026lt;/ a>
\u0026lt;a href="http://tirandodeblog.blogspot.com/"> Link 3 \u0026lt;/ a>
\u0026lt;a href="http://tirandodeblog.blogspot.com/"> Link 4 \u0026lt;/ a>
\u0026lt;a href="http://tirandodeblog.blogspot.com/"> ; Link 5 \u0026lt;/ a>
\u0026lt;a href="http://tirandodeblog.blogspot.com/"> Link 6 \u0026lt;/ a>
\u0026lt;/ div>

to customize as you see menu Cesa r left us very detailed, only changing the data must go to our liking.