https://erfanwd.blog.ir/ fa https://blog.ir/ Fri, 18 Mar 2016 19:06:12 +0330 https://erfanwd.blog.ir/1394/11/02/training-change-header-and-background <div style="direction:rtl"><p><a href="//bayanbox.ir/info/44398795195717002/Change-background" target="_blank" spfieldtype="null"><img src="//bayanbox.ir/view/44398795195717002/Change-background.jpg" height="507" width="1000" spfieldtype="null"></a></p> <p>قالب &gt; ویرایش CSS قالب فعلی</p> <p>کد زیر رو به body اضافه کنید ...</p> <p>و داخل پرانتر لینک عکسی که میخواین تو پس زمینه قالبتون قرار بگیره رو بذارید ...</p> <style> code{width:98%;direction:ltr;padding:1%;background: #ededed;border-radius: 4px;font-family:tahoma;font-size: 12px;} .pattern-back {border:2px solid #ededed; width: 19%;} </style> <code>body {<br>background: url(http://bayanbox.ir/view/7755955799473286638/96345.png);<br> }</code> <br><br><div>بهتره از تصاویری استفاده کنین که الگو هستن و تکرار میشن ...<div>ولی اگه خواستین عکسی استفاده کنین که تکرار نشه این کد رو در ادامه کد بالا وارد کنین تا تصویر پس زمینه قالب تکرار نشه ...</div> <div><br></div> <code>body {<br>background: url(http://bayanbox.ir/view/7755955799473286638/96345.png) no-repeat;<br> }</code> </div> <br><div>حالا تغییر تصویر هدر قالب :)</div> <div><br></div> <div>قالب &gt; ویرایش CSS قالب فعلی</div> <div>اینبار این کد رو پیدا کنین header ...</div> <div>البته تو قالبایی که قبلا طراحی کردم اسمش رو گذاشته بودم header-top !</div> <div>اینجا دیگه خودش کد بک گراند رو داره داخلش فقط کافیه شما لینک تصویر داخل پرانتر رو تغییر بدین و لینک عکسی که میخواین تو هدر قرار بگیره رو جایگزین کنید ...</div> <div><br></div> <code>.header {<br>background: url(http://bayanbox.ir/view/5207068158693719412/3826208.png);<br> }</code> <br> <br><div>اینجا یه نکته داره اونم این که اگه عکسی که میخواین تو هدر قرار بدین الگو نیست و تکرار شونده نیست !</div> <div>باید عرضش رو هم اندازه با عرضی که برایِ هدر تعریف شده قرار بدین ...</div> <div>ارتفاعش رو هم همینطور ...</div> <div>اکثر قالب ها عرضِ هدر ۸۰۰ هست و ارتفاعش هم ۲۰۰ ...</div> <div>یعنی ۸۰۰ پیکسل در ۲۰۰ پیکسل ...</div> <div>حالا یا فوتوشاپ یا با هر نرم افزار دیگه ای عرض و ارتفاع تصویرتون به این اندازه ها تغییر بدین بعد عکستون رو آپلود کنین و لینکش رو داخل پرانتز قرار بدین ...</div> <div>اگرم خواستین ارتفاع هدر قالب رو تغییر بدین تا عکس با ارتفاع بیشتری اونجا قرار بدین اندازه کد زیر رو تغییر بدین ...</div> <div><br></div> <code>.header {<br>background: url(http://bayanbox.ir/view/5207068158693719412/3826208.png);<br> height: 200px; /*این ارتفاع هدر هست میتونین به هر اندازه که میخواین تغییرش بدین*/<br> }</code> <br> <br><div>چند نمونه عکس تکرار شونده برایِ پس زمینه و هدر قالب " <a href="http://erfanwd.blog.ir/1394/12/28/tasvir-pas-zamine-ghaleb" target="_blank">کلیکـــ</a> "</div> <style> .ghaleeb{display:none;} </style></div> Fri, 22 Jan 2016 20:25:53 +0330 https://erfanwd.blog.ir/1394/11/02/training-change-header-and-background#comments عرفـــــ ـــان http://blog.ir/blogs/FZkJSP6Q6Fo/posts/-mpMjBvSR7o 84 آموزش آموزش تغییر بک گراند قالب آموزش تغییر هدر قالب هدر هدر قالب پس زمینه پس زمینه قالب کد قالب بیان