قراردادن عکس کنار یا بک گراند فرم rs form

[msi1234 10]

سلام دوستان

می خواستم یک عکس در داخل فرم کنار فرم قرار بدم یا یک عکس backgroundeh فرم باشه از rsform استفاده می کنم

باید چه کنم ؟

[saber 208]

میتونید با استفاده از فایرباگ محل مورد نظر رو پیدا کنید و بک گراند ایجاد کنید

[msi1234 10]

یعنی خود rs form امکاناتی دراین خصوص نداره ؟

در صورتی که با فایرباگ شناسایی کردم کد مربوط به فراخوانی عکس در محل مربوطه با بک گراند چیست ؟

[MRT69 10]

شما از قسمت css جاوا اسکریپ می تونید به راحتی بک گراند برای قالب فرمتون ایجاد کنید

برای مثال اگه کد زیر رو توی قسمت css قرار بدید یه بک گراند صورتی بهتون میده

که می تونید #dca4e0 رو تغیر داده و رنگ دیگه ای بزارید

<style type="text/css">

.formFieldset {

float:right;

background:none repeat scroll 0 0 #dca4e0;

border:1px solid #000000;

margin:0 auto;

padding:10px;

width:630px; }

</style>

یا می تونید در همین قسمت از کد زیر استفاده کرده و عکس زمینه اضافه کنید به جای ادرس عکس لینک عکستونو بزارید

<style type="text/css">

.formFieldset {

float:right;

background-image:url(آدرس تصویر مورد نظر)

border:1px solid #000000;

margin:0 auto;

padding:10px;

width:630px; }

</style>

[bitabazrgari 10]

شما از قسمت css جاوا اسکریپ می تونید به راحتی بک گراند برای قالب فرمتون ایجاد کنید

برای مثال اگه کد زیر رو توی قسمت css قرار بدید یه بک گراند صورتی بهتون میده

که می تونید #dca4e0 رو تغیر داده و رنگ دیگه ای بزارید

<style type="text/css">

.formFieldset {

float:right;

background:none repeat scroll 0 0 #dca4e0;

border:1px solid #000000;

margin:0 auto;

padding:10px;

width:630px; }

</style>

یا می تونید در همین قسمت از کد زیر استفاده کرده و عکس زمینه اضافه کنید به جای ادرس عکس لینک عکستونو بزارید

<style type="text/css">

.formFieldset {

float:right;

background-image:url(آدرس تصویر مورد نظر)

border:1px solid #000000;

margin:0 auto;

padding:10px;

width:630px; }

</style>

سلام دوست عزیز

میشه بگی چطور میشه عکس گذاشت،منظورم اینه که عکس موردنظر رو در چه فایلی بذارم و بعدش آدرس تصویر چی میشه

ممنون میشم اگه توضیح بدی

[amirparvaneh 100]

پیشنهاد میشه از پترن استفاده کنید.ولی اگه از عکس می خواید استفاده کنید باید تصویرتون به اندازه ی کادر مربوطه باشه.سپس تصویر رو در پوشه ی زیر بریزید

templates/your template/images

your temolates نام پوشه ی قالب شماست

سپس در کدی که دوستمون دادند می تونید به جای رنگ عکس قرار بدید مانند زیر

background-img:url('../images/your img.jpg');

your img نام تصویر شماست

توجه:پسوند تصویر رو حتما درج کنید و دقت داشته باشید که png هست یا jpg.

اگه از پترن می خواید استفاده کنید کد زیر رو بدید

background-img:url('../images/your pattern.jpg');
background-repeat:repeat;
width:100%;
height:100%;

your pattern نام پترن شماست.با استفاده از این کد یه پترن رو می تونید تکرار کنید و مثل یک بک گراند ازش استفاده کنید

[bitabazrgari 10]

پیشنهاد میشه از پترن استفاده کنید.ولی اگه از عکس می خواید استفاده کنید باید تصویرتون به اندازه ی کادر مربوطه باشه.سپس تصویر رو در پوشه ی زیر بریزید

templates/your template/images

your temolates نام پوشه ی قالب شماست

سپس در کدی که دوستمون دادند می تونید به جای رنگ عکس قرار بدید مانند زیر

background-img:url('../images/your img.jpg');

your img نام تصویر شماست

توجه:پسوند تصویر رو حتما درج کنید و دقت داشته باشید که png هست یا jpg.

اگه از پترن می خواید استفاده کنید کد زیر رو بدید

background-img:url('../images/your pattern.jpg');
background-repeat:repeat;
width:100%;
height:100%;

your pattern نام پترن شماست.با استفاده از این کد یه پترن رو می تونید تکرار کنید و مثل یک بک گراند ازش استفاده کنید

سلام

من این آدرس رو میدم عکس رو هم همون جا میذارم ولی نشون نمیده

چکار کنم؟

[amirparvaneh 100]

برای تصویرتون طول و عرض دادید؟

;width:100px طول

;height:95px عرض

طول و عکس تصویر رو با اعداد بالا تعویض کنید

[bitabazrgari 10]

برای تصویرتون طول و عرض دادید؟

;width:100px طول

;height:95px عرض

طول و عکس تصویر رو با اعداد بالا تعویض کنید

سلام

این رو هم امتحان کردم ولی عکسو نشون نمیده،بکگراند رو که رنگ میدم نشون میده ولی عکسو نه

[amirparvaneh 100]

اگه روی هاست هستید دسترسی بدید چک کنم