Matted Style CSS Border Gold

Dostlar yandaki resmi ve çerçevesini beğendinizmi. Hah işte bu gün resimlerinizi şık ve hoş bir şekilde nasıl yayınlayacağızı tarif edeceğim. Yine burada CSS in nimetlerinden yararlanacağız. Yani anlayacağınız sayfalarınızda bu tür uygulamaları CSS ile daha kolay halledebilirsiniz. Burada "inline CSS" yöntemini kullanacağız. Yani makalemizi yazarken gereken kodları da aynı yerde yazacağız.

Kodlar arasınada makalenizi yerleştireceksiniz anlayacağınız.. Aşağıda bu makalenin uygulama kodunu bulacaksınız. Blogunuza kopyala yapıştır yöntemiyle deneyebilirsiniz. Bu makale yazısının da yerine kendi makalenizi yerleştirebilirsiniz. Yalnız Kodlar içindeki bold yani kalın yerlere kendi resimlerinizin ölçülerini ve adresini yazmayı unutmayın lafın kısacası. Kolay gelsin...

UYGULAMA KODU :

<div align="justify"> <p><span style="border-right: black 1px solid; padding-right: 10px; border-top: black 1px solid; padding-left: 10px; background: gold; float: left; padding-bottom: 10px; margin: 15px; border-left: black 1px solid; padding-top: 10px; border-bottom: black 1px solid"><img style="border-right: black 1px solid; border-top: black 1px solid; border-left: black 1px solid; border-bottom: black 1px solid" height="<strong>100</strong>" src="<strong>http://i151.photobucket.com/albums/s125/ihtiyarus/ataturk14vh7-1.jpg</strong>" width="<strong>75</strong>" /></span></p> <p><span style="border-right: darkkhaki 1px solid; padding-right: 5px; border-top: darkkhaki 1px solid; margin-top: 5px; font-size: 80px; background: khaki; float: left; border-left: darkkhaki 1px solid; color: white; line-height: 60px; margin-right: 6px; padding-top: 2px; border-bottom: darkkhaki 1px solid; font-family: times">D</span>ostlar yandaki resmi ve çerçevesini beğendinizmi. Hah işte bu gün resimlerinizi şık ve hoş bir şekilde nasıl yayınlayacağızı tarif edeceğim. Yine burada CSS in nimetlerinden yararlanacağız. Yani anlayacağınız sayfalarınızda bu tür uygulamaları CSS ile daha kolay halledebilirsiniz. Burada "inline CSS" yöntemini kullanacağız. Yani makalemizi yazarken gereken kodları da aynı yerde yazacağız. Kodlar arasınada makalenizi yerleştireceksiniz anlayacağınız.. Aşağıda bu makalenin uygulama kodunu bulacaksınız. Blogunuza kopyala yapıştır yöntemiyle deneyebilirsiniz. Bu makale yazısının da yerine kendi makalenizi yerleştirebilirsiniz. Yalnız Kodlar içindeki bold yani kalın yerlere kendi resimlerinizin ölçülerini ve adresini yazmayı unutmayın lafın kısacası. Kolay gelsin... </p></div>

ÖRNEK UYGULAMA :

UYGULAMA KODU :

<div align="justify"><p><span style="border-right: black 1px solid; padding-right: 10px; border-top: black 1px solid; padding-left: 10px; background: gold; float: left; padding-bottom: 10px; margin: 15px; border-left: black 1px solid; padding-top: 10px; border-bottom: black 1px solid"><img style="border-right: black 1px solid; border-top: black 1px solid; border-left: black 1px solid; border-bottom: black 1px solid" height="100" src="http://i151.photobucket.com/albums/s125/ihtiyarus/ataturk14vh7-1.jpg" width="75" /></span></p></div><br />