Tuesday, February 17, 2009

Make a sentence with the background

. Tuesday, February 17, 2009

When we surf the Internet, we often come across the sentence-sentence or give the script in the background color or background of the image this is usually done to show the author or the script so that readers easily distinguish. appeared to make it not so difficult.

 

  • Using Background Color: how we live is quite easy to go to the post editor and write the code like below the post editor in the "Edit Html"
    background color to use our code as below

<div style="background:#E3CEF6; border:1px dotted #8000FF; padding:5px;">
KALIMAT DENGAN BACKGROUND WARNA</div>

                           The results will be like this:
Background sentence WITH COLOR

 

Description:

    • background: # FFFFCC;
      is the background color, you can change the code according to the color you like.
    • border: 1px dotted # F5003D;
      is the edge thickness of 1px is the edge, you can change ketebalanya according to your taste,
    • Dotted is the type of bordernya you can change according to your taste # 8000FF is the color code of the border you please replace with your taste.
    • Padding: 5px;
      To give the edge to the limit any posts, so that there are possible distance from the edge.
    • add overflow: auto; if you want to add a scroll function

 

  • Using a Background Picture:

<div style="padding-right: 20px; padding-left: 50px; background: url(http://i295.photobucket.com/albums/mm127/adhie0305/abstractVectorBack9.jpg); padding-bottom: 20px; width: 491px; padding-top: 60px; height: 108px">
  <p align="center"><strong><font size="5"><font color="#ff0000"><font size="4">never say can not because that means you have not tried</font> </font></font></strong></p>
</div>

The results will be like this:

never say can not because that means you have not tried

 

Description:

    • The red is the address printed images that we upload
    • Padding-right: Right Limit
    • Paddding-Left: Left Limit
    • Widht: Image Width
    • Height: Image


Done, try your own creativity, success always ...

 

1 comments:

Syed Zeeshan Ali said...

http://ccolumns.blogspot.com

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Post a Comment

 
Download And Tutorial is proudly powered by Blogger.com | Template by o-om.com