تعویض رنگ پس زمینه وب سایت به صورت تصادفی
به دلیل درخواست های زیاد برای درج پست های آموزش و ترفند های php در سایت , تصمیم گرفتم از امروز این قسمت هم به سایت اضافه شود …
برای این ساعت از سایت اسکریپت دات کام و به عنوان اولین پست در زمینه آموزش و ترفند های php , با یک ترفند جالب برای تغییر در دیزاین صفحه وب سایت شروع میکنم .
این آموزش به شما کمک میکند تا در هر بار بازدید صفحات سایت شما توسط کاربرانتان رنگ پس زمینه سایت به صورت رندوم و اتفاقی تغییر کند .
برای این کار کافیست تکه کد زیر را در سورس قالب سایت خود و قبل از بسته شدن تگ <head/> قرار دهید .
<?php echo '<style>body{background-image:none;background-color:rgb('.rand(0,255).','.rand(0,255).','.rand(0,255).')}</style>'; ?>
با قرار دادن کد بالا با هر بار رفرش سایت , رنگ پس زمینه تغییر خواهد کرد . اما رنگ ها از بین 16777216 رنگ خواهد بود . طبیعتا شاید رنگ هایی خیلی تیره یا رنگ هایی با غلظت بالا تولید شود که زیبایی سایت را از بین میبرد .
به همین دلیل میتوانید با تغییر در کد بالا , رنگ هایی با دلخواه خود بسازید .
مثلا برای داشتن رنگ های روشن و مناسب سایت , اعداد صفر بالا را به 150 تغییر دهید . ( به صورت زیر )
<?php echo '<style>body{background-image:none;background-color:rgb('.rand(150,255).','.rand(150,255).','.rand(150,255).')}</style>'; ?>
و مثلا برای داشتن رنگ های تیره , اعداد 255 بالا را به 150 تغییر دهید . ( به صورت زیر )
<?php echo '<style>body{background-image:none;background-color:rgb('.rand(0,150).','.rand(0,150).','.rand(0,150).')}</style>'; ?>
نکات بسیار مهم :
1 – رنگ های بالا بر حسب rgb داده شده اند که هر کدام عددی از 0 تا 255 میگیرند . اگر اطلاعات کوچکی از این نوع رنگ دهی داشته باشید , میتوانید با تغییر اعداد , تعداد زیادی رنگ بسازید . مثلا اگر دوست ندارید رنگ قرمز و یا تونالیته ی آن در پشت ضمینه سایت شما ظاهر شود , میتوانید مقدار R که مخفف کلمه red به معنی قرمز هست رو ببندید . یعنی هر دو عدد را 0 قرار دهید . rand(0,0)
2 – چون دستورات بالا به صورت برنامه نویسی php می باشند , حتما باید سایت شما با php نوشته شده باشد . یعنی دارای پسوند php. باشد . مثلا index.php
3 – سیستم های مدیریت محتوای وردپرس , جوملا , دروپال و غیره … دارای زبان php می باشند . پس میتوانید در آنها استفاده کنید . مثلا در وردپرس کافیست این کد را در داخل فایل header.php که دارای تگ head می باشد وارد نمایید .
4 – بهتر است اگر از سایتی با برنامه نویسی php استفاده میکنید از خاصیت include استفاده کنید و یک فایلی به نام header.php بسازید تا کد بالا را در این فایل قرار دهید . چون اگر سایت شما اینگونه نباشد , شما باید کد بالا را در تمامی صفحات سایت کپی کنید …
سلام – این مطلب خیلی برای من کار آمد بود و اینکه سایتتون هم عالیه خدا قوت
سلام برای اچ تی ام ال نیستش این کد؟
خیر دوست عزیزم
Tq
با سلام
بسیار عالی بود استفاده کردیم .
سلام . وبسایتتون حرف نداره این پستتون هم مثل همه ی مطالبتون حرف نداشت . ممنون
من سایت آموزش شعبده بازی دارم . اسکریپتی برای سایت من پیشنهاد دارین ؟ ممنون میشم راهنمایی کنید
http://www.MagicIran.com
از وردپرس استفاده کنید …
عالیه
سلام
مرسی بابت آموزش کاملتون
سلام
خیلی ممنون.
منتظر آموزش های بیشتر در زمینه php هستیم.
تشکر.