حالت موضوعی | حالت خطی

**محمدسلیمانی**

سلام به همه دوستان خوبم در پارس جوم
به درخواست یکی از دوستان اموزش ایجاد کادر در rs form را براتون قرار میدم
[تصویر: 1348427542_499_dce1a1d679.jpg]

برای اعمال چنین کادری در مدیریت فرم ها> تب CSS و Javascript این کد را وارد کنید
و اگر آشنا به css هستید میتوانید کدهای اختصاصی خودتون را برای فرم ایجاد کنید فقط فراموش نکنید تمام کدها باید بین <style type="text/css"> و </style> باشند

کد: (انتخاب همه)

<style type="text/css">



.formFieldset {



float:left;



background:none repeat scroll 0 0 #DDEEEE;



border:1px solid #000000;



margin:0 auto;



padding:10px;



width:470px; }



</style>

تصاویر آموزش بالا
[تصویر: 1348429286_499_ed67b4fa92.jpg]

و برای طرح بندی مثل تصویر و کدها را با کدهای و نام های خودتان جایگذین کنید
[تصویر: 1360507854_499_a7078b7d47.jpg]

کد: (انتخاب همه)

<fieldset class="formFieldset">

<legend>{global:formtitle}</legend>

{error}

<!-- Do not remove this ID, it is used to identify the page so that the pagination script can work correctly -->

<ol class="formContainer" id="rsform_1_page_0">

    <li>

        <div class="formCaption2">{Header:caption}</div>

        <div class="formBody">{Header:body}<span class="formClr">{Header:validation}</span></div>

        <div class="formDescription">{Header:description}</div>

    </li>

    <li>

        <div class="formCaption2">{FullName:caption}<strong class="formRequired">(*)</strong></div>

        <div class="formBody">{FullName:body}<span class="formClr">{FullName:validation}</span></div>

        <div class="formDescription">{FullName:description}</div>

    </li>

    <li>

        <div class="formCaption2">{Email:caption}<strong class="formRequired">(*)</strong></div>

        <div class="formBody">{Email:body}<span class="formClr">{Email:validation}</span></div>

        <div class="formDescription">{Email:description}</div>

    </li>

    <li>

        <div class="formCaption2">{CompanySize:caption}<strong class="formRequired">(*)</strong></div>

        <div class="formBody">{CompanySize:body}<span class="formClr">{CompanySize:validation}</span></div>

        <div class="formDescription">{CompanySize:description}</div>

    </li>

    <li>

        <div class="formCaption2">{Position:caption}<strong class="formRequired">(*)</strong></div>

        <div class="formBody">{Position:body}<span class="formClr">{Position:validation}</span></div>

        <div class="formDescription">{Position:description}</div>

    </li>

    <li>

        <div class="formCaption2">{ContactBy:caption}</div>

        <div class="formBody">{ContactBy:body}<span class="formClr">{ContactBy:validation}</span></div>

        <div class="formDescription">{ContactBy:description}</div>

    </li>

    <li>

        <div class="formCaption2">{ContactWhen:caption}<strong class="formRequired">(*)</strong></div>

        <div class="formBody">{ContactWhen:body}<span class="formClr">{ContactWhen:validation}</span></div>

        <div class="formDescription">{ContactWhen:description}</div>

    </li>

    <li>

        <div class="formCaption2">{Submit:caption}</div>

        <div class="formBody">{Submit:body}<span class="formClr">{Submit:validation}</span></div>

        <div class="formDescription">{Submit:description}</div>

    </li>

    <li>

        <div class="formCaption2">{Footer:caption}</div>

        <div class="formBody">{Footer:body}<span class="formClr">{Footer:validation}</span></div>

        <div class="formDescription">{Footer:description}</div>

    </li>

</ol>

</fieldset>

امیدواروم کاربردی باشه (فایل پیوست دموی همین فرم هست میتونید جایگزین کنید)
من هربار در این پست تایپک زدم آقای بهارلو زحمت حذفش و کشیدن امیدوارم این یکی قانونشون و نقض نکرده باشه.

دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.