Gempur CSS
CSS Cascading Style Sheet.
2,3 hari ni aku explore CSS. Aku dah lama teruja ngan CSS tapi lom dapat2 ilham camne nak maximize CSS ni. Selalu gak ulang alik ke ZenGarden.com mengamati keindahan hasil kijer developer2 CSS ni. Aduss, memang terbakar jiwa raga aku tgk hasil2 kijer diorang.
Baru ni aku jumpa Rejim, dok tanya lagi pasal CSS ni, cos takat ni la aku tak jumpa lagi org lain leh wat CSS cam rejim wat. Bukan nak puji tapi tu ler, tak ramai yang aku jumpa betul2 serious guna CSS. Ramai yang guna html table lagi.
Apa pun by end of Ramadhan ni aku target atleast aku dapat seswatu.
Oh ni css aku wat semalam. Ni betol2 part yang aku faham camne nak guna Float. Takde la susah sangat sebenarnya.
Ni t2.css file
html{
text-align:center;
}p{
padding:1em;
}#wrapper1{
background: url(column_bg.gif) repeat-y left top;
}#wrapper2{
background: url(column_bg.gif) repeat-y right top;
}#topbanner{
background: green;
//padding: 1em;
}#leftmenu{
float:left;
background: red;
width:170px;
//padding: 1em;
}#rightmenu{
float:right;
background: blue;
//padding: 1em;
}#content{
float: none;
background: yellow;
//padding: 1em;
margin-left: 210px;
margin-right: 240px;}
#footer{
clear: both;
background: gray;
}
Ini file index.html.
<html>
<head>
<title>Hallo CSS</title>
<style type=”text/css” media=”all”>
@import “t2.css”;
</style>
</head>
<body>
<div id=”wrapper1″>
<div id=”wrapper2″>
<div id=”topbanner”>
<h2>This Is Top Banner</h2>
</div>
<div id=”leftmenu”>
<h2>This Is Left Menu</h2>
</div>
<div id=”rightmenu”>
<h2>This Is Right Menu</h2>
</div>
<div id=”content”>
<h2>This Is Content</h2>
<p>This is my paragraph.
</p></div>
<div id=”footer”>
© by Gezzeg.com
</div></div>
</div>
</body>
</html>
My photo with Tedroz, my introducer in photography world. Visit http://www.tedroz.com.
Dina dengan senyuman terpaksa…
Loading ...
One Response to “Gempur CSS”
ya allah!!gemuk nyerlah org pakai tudung itu!!!!BOlat muka.hahaha…
Leave a Reply