facebook-template-design

Marketing Group

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

What Marketing Group?

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s

We have full power

when an unknown printer took a galley of type and scrambled it to make a type specimen book.

And I have Community

It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially :)

Contact

Lorem Ipsum is simply dummy text of the printing and typesetting industry.
website : smallsweb.net

เริ่มสร้างหน้า Template

ดูตัวอย่างของจริง Facebook template

/*@group Reset*/
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input {margin: 0; padding: 0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {font-size: 1em; font-weight: normal; font-style: normal;}
ul,ol {list-style: none; margin-bottom: 18px;}
fieldset,img {border: none;}
caption,th {text-align: left;}
table {border-collapse: collapse; border-spacing: 0; margin-bottom: 18px;}
.clear {clear: both;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block; display: block;}
* html .clearfix {height: 1%;}
/*@groupmain*/
#main-fb {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiN1v7pI4OU5l6XAXZ4K-tM_RMo_5p1kL8AS8G4_XFczNUzGSdThQo-HcsWRb-aLd5XEoDLDvNPLPJI4o_y5ktd9KwbQ4ES-6ImM_pyAWFRZNQr6h3BGoJ-hkK0p-yHX5WR_oOoIhnOAvys/s1600/cubes.png) repeat scroll 0 0 #FFF; width:500px; height:780px; position:relative; float:left;left:margin-bottom:25px;
    color: #333333;
    font-size: 13px;
    font-family: Arial,Helvetica,sans-serif;
    line-height: 1.5;
    text-shadow: 0 1px 0 #FFFFFF;
    padding:10px;
  }
#main-fb h2 {font-size:18px;font-weight:bold;}
#nav-item {background-color:#DDD; border-radius:8px; border:1px solid #CCC; height:60px;disply:block; box-shadow:0 0 3px #BBB; text-align:center; padding-left:15px; margin:0; margin-bottom:20px;}
#nav-item a.item-a {
    background-color:#92278f;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    display: inline-block;
    font-size: 11px;
    height: 24px;
    line-height: 24px;
    margin: 10px 0;
    padding: 0 12px;
    text-shadow:0 0;
    text-decoration:none;
}
#nav-item a.item-a:hover {
    background: none repeat scroll 0 0 #F06EAA;
    color: #FFF;
    text-decoration: none;
}

.item-l {width:170px; float:left; position:relative;top:16px; color:#92278f;}
.item-c {float:left;padding:0 10px; position: relative;top: 8px;}
.item-r {float:left;padding:0 10px;position: relative;top: 8px;}
.item-rr {float:left;padding:0 10px;position: relative;top:8px;}
.item-rrr {float:left;padding:0 10px;position: relative;top:8px;}
/*@groupmain*/
#main-item {
    height:100%;
    margin: 0 auto;
    padding: 20px;
    width: 456px;
    text-align:left;
    
}
 #main-item a {color:#92278f;text-decoration:none;}
.title-item { margin-bottom:25px;}
.left-colum {width: 260px; position:relative; float:left; }
.right-colum {width:180px; float:left; position:relative; left:16px;}
.footer-item {display:block; text-align:left; top:10px; padding-top:5px; border-top:1px solid #CCC; position:relative; clear:both;}

HTML codding : ส่วนของ html เขียนตามนี้ครับ


        
            
                Marketing Group
      
            
                Service
         
            
                Out Clients
         
            
            Support/Faq
      
        
 

        

        
        Lorem Ipsum is simply dummy text of the printing and typesetting industry.
        Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,
        when an unknown printer took  a galley of type and scrambled it to make a type specimen book. 
        

        What Marketing Group?
        Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s



        We have full power
when an unknown printer took a galley of type and scrambled it to make a type specimen book.



        And I have Community
        It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially :)


        

        Contact
        Lorem Ipsum is simply dummy text of the printing and typesetting industry. 
  

        website : smallsweb.net
 
 Design by : smallsweb

CSS+HTML