این اسکریپت ایمیل های کاربران را دریافت کرده و داخل یک فایل txt , به صورت کاملا مرتب , بدون تکرار و ولید شده میچیند .

ویژگی های اسکریپت :

دیزاین بسیار ساده و مینیمال 

دریافت ایمیل ها به صورت حرفه ای ( حروف کوچک , ولید , بدون ایمیل تکراری )

ارسال ایمیل خوش آمد گویی به کاربر پس از ثبت نام

نمایش تعداد کاربران ثبت نام شده تا این لحظه 

درج ایمیل ها به صورت لیست در یک فایل txt ( بهترین شیوه برای ارسال ایمیل در آینده )

و اما آموزش کامل و ساده :

ابتدا کد های زیر را به قسمت css خود اضافه نمایید . ( طبیعتا باید به فایل مثلا style.css اضافه نمایید تا در تمامی صفحات کار کند )

#vm-form{
    font-family:tahoma;
    font-size:13px;
    direction:rtl;
    width:150px;
    margin:0;
    padding:0;
}
fieldset#vm{
    width:160px;
    height:210px;
    overflow:hidden;
    margin:0;
    padding:10px;
    position:fixed;
    bottom:5px;
    left:5px;
    direction:rtl;
    border-radius:5px;
    border:2px solid #999;
    background-color:#f8f8f8;
}
legend#vm{
    font-size:13px;
    color:#900;
    font-weight:bold;
}
input#vm-email{
    width:148px;
    height:20px;
    border:1px solid #333;
    font-family:tahoma;
    font-size:13px;
    padding:5px;
    border-radius:2px;
    margin:5px 0px;
}
input#vm-email:focus{
    outline:none;
}
input#vm-submit{
    width:160px;
    height:30px;
    border:1px solid #333;
    background-color:#eee;
    font-family:tahoma;
    font-size:13px;
    border-radius:2px;
    margin:5px 0px;
}
input#vm-submit:hover{
    cursor:pointer;
    background-color:#ccc;
}
p#vm-success{
    text-align:center;
    color:#093;    
    font-weight:bold;
    font-size:13px;
    word-wrap:break-word;
    margin:20px 0px;
    padding:0px;
}
p#vm-number{
    text-align:center;
    color:#369;    
    font-weight:bold;
    font-size:13px;
    word-wrap:break-word;   
    margin:10px 0px;
    padding:0px; 
}

نکته مهم : این اسکریپت از قبل با css دیزاین شده و مکان قرار گیری آن در پایین سمت چپ سایت به صورت fix می باشد که البته اگر میخواهید در قسمت دیگری از سایت استفاده نمایید , میتوانید در css بالا و در قسمت  fieldset#vm خطهای زیر را حذف نمایید . 

	position:fixed;
	bottom:5px;
	left:5px;

 حال کد php زیر را جهت نمایش فرم  در هر صفحه یا قسمتی که میخواهید نمایش داده شود درج نمایید .

نکته مهم :اگر در css ,  سه خط بالا را حذف کرده باشید , فرم زیر را در هر جایی که درج کنید , در همان جا نمایش داده میشود وگرنه کد زیر را در هر جایی که بزارید , در قسمت پایین سمت چپ سایت به صورت fix نمایش داده میشود .

<?php
    $subject = 'درود ...';
    $message = 'ایمیل شما با موفقیت ثبت گردید';
    $from = 'نام شما';
    $txt = fopen ("emails.txt" ,"a+");
    $read = file_get_contents("emails.txt"); 
    $number = substr_count($read,"@");    
    fclose($txt);
    if (isset($_POST["subemail"])) {
        $email = $_POST["subemail"];
        $email = strtolower($email);
        if(!filter_var($email, FILTER_VALIDATE_EMAIL))
          {}
        else
          {
        $txt = fopen ("emails.txt" ,"a+");
        $read = file_get_contents("emails.txt");
            if(strchr($read,$email)){
                    $error = "<p id='vm-success'>".'ایمیل تکراری می باشد'."</p>";
                    fclose($txt);
              }else{ 
        fwrite ($txt,$email."\r\n");
        fclose($txt);
        $success = "<p id='vm-success'>".'با موفقیت ثبت گردید'."</p>";
        mail ($email,$subject,$email."\r\n".$message,"from: ".$from);
              }
          }
    }
    ?>
    <fieldset id="vm">
    <legend id="vm">خبرنامه</legend>
    <form id="vm-form" method="post" accept-charset="utf-8" action="">
    <input id="vm-email" name="subemail" placeholder="ایمیل خود را وارد نمایید" autofocus type="email">
    <input id="vm-submit" value="ارسال" type="submit">
    <?php if (isset($success)) echo $success ?>
    <?php if (isset($error)) echo $error ?>
    <p id="vm-number">در مجموع</p>
    <p id="vm-number"><?php if (isset($number)) echo $number ?> ایمیل ثبت شده</p>
    </form>
    </fieldset>

 حال در صورت وارد نمودن اولین ایمیل توسط کاربران , فایلی به صورت اتوماتیک به نام email.txt در روت سایت شما ساخته شده و تمامی ایمیل ها از این به بعد وارد این فایل خواهند شد .

نکات بسیار مهم :

1 – 3 خط زیر را به دلخواه خود ویرایش دهید :

$subject = 'درود ...';
$message = 'ایمیل شما با موفقیت ثبت گردید';
$from = 'نام شما'; 

 subject = موضوع ایمیل خوش آمدگویی که پس از ثبت نام توسط کاربران به آنها ارسال میشود .

message = متن ایمیل خوش آمدگویی که پس از ثبت نام توسط کاربران به آنها ارسال میشود .

from = میتوانید نام و یا ایمیل خود را در اینجا وارد نمایید تا کاربر ایمیل خوش آمدگویی را با نام یا ایمیل شما دریافت نماید .

2 – چون این فرم به صورت اسکریپت می باشد , در سایت های html قادر به نمایش نخواهد بود . مگر اینکه پسوند این فایل ها را از html. به php. تغییر دهید . با این ترفند کوچک میتوانید هم ماهیت سایت خود را html نگه دارید و هم از این فرم استفاده نمایید . 

3 – اگر از سایت هایی استفاده میکنید که دارای مدیریت محتوا هستند , مانند وردپرس , جوملا , دروپال و … , میتوانید به قسمت قالب خود رفته و در هر قسمتی که خواهان نمایش فرم در آنجا هستید , مراحل بالا را انجام دهید .

مثلا در وردپرس , وارد wp-content/theme شوید و پس از ورود به قالب خود , در فایل index.php یا sidebar.php مراحل بالا را انجام دهید .

4 – به هیچ عنوان در کدنویسی و برنامه نویسی های بالا , دست نبرید ( بجز مواردی که در نکته 1 گفته شد ) . چون کوچکترین تغییر غیر اصولی , باعث خراب شدن اسکریپت میشود .

برنامه نویس : وحید مجیدی

پخش اختصاصی 

دموی اسکریپت

 دانلود فایل آماده اسکریپت

[sdm_download id=”1469″ fancy=”0″]

تا اینجا آموزش های متنوعی برای کدنویسی , سئو و … در سایت قرار دادم که با استقبال خوبی مواجه شد . اما ایمیل های زیادی به دستم می رسید مبنی بر اینکه از چه رنگ هایی برای جذابیت بیشتر سایت استفاده کنیم تا دیزاین حرفه ای تر و User Friendly تر داشته باشیم .

همان طور که میدانید یک وب سایت حرفه ای باید دارای اجزای مختلف حرفه ای باشد که یکی از اصلی ترین آن , انتخاب بهترین رنگ و هارمونی رنگ ها می باشد .

حتما تا به حال به سایت هایی برخورده اید که در یک نگاه شمارو جذب و شاید بر عکس در یک نگاه چشم شمارو خسته کند . یکی از عوامل جذب بازدید میتواند همین رنگ ها باشد .

آیا شما حاضرید مطالب یک سایتی که از رنگ های بسیار غلظت بالا استفاده میکند را مطالعه کنید ؟ سریعا چشم شما خسته و در نتیجه صفحه را می بندید .

در این پست سعی دارم آموزش و ترفند های کامل و جامعی در مورد رنگ ها بنویسم تا با استفاده از این نکات , دیزاین حرفه ای تر و جذاب تر داشته باشید .

شروع آموزش :

کدنویس ها میدانند که شیوه های استفاده از رنگ ها در css و حتا html  به چند دسته Keywords , Hex , Rgb , Hsl تقسیم میشود . من در این آموزش روش Hex را که تقریبا 99% کدنویس ها از آن استفاده میکنند و البته بسیار استاندارد هم هست را انتخاب کرده ام .

روش Hex , بهترین روش برای رنگ ها میباشد که از 3 عدد 2 تایی ( در کل 6 عدد ) تشکیل شده است که هر عدد بازه ای از 0 تا F را دارا میباشد ( این اعداد هگزا دسیمال هستند یعنی 16 تایی ( از 0 تا 9 و A تا F )) و ترتیب قرار گرفتن آنها به صورت RGB هست .

یعنی برای داشتن رنگ قرمز , کافیست R را تا آخر باز کنیم و G , B را ببندیم . یعنی = FF0000

برای داشتن بهترین هارمونی رنگ بین اجزای وب سایت , باید نکات زیر را رعایت فرمایید :

1 – بهترین رنگ برای BackGround سایت , رنگ های روشن از جمله سفید می باشد . تا حدالمقدور از رنگ های تیره مثل سیاه برای BackGround استفاده نکنید . اگر هم مجبور به استفاده از رنگ های تیره در پشت زمینه هستید , کمی از غلظت آن کم کنید .

به عنوان مثال برای رنگ سیاه که داریم :

body{
    background-color:#000000;  
}

از چند درجه روشن تر , یعنی کد زیر استفاده نمایید.

body{
    background-color:#333333;  
}

2 – رنگ های سیاه و سفید از رنگ های خنثی هستند , یعنی تقریبا جزو رنگ به حساب نمی آیند . با توجه به این نکته , سعی کنید از حداقل یک و حداکثر 2 رنگ در طراحی وب سایت خود استفاده نمایید .

این رنگ ها بهتر است در تناقض باهم باشند . یعنی اگر از 2 رنگ اصلی استفاده میکنید , یکی از این دو رنگ سرد و دیگری گرم باشد .

رنگ های گرم  : قرمز، صورتی، زرد، طلایی و نارنجی

رنگ های سرد : آبی، سبز، بنفش , فیروزه ای و نقره ای

به عنوان مثال – بهترین ترکیب های رنگی شامل : ( آبی – زرد ) , ( قرمز – سبز ) و ….

3 – از تونالیته ی رنگ ها بسیار استفاده کنید , مخصوصا اگر از یک رنگ اصلی استفاده میکنید . به عنوان مثال اگر از آبی استفاده میکنید , تونالیته ی آن شامل رنگ های آبی فیروزه ای , آبی کهربایی , آبی نفتی , آبی آسمونی و … میشود .

4 – تضاد رنگ بین پشت زمینه و نوشته های زمینه , بسیار زیاد و بالاترین کنتراست رو باهم داشته باشند .

به عنوان نمونه :

در بالا , عکس سمت چپ دارای بهترین هارمونی رنگ میباشد و کلمه vahid , کاملا از پشت زمینه مجزا شده اما در عکس سمت راست , چون پشت زمینه و همچنین کلمه vahid دارای غلظت رنگ آبی بالا هستند , با هم تضاد ندارند و در نتیجه کلمه vahid بسیار سخت قابل رویت می باشد .

5 – تا جایی که امکان دارد برای نوشته های سایت از تونالیته ی رنگ های سیاه و سفید استفاده نمایید . منظور از تونالیته این رنگ ها , مثلا رنگ های زیر می باشد :

#000000
#111111
#222222
#333333
#444444
#555555
#666666
#777777
#888888
#999999
#aaaaaa
#bbbbbb
#cccccc
#dddddd
#eeeeee
#ffffff

6 – تا میتوانید از رنگ های غلطت بالا استفاده نکنید . مثلا رنگ هایی از قبیل رنگ های زیر :

#ff0000  یا همان red
#00ff00  یا همان green
#0000ff  یا همان blue

و از این دست رنگ ها

7 – رنگ های قرمز , زرد و نارجی از رنگ های اشتها برانگیز هستند . پس مسلما برای سایت هایی با مزمون خوراکی , بهتر است از این رنگ ها استفاده شود.

8 – یکی از مهمترین مسائل در انتخاب رنگ برای وب سایت , نوع کاربری آن وب سایت می باشد . رنگ ها باید المانی از کاربری سایت را دارا باشند.

به عنوان مثال برای سایت های کشاورزی , از دو رنگ سبز ( گیاه ) و قهوه ای ( خاک ) استفاده میشود یا مثلا برای یک سایت محصولات دریای از رنگ آبی ( دریا ) استفاده میشود .

9 – حتما اگر در سایت خود لوگو شرکت و عکس هایی برای اسلاید شو استفاده میکنید , تمامی عکس ها , لوگو و دیزاین سایت بر اساس همان رنگ اصلی باشند .

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

10 – از 16,777,216 رنگ موجود , فقط 216 رنگ به صورت Safe Color هستند . Safe Color به رنگ هایی میگویند که در قدیمیترین کامپیوتر و مانیتور ها هم به درستی قابل نمایش می باشند. پس بهتر با توجه به گونه ی زیاد کارت های گرافیکی قدیمی و جدید موجود در دنیا , بیشتر از این 216 رنگ استفاده نمایید .

فرمول به دست آوردن این رنگ ها به این صورت می باشد که باید دو به دو رنگ ها بر 3 بخشپذیر باشند ( 0 هم قابل قبول می باشد )

به عنوان مثال کد های رنگ زیر :

#336699
#669933
#cccccc
#ccff00
#33ff00
#333333

11 – در وب سایت خود از فضای سفید ( White Space ) بسیار زیاد استفاده نمایید . یعنی فاصله بین باکس ها زیاد باشد و همچنین بیشتر از رنگ سفید استفاده نمایید . حرفه ای ترین دیزاین های روز دنیا از سال 2011 تا به الان ( 2015 ) بر همین اساس می باشد . به عنوان نمونه , سایت Apple.com

12 – اصولا مهمترین مکان در هر وب سایتی را با یک رنگ گرم و یا سرد با غلظت بالا مشخص میکنند تا به طور کامل از تمامی اجزای دیگر سایت متمایز شود .

به عنوان نمونه , NavBar یا همان نوار افقی راهنما که در بالای بیشتر سایت ها موجود می باشد را به عنوان مکان مهم سایت در نظر میگیریم .

13 – تمامی صفحات یک وب سایت باید از یک الگوی رنگ استفاده کنند و به هیچ عنوان دیزاین یا رنگ آمیزی هر صفحه ( Page )  با هم متفاوت نباشند .

14 – سایت http://paletton.com نیز یکی از بهترین سایت‌هایی است که در زمینه انتخاب طرح رنگ سایت به شما کمک زیادی می‌تواند بکند.

15 – رنگ های معمول و رایج و تاثیر آنها در طراحی وب سایت (به طور کلی ) :

•    قرمز : انرژی ، شور ، هیجان و قدرت
•    آبی : خنکی ، معنویت ، آزادی ، بردباری ، وفاداری ، صلح ، اعتماد
•    زرد : نور ، خوش بینی ، شادی ، روشنایی و لذت
•    سبز : زندگی ، طبیعی ، سلامت ، ثروت ، رفاه
•    نارنجی : دوستی ، گرما ، انرژی ، بازیگوشی ، شجاعت
•    بنفش : خرد ، پختگی ، جشن
•    رنگ سفید : خلوض ، تمیزی ، جوانی ، صلح
•    سیاه و سفید : قدرت ، ظرافت ، مکانی پر از رمز
•    خاکستری : امنیت ، بلوغ ، قابلیت اطمینان
•    صورتی : عشق زنانه
•    قهوه ای : آسایش ، استحکام ، ثبات و اعتبار

بدیهی است که میتوانید با توجه به نوع سایت خود , از رنگ مخصوص آن که در بالا قرار گرفته است استفاده نمایید .

نکته مهم : بیشتر مطالب بالا به صورت علمی و بخشی از آن تجربیات اینجانب می باشد .

گردآوری : وحید مجیدی 

پخش اختصاصی