пробы
Страница: 1
Сообщений 1 страница 2 из 2
Поделиться22014-06-13 22:59:52
Код:
<style type="text/css"> .back {background-image:url('http://i991.photobucket.com/albums/af37/CheleCooke/back.png'); border: 0px; width: 480px; height:580px; padding:10px;} .title {font-family: Times New Roman; font-size:40px; font-weight: bold; text-transform: uppercase; border-bottom: 1px solid #000000; font-align:center; line-height:110%; padding-top:5px; letter-spacing:2px} .headline {width: 270px; font-family: Times New Roman; font-size:30px; font-weight: bold; padding-top:15px; float:left; letter-spacing:1px; line-height:90%;} .picture {float:right; width:180px;} .img1 {border:1px solid #000000; height: 250px; width:180px;} .piccom {font-size; 8px; font-family: Times New Roman; line-height:95%; } .article1 {float:left; width:280px; padding-top:10px;} .col1 {text-align: justify; border-right:1px solid #000000; font-family: Times New Roman; font-size:12px; height:385px; width:135px; float:left; overflow:hidden; padding-right:5px; line-height: 100%;} .col2 {text-align: justify; font-family: Times New Roman; font-size:12px; line-height: 100%; height:385px; width:135px; overflow:hidden; float:right; } .artpic {width: 125px; height:125px; border: 1px solid #000000;} .article2 {float:right; height:240px; width:185px; padding-top:2px; overflow:hidden; border-left:2px solid #000000;} .art2head { font-family: Times New Roman; font-size:20px; font-weight: bold; padding-top:5px; float:left; letter-spacing:1px; line-height:80%; padding-left:2px;} .art2col {text-align: justify; font-family: Times New Roman; font-size:12px; width:175px; float:left; padding-left:5px; padding-top:5px; line-height: 100%;} </style> <center><div class="back"> <div class="title">YOUR NEWSPAPER TITLE</div> <div class="headline">HEADLINE HERE.</div> <br><div class="picture"><div class="img1"><img src="MAIN IMAGE HERE" width="180" height="250"></div><div class="piccom"><i>COMMENT UNDERNEATH IMAGE</i></div></div> <br><div class="article1"><div class="col1">FIRST ARTICLE GOES HERE[/LEFT] [LEFT] <br><div class="artpic"><img src="IF YOU WANT AN IMAGE IN THE ARTICLE, PUT THE LINK HERE. IF NOT, DELETE FROM < BR > to < /DIV*>" width="125" height="125"></div> <br>CONTINUATION OF FIRST ARTICLE.</div> <div class="col2">CONTINUATION OF FIRST ARTICLE GOES HERE</div></div> <div class="article2"><div class="art2head">2nd ARTICLE TITLE</div> <div class="art2col">SECOND ARTICLE GOES HERE</div></div> </div></center>
Страница: 1