ماندگار وب ژنراتور ترام به زمینه

.gradient
{
    background:#003366;
    background-image: -webkit-gradient(linear, top right, bottom left, from(#003366), to(#6699bb));
    background-image: -webkit-linear-gradient(top, #003366, #6699bb);
    background-image:    -moz-linear-gradient(top, #003366, #6699bb);
    background-image:      -o-linear-gradient(top, #003366, #6699bb);
    background-image: linear-gradient(to bottom, #003366, #6699bb);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#003366, endColorstr=#6699bb);
	-ms-filter:  "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#003366, endColorstr=#6699bb)";
	}

راهنما

کلیدهای ژنراتور

  1. با تیکدار کردن این گزینه علاوه بر کدهای css3 با استفاده از فیلترهای ماکروسافت کد ترام را برای مرورگرهای قدیمی اینترنت اکسپلور نیز خوانا می کنید
  2. حقوق مولف و ناشر
  3. دسترسی به راهنمای استفاده
  4. مشاهده و دریافت کدهای ساخته شده در صفحه جداگانه
  5. باز و بسته کردن قاب حاوی کدها برای دیده شدن بهتر تغییرات در زمینه
  6. استفاده از کد ساخته شده در پس زمینه ژنراتور
  7. ارجاع به صفحه اصلی سایت ماندگار وب

محل قرار گیری کدها:

کدهای دریافتی را در سایتهای مبتنی بر موتور وردپرس و یا cms های استاندارد دیگر در فایل style.css موجود در پوشه قالب و در انتهای فایل قرار داده و به عنصری که می خواهید این ترام را در پس زمینه آن مشاهده کنید کلاس gradient را نسبت دهید

برای استفاده کد در وبلاگ های رایج مانند سرویس های بلاگفا - بلاگ اسکای - پرشین بلاگ - میهن بلاگ - جوان بلاگ ... از طریق گزینه ویرایش قالب حالت ویرایشگر html قالب ها را احضار نموده در کدهای بخش head محل بسته شدن تگ style را پیدا کرده و کدها را قبلش قرار دهید و باز به محل مورد نظر کلاس gradient را نسبت دهید

/*-- محل قرار گیری کدها--*/
</style>

چگونگی نسبت کلاس

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

<div class="main">
	<p>
		 متن نوشته
	</p>
<div>

برای نسبت دادن کد به تگ p کافیست کد به شکل زیر تغییر نماید

<div class="main">
	<p class="gradient">
		 متن نوشته
	</p>
<div>

نکته مهم : در یک تگ نمی توان دوبار class  را برابر مقداری قرار داد و باید هر دو کلاس را در یک تساوی و با قرار دادن یک فاصله گنجاند مثلا در مثال بالا کلاس به تگ div  به این صورت نسبت داده می شود

<div class="main gradient">
	<p>
		 متن نوشته
	</p>
<div>

ژنراتور پارسی ترام دادن به زمینه ابزاری است کاملا رایگان و آزاد که در سال یکهزار و سیصد و نود و دو خورشیدی (2013) توسط ایمان فخار نوشته شده و در وب سایت ماندگار وب برای استفاده عموم قرار گرفت.

 زبان مادر این ژنراتور HTML بوده و با کمک کتابخانه jQuery نسخه 1.9 (یا بالاتر) فعالیت می نماید کدهای حاصله به زبان CSS   و قابل استفاده در کلیه اسناد تحت وب می باشند

کدهای حاصل از این ژنراتور را تمام مرور گرهای معتبری که حداقل یکبار از ابتدای سال 2001 میلادی به روزرسانی شده باشند  پشتیبانی می نمایند

توجه: اگر می خواهید مرورگرهای نسخه 5و 6 اینترنت اکسپلور هم این کدها را به درستی بشناسند گزینه  مربوط به IE را در کنار نوار ابزار (محل مشخص شده در تصویر زیر) تیکدار کنید

استفاده از این ژنراتور و کدهای حاصله از آن برای عموم بدون هیچ قید و شرطی رایگان است

برای ارائه پیشنهادات و انتقادات پیشبردی خود همچنین اهدای کمک های مالی به وب سایت ماندگار وب مراجعه فرمایید

مراجعه به ماندگار وب