How to align text/image/table or anything else on your page.

Hello,today we will learn html,nothing completicated ,just a simple way to align anything on your page left,right or in the center.

To do that you will need a div tag and the command align.Ltt's take a look.

<div align='center'>
Your text/image to be aligned here.
</div>

Aligning a table can be a little tricky.You should not use a div tag in this case but you should put the align command within the
tag

<table align='left'>
....
Your table here
....
</table>

You can put left or right in place of center.

And that's about it.

Read more ...

Rotating images for your popular posts!

Today I will show you a short code that makes the image next to the description in your popular posts rotate on mouseover!

The installation is quite simple.After installing the gadget Popular posts save and go to edit template.Using cntrl + F look for / b: skin. Once you've found it click on dots between the SKIN tags and paste the following code.You can the effect live on my Popular posts down the page.

 <style type='text/css'> .PopularPosts ul li {background: none repeat scroll 0 0 transparent;float: left;list-style: none outside none;margin: 5px !important;padding: 0 !important;} .PopularPosts ul li img {padding:0;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;border: 2px solid #CCC;height: 80px;width: 80px;} .PopularPosts ul li img:hover {border:2px solid #BBB;-moz-transform: scale(1.2) rotate(-1090deg) ;-webkit-transform: scale(1.2) rotate(-1090deg) ;-o-transform: scale(1.2) rotate(-1090deg) ;-ms-transform: scale(1.2) rotate(-1090deg) ;transform: scale(1.2) rotate(-1090deg) ;} </style>

@Πνευματικά δικαιώματα ανάρτησης symvl.blogspot.com Επιτρέπεται η αντίγραφη με υποχρεωτικό ενεργό backlink πίσω στην πηγή με ένα κλικ.

Read more ...