کد پس زمینه اخبار

این تاپیک 3 پاسخ و 2 مشارکت کننده دارد . آخرین آپدیت توسط :  داود عظیم زاده ،‏ 1 سال و 4 ماه پیش .

این تاپیک تاکنون 427 بازدید داشته است .

تگ شده :  

نویسنده پست
پنجشنبه ، 6 آگوست 2015     6:02 ب.ظ #


داود عظیم زاده

Subscriber
38 پست26 تاپیک

سلام
میخوام کدی برای پس زمینه اخبار و آمار سایتم آماده کنم
کدی که دارم همانند شکل شماره 001 شده است
ام من میخوام همانند شکل شماره 002 باشه
آمار جلوی اخبار قرار بگیره
کسی میتونه برام ویرایشش کنه

کد html:

 

<div id="footer" >
<div>
<div class="wrapper-1400" style="">
<div style="height: 51px;width:100%;_position:absolute;">
<div style="direction:rtl;position:relative;width:20%;height: 51px;background: #333333;font-family: DPYekan;font-size:19px;color:white;line-height: 51px;text-align: center;float: right">اخبار

<div class="faarrow21"></div>
</div>
<div style="float:left;padding-bottom: 5px;padding-top: 16px;width: 79.5%;position:relative;background-color:#CDCED0;">
<div class="faarrow22">
</div>
</div>
</div>
<ul>
<li>
<!-- متن اخبار -->
</li>
</ul>
</div>
<div class="wrapper-400" style="">
<div style="height: 51px;width:100%;_position:absolute;">
<div style="direction:rtl;position:relative;width:20%;height: 51px;background: #333333;font-family: DPYekan;font-size:19px;color:white;line-height: 51px;text-align: center;float: right">آمار

<div class="faarrow21"></div>
</div>
<div style="float:left;padding-bottom: 5px;padding-top: 16px;width: 79.5%;position:relative;background-color:#CDCED0;">
<div class="faarrow22">
</div>
</div>
</div>
<ul>
<li>
<!-- متن آمار -->
</li>
</ul>

</div>

 

 

کد css :

html, body {
height: 100%;
}
body{
margin: 0;padding: 0;
font-family: DPYekan,DPTahoma , tahoma;
font-size:11px;
line-height: 18px;

}

.wrapper{
max-width: 1200px;
margin: 0 auto;
min-width:800px;
}
.wrapper-1400{
max-width: 1000px;
margin: 0 auto;
min-width:800px;
direction:rtl;
}

.wrapper-400{
max-width: 400px;
margin: 0 auto;
min-width:300px;
direction:rtl;
}

.faarrow21{
position: absolute;
left: -37px;
top: 18px;
width: 28px;
height: 0px;
border-top: 9px solid transparent;
border-bottom: 9px solid transparent;
border-right: 9px solid #333333;
z-index: 30000;
}

.faarrow22{
position: absolute;
right: 0px;
top: 18px;
width: 28px;
height: 0px;
border-top: 9px solid transparent;
border-bottom: 9px solid transparent;
border-right: 9px solid white;
}

ممنون میشم اگه کسی کمکم کنه

 

http://uupload.ir/files/3mk3_001.png

http://uupload.ir/files/5gbd_002.png

 

پیوست ها:
You must be logged in to view attached files.
0  تشکر
جمعه ، 7 آگوست 2015     11:19 ق.ظ #


داود عظیم زاده

Subscriber
38 پست26 تاپیک

?

0  تشکر
شنبه ، 8 آگوست 2015     4:45 ب.ظ #


N4H

Subscriber
43 پست0 تاپیک

<p>1</p>

0  تشکر
شنبه ، 8 آگوست 2015     8:38 ب.ظ #


داود عظیم زاده

Subscriber
38 پست26 تاپیک

یعنی چطوری؟

0  تشکر
پست 1 تا 4 (از مجموع 4 پست)

برای پاسخ دادن به این تاپیک باید وارد سایت شوید .