MAGAZİNE STYLE ÇİFT KOLON YAZI

Bu güne aşağıda Magazine Style çift kolon post yazma biçimini anlatıyoruz. Ben yazı içindeki matni ingilizce orjinalindeki gibi yazdım. Birazda anlaşılsın diye. Aşğıda uygulama kodu içerisindeki inglizce metin yerine siz kendi metninizi yazabilirsiniz. İsterseniz fonu sarı yapmayıp beyazda kullanabilirsiniz. Onunla ilgili uygulama örneğide yayınlayacağım.

Magazine Style

Your right side text goes here.
You can type as much as you want.

Your left side text goes here.
You can type as much as you want.

Bu uygulamanın kodu aşağıdaki gibidir.

Uygulama Kodu :

<div style="BORDER-RIGHT: slategray 1px solid; BORDER-TOP: slategray 1px solid; FONT-SIZE: 10px; BACKGROUND: beige; BORDER-LEFT: slategray 1px solid; WIDTH: 440px; COLOR: #333; LINE-HEIGHT: 110%; PADDING-TOP: 10px; BORDER-BOTTOM: slategray 1px solid"><br /><br /><!-- The top paragraph or magazine heading --><br /><br /><br /><br /><h3 style="BORDER-TOP: slategray 3px solid; MARGIN-TOP: 2px; FONT-SIZE: 28pt; BACKGROUND: beige; MARGIN-BOTTOM: 5px; COLOR: black; LINE-HEIGHT: 0.8em; BORDER-BOTTOM: chocolate 1px solid; FONT-FAMILY: Georgia,Verdana, Geneva, Arial, Helvetica, sans-serif; TEXT-ALIGN: center">Magazine Style</h3><br /><br /><br /><br /><br /><br /><br /><br /><!-- This is the right side --><br /><br /><div style="PADDING-RIGHT: 5px; PADDING-LEFT: 0px; BACKGROUND: beige; FLOAT: right; PADDING-BOTTOM: 5px; WIDTH: 185px; PADDING-TOP: 5px"><br /><br /><p style="PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px"><br /><br />Your right side text goes here.<br /><br />You can type as much as you want.<br /><br /></p><br /><br /></div><br /><br /><!-- This is the left side --><br /><br /><div style="PADDING-RIGHT: 0px; PADDING-LEFT: 5px; BACKGROUND: beige; FLOAT: left; PADDING-BOTTOM: 5px; WIDTH: 185px; PADDING-TOP: 5px"><br /><br /><p style="PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px">Your left side text goes here.<br /><br />You can type as much as you want.<br /><br /></p><br /><br /></div><br /><br /><!-- end both columns and clear floats--><br /><br /><div style="CLEAR: both"></div><br /><br /></div>