Paylasimda Rakip Tanımayan Platform :)

Sende Benim Gibisin!

Css esnek kutusu

Merhaba.Bu günkü paylaşım biraz gcikti ama kusura bakmayın artık

Hemen paylşımı anlatayım.Sitenizde diğerlerinde ayırmak istediğiniz bir yazıyı bunun içine ekleyebilirsiniz. Üç farklı çeşidi mevcut.Hangisi size uygunsa artık.Hemen demo ve koda geçelim.

<style type="text/css" media="screen,print"> 	 *{padding: 0; margin: 0;}  /* ----- global default/initial styles ----- */ body {background-color:#fff; margin: 10px; padding: 0;}  /* ----- base default font size, type, and line height ----- */ html body{font: 62.5%/1.4em Arial, Helvetica, sans-serif;color:#333333} html>body{font: 62.5%/1.4em Arial, Helvetica, sans-serif;color:#333333}  /* ----- add selectors here for font sizing ----- */ p, table, ul, dl, h2 {font-size: 1.2em} caption {font-size: 1.4em} h3 {font-size: 1.6em}  h3 { 		color: #cfcfcf; 		font-weight: bold; 		text-transform: capitalize; 		margin-top:30px; 		padding-bottom:10px; }   /* ----- base links ----- */ a:link {color: #CC6633;} a:visited {color: #CC6633;} a:hover {color: #999966;} a:active {color: #CC6633;} a:focus{color: #CC6633;} 	 	/* CSS for the box starts here */ 	.portletcontent { 		padding:0 7px 0 0; 		background:#fff url(http://tugrawebdata.com.nu/csskutu/borders.gif) 100% 0 repeat-y; 	} 	.bi { 		padding:0 0 0 1px; 		background:#000 url(http://tugrawebdata.com.nu/csskutu/borders.gif) 0 0 repeat-y; 		  	} 	.bb { 		height:30px; 		margin:0 -7px 0 -1px; 		background:url(http://tugrawebdata.com.nu/csskutu/box.gif) 100% 100% no-repeat; 	} 	.bb div { 		width:18px; 		height:30px; 		background:url(http://tugrawebdata.com.nu/csskutu/box.gif) 0 100% no-repeat; 	} 	.portlet h2 { 	height:20px; 	padding:0 0 0 10px; 	background-color:#666; 	background-image:url(http://tugrawebdata.com.nu/csskutu/topright.gif); 	background-position:right top; 	background-repeat:no-repeat; 	color:#592C16; 	line-height:20px; 	} 	 	 	.portletcontent p { 		padding:8px 10px 8px 10px; 		background:#fff; 	} 	</style> </body></html>

1.Şekil:

2.Şekil:

3.Şekil:

Tekno-Köşe

Aenean Cursus Maecenas Aliquam Ligula Egestas Suscipit Sapien Dignissim Vestibulum Lorem Urnain Neque Aenean

Kategoriler

Dostlarım

Pendik(MERKEZ)Lisesi

Sed Necest Suspendisse a nibh

Duis vitae velit sed dui malesuada dignissim. Donec mollis aliquet ligula. Maecenas adipiscing elementum ipsum.

Lorem ipsum dolor sit amet

Vestibulum eleifend, enim ut molestie pulvinar, purus est fringilla augue, ut tristique nunc neque a libero.

Recent Blog Post

Copyright © 2048 Your Company Name | Designed by Free CSS Templates | Tesekkürler Limitsiz-Paylasim

Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?

Ücretsiz kaydol