Welcome. I post blogskins and sometimes tutorials onto this blog for free under certain terms and conditions of which you should take note of.

I don't do requests unless you are willing to pay and wait for it.

Welcome. I post blogskins and sometimes tutorials onto this blog for free under certain terms and conditions of which you should take note of.

I don't do requests unless you are willing to pay and wait for it.

Here are my posts divided into a few categories ;
Blogskin Tutorials

For other info ;
About the owner Paid request Terms & conditions Latest news Email Tagboard Blog

Archives • April 2010 • May 2010 • June 2010 • November 2010 • May 2012 • January 2014 • February 2014 Previous posts • Image text • Aboslute / Fixed divine tag • music player codes • Colorful text • Disable right click • Youtube player • comment codes

For your information, this skin works on every web browsers, though very dull in IE

This blogskin was coded by wickedicy + x x. Previews with downloads and some images are hosted by Blogskins.com, other images are hosted at Photobucket, imgur & Blogger

Nov 29, 2010, 8:13 PM Image based borders?
Well idk exactly how to do an image based borders but this method will sure make it look like the borders are image based. just tweak the css/html xD eg.:

i used the image below as the border's image base

so the codes :
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhp_I9aWUHl_E5yIiqvmpJrYmek4sa7xd_u3aiZtS8M-pfH0sYBKwunUW9RL1_JIDlSyBsg-ceCrfwr0RQ3k8cSey55GcKqkCLYPVSe_HKrWBMxn2UOWa9DPSO3rN0RnMyYM4Nb4dzASww/s400/18.png" style="border:10px dashed transparent; background-image:url('http://i524.photobucket.com/albums/cc325/amira_images/bg-2.jpg');">

the codes above is only for a selected image. it means if you want to make it the same for all images in your site, edit the css instead and the codes are as below:
img {border:10px solid transparent; background-image:url('http://i524.photobucket.com/albums/cc325/amira_images/bg-2.jpg');}

this is not recommended for beginners

to change the width of the borders just change the 10px in the codes to a larger number.

the solid states the style of the border. but since the color of our border used in the image above is transparent, then it can't be seen.

just change the image url for the background-image with the image url you wanna use as the border's image base. & then you're done.

you can google for more info. Credits to Reviviscent for the icon and 5 points apart for the base image. you can press ctrl+c after selecting the text you wanna copy from the textareas (since i've disabled right click)

Labels: tutorials

Older posts | Newer posts