hcp90sadra
سه شنبه 11 شهریور 1393, 20:00 عصر
کسی نمیاد دانلود کنه نمونه آنلاین بذار
این عکسش که میخوام این مربع رو بیارم جلوی قسمت بالای :
123020
تگ Html :
<div class="block">
<div class="Postbox">
<div class="postright"><img src="../../html/images/thumbpost.jpg" />
<a href="#">ادامه مطلب ...</a>
</div>
<h2>قبض موبایل شش هزار دلاری برای دختر 14 ساله‌ی</h2>
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد. کتابهای زیادی در شصت و سه درصد گذشته، حال و آینده شناخت فراوان جامعه و متخصصان را می طلبد تا با نرم افزارها شناخت بیستری را برای طراحان لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد. کتابهای زیادی در شصت و سه درصد گذشته، حال و آینده شناخت فراوان جامعه و متخصصان را می طلبد تا با نرم افزارها شناخت بیستری را برای طراحان
<div class="clear"></div>
</div>
</div>
</div>
</div>
<div class="clcenter">
<div class="centercontent">
</div>
</div>
</div>
Css:
.Postbox { padding:5px ; border-bottom:1px solid #707070 ; text-align:justify}
.postbox:hover { border-bottom:1px solid #f75237 }
.postright:hover a {background:#f75237 ; transition:all 0.3s ; -webkit-transition:all 0.3s}
.postright {width:126px ; float:right ; margin:0px 0px 0px 10px ;}
.postright img { margin: 0px 0px 15px; }
.postright a { color: #FFF;
padding: 10px 28px;
background: none repeat scroll 0% 0% #A6A6A6;
border-radius: 5px;
}
.Postbox h2 { font:normal 18px BYekan ; padding:5px ; }
.clcenter { width:265px ; float:right }
.centercontent {
background: #fff;
border: 1px solid #afafaf;
border-radius: 5px;
padding: 10px;
margin: 0 10px 10px 0;
position: relative;
}