Thursday, 25 October 2012

blogger template building 2

Upload image to get url:

decorative image

Upload image to get url:

detail of dollar bill reference image, Illuminati symbol

Test code:

This is a decorative link header

<a class="decorative" href="http://www.google.co.uk" style="text-align:left; background-color:rgb(220,220,220); font: 24px Georgia, Utopia, 'Palatino Linotype', Palatino, serif; background-color: #dcdcdc; margin-bottom:1em; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3aGVhByS2qFC2eT0Jah5CBQoR3wIlLxsbmJjHeVMMVosi5cOE0LH1X9W6uKhsI_vnxTJS4uCEtkK8eqNdacHaKHKm_HjqmbcPD4jV6qV7c8Rc-BmyeQcB9WuvO3DcnePcc0CvPFO4Ve4/s320/header.jpg); text-align:left; background-repeat: no-repeat; background-size: cover;">This is a decorative link header</a>

Poor contrast upload edit in GIMP (gimp opacity tutorial on youtube) and upload another:

lighter decorative image

This is a lighter decorative link header

Used in this post:

background-size css

css clear

css font

css background

css text

As well as pages mentioned in css template building 1

This is a normal paragraph

No comments:

Post a Comment