How to Make a Frame To Banner
After yesterday I was discussing about how to create marquee effects and how to install the image on the corner of the screen, on this occasion I will try to give tips to beautify the look of your blog, especially the bloggers who are very in love. Hehehe..
There are many ways to our blog can be seen more in the eyes of visitors (visitor), one of which is to use a variety of frames. Variations frame can be used to beautify banners, boxes and other gadgets.
Here I will give a few examples concerning the procedures used to beautify the banner frame variation bloggers. First, varisiasi frame using straight gari:
<div style="overflow:no; width:175px; height:100%px; solid border:6px #80ff00; padding: 5px;"> <img border = "0" src = "http://i642.photobucket.com/albums/uu147/waytuba7.jpg "> </ div>
So the result will look like this:
Second, variations in frame with the points:
<div style="overflow:no; width:175px; height:100%px; border:6px dotted #80ff00; padding: 5px;"> <img border = "0" src = "http://i642.photobucket.com/albums/uu147/waytuba7.jpg "> </ div>
Some scripts you need to edit: 1. Code border: 6px function for the thickness of the line, please change the number 6 with the number you want. (Love-love) hehe 2. Code 80ff00 is the color code for the color line. 3. Code padding: 5px a code to make the distance between objects with lines. 4. http://i642.photobucket.com/albums/uu147/waytuba7.jpg is his image URL, replace the image URL pal. Okeh In addition, bloggers can also experiment with replacing its frame effects, such as dotted, solid, dashed, etc..
Dotted: Effects to create the dots Solid: Effects to create a line Dashed: Effect dotted line
Good luck, hopefully useful
Here I will give a few examples concerning the procedures used to beautify the banner frame variation bloggers. First, varisiasi frame using straight gari:
<div style="overflow:no; width:175px; height:100%px; solid border:6px #80ff00; padding: 5px;"> <img border = "0" src = "http://i642.photobucket.com/albums/uu147/waytuba7.jpg "> </ div>
So the result will look like this:
Second, variations in frame with the points:
<div style="overflow:no; width:175px; height:100%px; border:6px dotted #80ff00; padding: 5px;"> <img border = "0" src = "http://i642.photobucket.com/albums/uu147/waytuba7.jpg "> </ div>
Some scripts you need to edit: 1. Code border: 6px function for the thickness of the line, please change the number 6 with the number you want. (Love-love) hehe 2. Code 80ff00 is the color code for the color line. 3. Code padding: 5px a code to make the distance between objects with lines. 4. http://i642.photobucket.com/albums/uu147/waytuba7.jpg is his image URL, replace the image URL pal. Okeh In addition, bloggers can also experiment with replacing its frame effects, such as dotted, solid, dashed, etc..
Dotted: Effects to create the dots Solid: Effects to create a line Dashed: Effect dotted line
Good luck, hopefully useful
Posted by geselma
|
di
01.15
0 komentar:
Posting Komentar