To make a menu with scrollbar first place along with the CSS of your blog:
<textarea>.botao a, .botao a:visited{ width: 220px; color: #000000; text-decoration: none; padding-top: 3px; display: block; padding-bottom: 3px;margin-bottom: 1px; background-image: url(Image of the button); font-family: "Comic Sans MS"; font-size: 10pt; text-align: left; text-indent: 6px; } .botao a:hover{ color: #0000FF; background-color: #FFFFCC; background-image: url(Image of the button when the mouse is over it); } </textarea><br />
<br />
Now go to design and > ELEMENTS page> gadget> html / javascript and paste:
<textarea><div style="width: 240px;height: 295px; overflow: auto;border: 1px solid #999999"> <div class="botao"> <a href=”Web Site address” target="_blank">Name Web Site</a> </div></div></textarea><br />
<br />
<!--more--><br />
In the part of the line CSS background-image: url (image button) and background-image: url (Choose the button image), you must host the image on a website and put the url. You may want to use the background color changing background-color: # CCCCCC; choosing the color you want.
If you use background color instead of image edges suggest that place (add this line along with the other border: 1px solid # 333333; which can also be the color you want.
Remember to put the border and background color of the two parts of the CSS. The size can also be changed: width: 240px is the width and 220px is the width of the button. When you make changes remember to do in two widths. Choose your color here.
0 comentários:
Postar um comentário