درخواست يه طراحي با css

سلام دوستان من ميخوام يه باكس طراحي كنم به صورت عكس زير
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]

البته ميخوام به صورت css باشه نه اينكه دقيقآ اين عكس رو بزارم تو صفحه ام ميخوام اينو تو يه صفحه ي html به كار ببرم . كسي از دوستان كمك ميكنه طراحي كنه برام ؟ ممنون ميشم

من كه عكسي نمي بينم :41:

سلام شرمنده اينم لينك عكس
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]

شما مي توني اين يه قسمت كوچيكي از اين عكس رو ببري و بندازي background ه هر چيزي كه مي خواي repeat‌ش هم بايد فعال كني
فقط بايد يه قسمتي كوچيكي از اين عكس رو جدا كني كه وقتي بقل هم قرار گرفت ضايع نشه و همين حالت رو داشته باشه

خوب بلد نيستم داداش من ميخوام بعدا رو اين تصويري كه با css ايجاد مي كنم دو تا text box براي نام كاربري و رمز عبور قرار بدم

عکس رو دوباره بزارید عکسی وجود نداره اما فکر کنم منظورت این باشه

ببین تو یه کاری کن

همونطور که Luke گفت

یه تیبل برای قسمت رمز عبورت بنویس بعد براش بک گراند بزار با CSS

راه اصلیش همینه بیشتر ازین هم کار خودته:31:

از گوگل بخواهید :46:

کد:

---

CSS BackGround

---

بابا اين لينكش

کد:

---

http://www.niazeirani.com/a.png

---

تشکر نمیخواد که برادر من قابل نداشت:31:

کد:

---

http://www.irfreeup.com/images/pwyegiujdvnwiuhf4dsc.png

---

کد:

---

<style>
#background
{
background-image:url('a1.png');
background-repeat:repeat-x repeat-y;
}
</style>
<table id="background">
<form method="post" action="">
<tr>
<td>Username</td><td>:</td><td><input type="text"></td>
</tr>
<tr>
<td>Password</td><td>:</td><td><input type="password"></td>
</tr>
<tr>
<td>
<input type="submit" value="submit">
</td>
</tr>
</form>
</table>

---

سلام و با تشكر حالا اگه بخواهم توي اين باكس اين كد ها رو قرار بدم چي ؟

کد:

---

                        <img src="http://www.hamsokhan.com//templates/modern/media/eyd.png" />
                        <p><img src="http://www.hamsokhan.com/templates/modern/media/niaz.png" />               
                          <a href="http://hamsokhan.com/index.php?m=pages&amp;g=ads&amp;p=ads"><img src="http://www.hamsokhan.com/templates/modern/media/ads2.png" border="0" /></a>

---

اينا كد هاي چند تا عكس هستند
بهتر راهنمايي كنم اين سايت منه

کد:

---

http://www.hamsokhan.com

---

حالا اگه توجه كني سمت چپ چندتا تبليغ و عكس و اين چيز ها هست و اين كدهاي بالا هم كد هاشون هستند حالا ميخوام اون عكس ها توي يه باكس (باكس كه نه يه عكس شبيه به باكس ) قرار بگيرند مثل سايت

کد:

---

http://www.oxinad.com

---

قسمت سمت چپ(تبليغاتش ) توي يه باكس هستند

واضحتر توضیح بده:31:

میخوای این عکسارو کجا بزارییییی؟؟؟:31:

خب دیگه مشکل همینجاست:31:تو بگو منظورت از باکس چیه یه نمونه نشون بده:41:من سوادم یه خرده کمه:20:

آهان شاید منظورت اینه یه خطی بیاد دورش احاطش کنه نه؟

اکی ببین من این کد رو اگه مستقیم کپی کنی توی صفحت همه چیو به هم میریزه این فقط یه مثاله چون باید کد دیده شه همیشه هم از کدهات یه کپی بگیر قیبل از تغییر

کد:

---

<style>
#ADSMENU
{
fload:left;
width:140;
}
#ads
{
border-style:solid;
border-color:red;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
</style>
<div id="ADSMENU">
<div id="ads">
<div style="border-style:double;text-align:center;margin:5 2 2 2;">تبلیغات</div>
<p><img src="1.png"/></p>
<p><img src="2.png"/></p>
<div>
</div>

---

خوب عزيز شما كافيه يه كلاس تعريف كني

کد:

---

.TextCls
{

background-repeat:repeat-x repeat-y;
background-image:url('image.jpg');

}

---

بعد هر باكسي كه خواستي اين جوريش كني كافيه توي خصوصيت CssClass ش نام اين كلاس رو انتخاب كني ( TextCls)
همين
فقط عكس رو بايد يه جوري ببري كه وقتي كنار هم قرار گرفت ضايع نشه اون ديگه كاره فتوشاپه