رفتن به مطلب

karaneha

عضو سایت
  • تعداد ارسال‌ها

    112
  • تاریخ عضویت

  • آخرین بازدید

نوشته‌ها ارسال شده توسط karaneha

  1. با سلام خدمت دوستان گرامی و عرض خداقوت به حضور اساتید ارجمند سایت خصوصا اعضای زحمتکش هیئت مدیره ی محترم.

    می خواستم یک افزونه (یا...) ای معرفی نمایید که امکان ثبت نام کاربر باشد و بعلاوه

    پرسش اصلی :

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

    توضیح بیشتر : مثلا از کاربران بخواهیم از بین 7گزینه (ی زیر) که ایام هفته هستند، یک روز را انتخاب کنند و وقتی کاربرx روز شنبه را انتخاب کرد و ثبت نامش را کامل کرد و ارسال نمود، دیگر کاربرy نتواند روز شنبه را انتخاب کند، بلکه فقط از بین 6 روز باقی مانده انتخابش را انجام دهد.

    ممنون از همگی.

  2. ممنون.

    هر وقت نوبت من شد :

    http://www.hmrn.zgig.ir/

    زحمت بررسیش رو بکشید . البته هنوز روی هاست رایگانه و تا چند وقته دیگه براش هاست و دامین ir میگیرم.

    درخواست بررسی یه سایت دیگه رو هم قبلا داده بودم صفحه ی 10 از این مطلب.

  3. سلام به دوستان گرامی خصوصا جناب alikhani98، استاد چرا ترتیب بررسی سایتها رو رعایت نمی کنید؟؟؟؟

    این سایتی که بررسی کردین(k-zaminy.ir) تا حالا 3 بار درخواست بررسی داده و بدون نوبت بررسی شده.!!!تازه طبق قوانین سایت باید با ایشون برخورد میشد! که متاسفانه ....

    کاش همه پارتی داشتن

  4. در وسط صفحه می خواهید فیکسش کنید؟

    باید اندازه عرضش رو به درصد بدید و فاصله چپ و راست منو را هم به درصد

    افزونه ای که خواستید

    http://wordpress.org...al/screenshots/

    screenshot-3.png?r=711211

    سلام . بحث بسیار خوبی بود.

    ممنون جناب فخار، افزونه ی خیلی خوبی بود ولی حیف یکی از گزینه های منوش طبق شکل تبلیغات واسه خود سایت سازنده است. میخواستم اگه میشه لطف کنید و یه افزونه یا برنامه ای بدید که بشه باهاش همچین منویی ساخت و شخصی باشه، نه با تبلیغات. مثل خیلی از سایتها . ممنون

  5. با سلام به همگی. من دنبال این موضوع هم توی نت و هم داخل این انجمن گشتم ولی پیدا نکردم . حالا شما لطف کنید و راهنماییم کنید.

    سوال:

    من میخوام بدونم برای اینکه منوی بالایی سایتم قابلیت حرکت داشته باشه و با پایین رفتن صفحه ی سایت منو هم مطابق اون حرکت کنه و پایین بره، مثل خیلی از سایتها ، باید چیکار کرد؟؟؟

    منوی سایت با دستورات css نوشته شده و در زیر هدر سایت قرار داره.

    استایل منو اینجاست :

    http://forum.wp-parsi.com/topic/3007-%D8%B2%DB%8C%D8%B1%D9%85%D9%86%D9%88-%D9%88-%D9%82%D8%A7%D9%84%D8%A8-%D8%AF%D8%B3%D8%AA%D9%87/page__st__30

    ممنون از همگی.

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

    من دنبال پوسته ای هستم که صفحه ی اولش فقط و فقط یک اسلایدر بزرگ باشه + یک منو در بالای صفحه؛ و البته اسلایدر هم دارای افکت زیبایی باشه، ودارای کلیدهای کنترلی+متن نوشتی زیر عکس باشد.

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

  7. این کد یک فرم تماس با ماست


    <?php
    if (isset($_REQUEST['email']))
    //if "email" is filled out, send email
    {
    //send email
    $email = $_REQUEST['email'] ;
    $subject = $_REQUEST['subject'] ;
    $message = $_REQUEST['message'] ;
    mail("someone@example.com", $subject,
    $message, "From:" . $email);
    echo "Thank you for using our mail form";
    }
    else
    //if "email" is not filled out, display the form
    {
    echo "<form method='post' action='mailform.php'>
    Email: <input name='email' type='text'><br>
    Subject: <input name='subject' type='text'><br>
    Message:<br>
    <textarea name='message' rows='15' cols='40'>
    </textarea><br>
    <input type='submit'>
    </form>";
    }
    ?>

    و این تابع ایمیله


    mail(to,subject,message,headers,parameters)

    با سلام، میشه بفرمایید از این کدهایی که فرمودید چطور باید استفاده کرد؟

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

    ممنون

  8. با سلام به همه ی دوستان گرامی.

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

    لینک تمهای افزونه :

    http://themeover.com/plugin-styles/

  9. با سلام مجدد. الآن ارور نمیده؛ ولی من می خوام صفحه ی داخلی سایت رو چک کنه نه صفحه ی ورود رو. من آدرس صفحه ی اول سایت رو میزنم ولی باز صفحه ی ورود رو نشون میده و اونو چک میکنه!

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

    http://ansaralhosein.com/index.php

    باید چیکار کرد؟ آدرس صفحه ی اول سایت چیه؟ چه آدرسی رو وارد کنم تا صفحه ی داخلی سایت رو چک کنه؟

    خیلی ممنون از همگی.

  10. با سلام می خواستم دوستان لطف کنند و دلیل ارور زیر رو بفرمایند، من بعد از زدن آدرس سایت با ارور زیر مواجه شدم!


    Internal Server Error
    The server encountered an internal error or misconfiguration and was unable to complete your request.
    Please contact the server administrator, webmaster@myname site.com and inform them of the time the error occurred, and anything you might have done that may have caused the error.
    More information about this error may be available in the server error log.
    Additionally, a 403 Forbidden error was encountered while trying to use an ErrorDocument to handle the request

    06213711312151166089.png

  11. با سلام . ببخشید دوستان می خواستم بپرسم من که سایتم یک صفحه ی ورود داره چطوری میتونم با سایتهای رفع اشکالات و ... مثل chkme.com یا جی متریکس یا www.domaintools.com/seo-browser یا ... مشکلاتش رو رفع کنم؟ چون من وقتی آدرس صفحه ی داخلی سایت رو به این سایتها میدم، ارور میدن!؟؟؟

  12. سلام. دوستان ببخشید من هی مزاحم میشم.

    منویی که من واسه ی سایتم گذاشتم، در مرورگر فایرفاکس و کروم متفاوت نمایش داده میشه، یعنی توی کروم صحیح تر از فایرفاکسه ( تفاوت در border باکسهاست، یعنی باکسها در فایرفاکس بصورت مستطیل ولی توی کروم بصورت تقریبن بیضی ان). به نظرتون مشکل از چیه؟ آدرس سایت در ارسالهای قبلی همین تاپیک اومده.

    اینم کد استایلی که استفاده کردم:

    #nav {

    margin: 0;

    padding: 2px 2px 0;

    line-height: 100%;

    border-radius: 2em;

    -webkit-border-radius: 2em;

    -moz-border-radius: 2em;

    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);

    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);

    background: #8b8b8b; /* for non-css3 browsers */

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccc99', endColorstr='#999966'); /* for IE */

    background: -webkit-gradient(linear, left top, left bottom, from(#cccc99), to(#999966)); /* for webkit browsers */

    background: -moz-linear-gradient(top, #cccc99, #999966); /* for firefox 3.6+ */

    border: solid 1px #6d6d6d;

    }

    #nav li {

    margin: 0 2px;

    padding: 0 0 4px;

    float:right;

    position: relative;

    list-style: none;

    }

    /* main level link */

    #nav a {

    font-weight:normal;

    font-size:13px;

    color: #e7e5e5;

    text-decoration: none;

    display: block;

    padding: 8px 20px;

    margin: 0;

    -webkit-border-radius: 1.6em;

    -moz-border-radius: 1.6em;

    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);

    }

    /* main level link hover */

    #nav .current a, #nav li:hover > a {

    background: #d1d1d1; /* for non-css3 browsers */

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#a1a1a1'); /* for IE */

    background: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#a1a1a1)); /* for webkit browsers */

    background: -moz-linear-gradient(top, #ebebeb, #a1a1a1); /* for firefox 3.6+ */

    color: #444;

    border-top:solid 1px #f8f8f8;

    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);

    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);

    box-shadow: 0 1px 1px rgba(0, 0, 0, .2);

    text-shadow: 0 1px 0 rgba(255, 255, 255, .8);

    }

    /* sub levels link hover */

    #nav ul li:hover a, #nav li:hover li a {

    background: none;

    border: none;

    color: #666;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    }

    #nav ul a:hover {

    background: #0399d4 !important; /* for non-css3 browsers */

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666633', endColorstr='#666666'); /* for IE */

    background: -webkit-gradient(linear, left top, left bottom, from(#666633), to(#666666)) !important; /* for webkit browsers */

    background: -moz-linear-gradient(top, #666633, #666666) !important; /* for firefox 3.6+ */

    color: #fff !important;

    -webkit-border-radius: 0;

    -moz-border-radius: 3px;

    text-shadow: 0 1px 1px rgba(0, 0, 0, .1);

    }

    /* level 2 list */

    #nav ul {

    background: #ddd; /* for non-css3 browsers */

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cfcfcf'); /* for IE */

    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#cfcfcf)); /* for webkit browsers */

    background: -moz-linear-gradient(top, #fff, #cfcfcf); /* for firefox 3.6+ */

    display: none;

    margin: 0;

    padding: 0;

    width:180px;

    position: absolute;

    top: 35px;

    left: 0;

    border: solid 1px #b4b4b4;

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    border-radius: 10px;

    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);

    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);

    box-shadow: 0 1px 3px rgba(0, 0, 0, .3);

    }

    /* dropdown */

    #nav li:hover > ul {

    display: block;

    }

    #nav ul li {

    float: none;

    margin: 0;

    padding: 0;

    }

    #nav ul a {

    font-weight: normal;

    text-shadow: 0 1px 1px rgba(255, 255, 255, .9);

    }

    /* level 3+ list */

    #nav ul ul {

    left: 181px;

    top: -3px;

    }

    /* rounded corners for first and last child */

    #nav ul li:first-child > a {

    -webkit-border-top-left-radius: 9px;

    -moz-border-radius-topleft: 9px;

    -webkit-border-top-right-radius: 9px;

    -moz-border-radius-topright: 9px;

    }

    #nav ul li:last-child > a {

    -webkit-border-bottom-left-radius: 9px;

    -moz-border-radius-bottomleft: 9px;

    -webkit-border-bottom-right-radius: 9px;

    -moz-border-radius-bottomright: 9px;

    }

    /* clearfix */

    #nav:after {

    content: ".";

    display: block;

    clear: both;

    visibility: hidden;

    line-height: 0;

    height: 0;

    }

    #nav {

    display: inline-block;

    }

    html[xmlns] #nav {

    display: block;

    }

    * html #nav {

    height: 1%;

    }

  13. آقا شهاب درود و خدا قوت

    ممنون میشم سایت من را هم بررسی کنید و نظرتون را اعلام کنید ( WWW.Ariyanet.Net )

    نوروزتون پیروز

    پایدار و موفق باشید

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

    کد زیر رو به استایلتون اضافه و تست کنید.

    بخار پوزیشن هاست:

    #con-slide{
    position:relative:
    z-index:2;
    }
    #nav li{
    z-index:3;
    }

    • امتیاز 1
  14. با سلام

    یک کد جاوااسکریپت یا هر چی دیگه میخوام، که بتونم بااون یک گوشه نمای سمت راست واسه ی سایتم بسازم، مثل سایت زیر:

    www.http://karaneha.xzn.ir/

    من کد اصلیشو میخوام ، چون میخوام داخلش تغییراتی بدم ، مثلا عکسشو عوض کنم و ... .

    ممنونم .

  15. با سلام و عرض وقت بخیر و شادباش به همه ی عزیزان و اساتید گرانقدر. ببخشید سوالای خیلی ابتدایی میپرسم!

    من اخیرا یک کد جاوااسکریپت پیدا کردم، که بصورت تایپ کردنی نوشته ها رو نشون میده، یک کد جاوا اسکریپته. ولی متاسفانه نمیدونم چطوری باید فایل این کد رو در پوسته ی سایتم آپلود کنم (با چه پسوندی و در کدام قسمت پوسته)، و این که این فایل رو چطور در مکان مورد نظر فراخوانی کنم؟ لطفن راهنماییم کنید چطوری از این نوع کدها باید استفاده کرد؟

    یعنی کلن در مورد فایلهای جاوا اسکریپت ( یا جی کوئری) بفرمایید:

    1- کجا فایل مورد نظر رو آپلود کنم ( در هاست و قسمت پوسته ی مورد نظر یا مکان دیگه ای؟) ؟ 2 - چطوری در مکان مورد نطرم برای نمایش محتویات کد فراخوانیشون کنم؟

    الآن من کل کد رو همینجوری ریختم در انتهای فایل header.php سایتم ، و در زیر هدر داره نمایش داده میشه.

    کد جاوااسکریپتی که گفتم اینه : ( در سایتم اسفادش کردم : www.karaneha.ugig.ir )


    <script>
    // CREDITS:
    // Newsticker
    // By Peter Gehrig
    // Copyright (c) 2010 Peter Gehrig. All rights reserved.
    // Permission given to use the script provided that this notice remains as is.
    // Additional scripts can be found at http://www.fabulant.com
    // IMPORTANT:
    // If you add this script to a script-library or script-archive
    // you have to add a highly visible link to
    // http://www.fabulant.com on the webpage
    // where this script will be featured
    var text=new Array()
    var textlink=new Array()
    var texttarget=new Array()
    /////////////////////////////////////////////////////////////////////
    // START OF
    // CONFIGURATION ZONE
    ////////////////////////////////////////////////////////////////////
    // Your messages. Add as many as you like. Experienced webmasters may even embed simple HTML-tags (see samples below)
    text[0]="<strong></strong>حضرت علي (ع) مي فرمايد:به دوستت به طور کامل اعتماد نکن."
    text[1]="<strong></strong><br>شهادت حضرت زهرا (س) تسليت باد."
    text[2]="<strong>عنوان پاراگراف سوم </strong><br>متن پاراگراف اول متن خبر بايد متناسب با کادر باشد در يک سطر نوشته شودو با . به پايان برسد ."
    // Add a link for each message
    // Enter "#" if you don't want to link a message (see sample below)
    textlink[0]="http://آدرس لينک پاراگراف اول"//بايد با http://آغاز شود
    textlink[1]="http://آدرس لينک پاراگراف دوم"
    textlink[2]="http://آدرس لينک پاراگراف سوم"
    // Add the target of the link
    // Corect values are "_blank","_top", "_self", "_parent" or the name of any frame
    texttarget[0]="_blank" //"پنچره اي که لينک در آن باز مي شود معروف ترين تابع ها _blank براي باز شدن در پنجره ديگر_selfبراي باز شدن داخل وبلاگ
    texttarget[1]="_self"
    texttarget[2]="_parent"
    // Font
    var textfont="tahoma"// نام فونت پيشنهاد مي شود از فونتهاي يوني کد مانند Arial,Tahoma,...استفاده گردد
    // Font-color
    var textfontcolor="#000000"// رنگ متن مي تواند کد و يا نام لاتين رنگها باشد مانند orange, black ,....
    // Font-color on rollover
    var textfontcolorrollover="#FF0000" // رنگ متن هنگامي که موس بر روي آن قرار مي گيرد
    // Font-size
    var textfontsize=9 //سايز فونت بر حسب pt
    // Enter true "true" if you want add an underline, else add "none"
    var textdecoration="none" // وضعيت خط کشي همرا کلمه underline براي زير خط none براي خط نداشتن
    // Background-color
    var textbgcolor="Gold" // رنگ جعبه مي تواند کد و يا نام لاتين رنگها باشد مانند orange, black ,....

    // Font-weight. Enter "bold" or "normal"
    var textweight="normal" // وضعيت ضخامت فونت
    // Font-style. Enter "italic" or "normal"
    var textitalic="normal" // وضعيت خميدگي فونت
    // width and height of ticker (pixels)
    var textwidth=800 // اندازه طول جعبه نمايش
    var textheight=60 // اندازه عرض جعبه نمايش
    // Pause between the Messages (Sekunden)
    var textpause=3 // مدت زمان توقف هر پاراگراف بر حسب ثانيه
    // Border-width (write 0 if you don't want to add a border)
    var textborder=5 // اندازه بردار بر حسب پيکسل
    // Border-color
    var textbordercolor="#336699"// رنگ بردار مي تواند کد و يا نام لاتين رنگها باشد مانند orange, black ,....
    // Speed (higher=slower)
    var speed=70 // سرعت هرچه عدد بالاتر رود کندتر تايپ مي کند
    // پايان بخش کنترل به ادامه لينک ها دست نزنيد
    /////////////////////////////////////////////////////////////////////
    // END OF
    // CONFIGURATION ZONE
    ////////////////////////////////////////////////////////////////////
    // Do not edit below this line
    document.write("<table border=0 cellpadding=0 cellspacing=0>")
    document.write("<tr><td width="+textwidth+" height="+textheight+" valign=top dir=rtl>")
    var textalign="right"
    var textvalign="top"
    var textitalicA=""
    var textitalicB=""
    var textweightA=""
    var textweightB=""
    var textfontsizeHTML=1
    var i_mes=0
    var i_substring=0
    var i_presubstring=0
    var i_text=0
    var textcontent=""
    var notag=true
    var textpresubstring=""
    var textaftersubstring=""
    textpause*=1000
    var browserinfos=navigator.userAgent
    var ie4=!document.getElementById&&document.all&&!browserinfos.match(/Opera/)
    var ie5=document.getElementById&&document.all&&!browserinfos.match(/Opera/)
    var ns6=document.getElementById&&!document.all&&!browserinfos.match(/Opera/)
    var opera=browserinfos.match(/Opera/)
    function gettextcontent() {
    tablewidth=textwidth-2*textborder
    tableheight=textheight-2*textborder
    textpresubstring=text[i_text].substring(0,i_presubstring)
    var i_prepre=i_presubstring-1
    if (i_prepre<0) {i_prepre=0}
    if (text[i_text].substring(i_prepre,i_presubstring)=="<"){notag=false}
    if (text[i_text].substring(i_prepre,i_presubstring)==">"){notag=true}
    if (notag) {
    textcontent="<table border=0 cellpadding=4 width="+tablewidth+" height="+tableheight+" dir=rtl><tr valign="+textvalign+"><td align="+textalign+">"
    textcontent+="<a href='"+textlink[i_text]+"' target='"+texttarget[i_text]+"' style='position:relative; font-family:"+textfont+";text-decoration:"+textdecoration+";font-family:"+textfont+";color:"+textfontcolor+";font-size:"+textfontsize+"pt;font-weight:"+textweight+";font-style:"+textitalic+"' onmouseover=\"this.style.color=\'"+textfontcolorrollover+"\'\" onmouseout=\"this.style.color=\'"+textfontcolor+"\'\">"
    textcontent+=textpresubstring
    textcontent+="</a>"
    textcontent+="</td></tr></table>"
    }
    }
    function showtickerNS6() {
    textcontent="<table border=0 cellpadding=4 width="+textwidth+" height="+textheight+"><tr valign="+textvalign+"><td align="+textalign+">"
    textcontent+="<a href='"+textlink[i_text]+"' target='"+texttarget[i_text]+"' style='position:relative; font-family:"+textfont+";text-decoration:"+textdecoration+";font-family:"+textfont+";color:"+textfontcolor+";font-size:"+textfontsize+"pt;font-weight:"+textweight+";font-style:"+textitalic+"' onmouseover=\"this.style.color=\'"+textfontcolorrollover+"\'\" onmouseout=\"this.style.color=\'"+textfontcolor+"\'\">"
    textcontent+=text[i_text]
    textcontent+="</a>"
    textcontent+="</td></tr></table>"
    document.getElementById("ticker").innerHTML=textcontent
    i_text++
    if (i_text>=text.length-1) {i_text=0}
    var timer=setTimeout("showtickerNS6()", 2*textpause)
    }
    function showticker() {
    if (i_substring<=text[i_text].length) {
    i_substring++
    i_presubstring=i_substring-1
    if (i_presubstring<0) {i_presubstring=0}
    gettextcontent()
    if (ie4) {
    ticker.innerHTML=textcontent
    var timer=setTimeout("showticker()", speed)
    }
    if (ie5 || opera || ns6) {
    document.getElementById("ticker").innerHTML=textcontent
    var timer=setTimeout("showticker()", speed)
    }
    }
    else {
    clearTimeout(timer)
    var timer=setTimeout("changetext()", textpause)
    }
    }
    function changetext() {
    i_substring=0
    i_presubstring=0
    i_text++
    if (i_text>text.length-1) {
    i_text=0
    }
    showticker()
    }

    if (ie5 || ns6 || opera) {
    if (ns6) {
    textwidth-=2*textborder
    textheight-=2*textborder
    }
    document.write('<div ID="roof" style="position:relative;width:'+textwidth+'px;height:'+textheight+'px;border-style:solid;border-width:'+textborder+'px;border-color:'+textbordercolor+';background-color:'+textbgcolor+'">')
    document.write('<span ID="ticker" style="position:absolute;top:0px;left:0px;width:'+textwidth+'px;height:'+textheight+'px;"></span>')
    document.write('</div>')
    }
    window.onload=showticker
    document.write("</td></tr></table>")
    </script>

    ممنون از همگی

  16. به این صفحه نگاه کن . صفحه

    جی کوئری کد

    /*

    * jquery-counter plugin

    *

    * Copyright © 2009 Martin Conte Mac Donell <Reflejo@gmail.com>

    * Dual licensed under the MIT and GPL licenses.

    * http://docs.jquery.com/License

    */

    jQuery.fn.countdown = function(userOptions)

    {

    // Default options

    var options = {

    stepTime: 60,

    // startTime and format MUST follow the same format.

    // also you cannot specify a format unordered (e.g. hh:ss:mm is wrong)

    format: "dd:hh:mm:ss",

    startTime: "01:12:32:55",

    digitImages: 6,

    digitWidth: 53,

    digitHeight: 77,

    timerEnd: function(){},

    image: "digits.png"

    };

    var digits = [], interval;

    // Draw digits in given container

    var createDigits = function(where)

    {

    var c = 0;

    // Iterate each startTime digit, if it is not a digit

    // we'll asume that it's a separator

    for (var i = 0; i < options.startTime.length; i++)

    {

    if (parseInt(options.startTime) >= 0)

    {

    elem = $('<div id="cnt_' + i + '" class="cntDigit" />').css({

    height: options.digitHeight * options.digitImages * 10,

    float: 'left', background: 'url(\'' + options.image + '\')',

    width: options.digitWidth});

    digits.push(elem);

    margin(c, -((parseInt(options.startTime) * options.digitHeight *

    options.digitImages)));

    digits[c].__max = 9;

    // Add max digits, for example, first digit of minutes (mm) has

    // a max of 5. Conditional max is used when the left digit has reach

    // the max. For example second "hours" digit has a conditional max of 4

    switch (options.format) {

    case 'h':

    digits[c].__max = (c % 2 == 0) ? 2: 9;

    if (c % 2 == 0)

    digits[c].__condmax = 4;

    break;

    case 'd':

    digits[c].__max = 9;

    break;

    case 'm':

    case 's':

    digits[c].__max = (c % 2 == 0) ? 5: 9;

    }

    ++c;

    }

    else

    elem = $('<div class="cntSeparator"/>').css({float: 'left'})

    .text(options.startTime);

    where.append(elem)

    }

    };

    // Set or get element margin

    var margin = function(elem, val)

    {

    if (val !== undefined)

    return digits[elem].css({'marginTop': val + 'px'});

    return parseInt(digits[elem].css('marginTop').replace('px', ''));

    };

    // Makes the movement. This is done by "digitImages" steps.

    var moveStep = function(elem)

    {

    digits[elem]._digitInitial = -(digits[elem].__max * options.digitHeight * options.digitImages);

    return function _move() {

    mtop = margin(elem) + options.digitHeight;

    if (mtop == options.digitHeight) {

    margin(elem, digits[elem]._digitInitial);

    if (elem > 0) moveStep(elem - 1)();

    else

    {

    clearInterval(interval);

    for (var i=0; i < digits.length; i++) margin(i, 0);

    options.timerEnd();

    return;

    }

    if ((elem > 0) && (digits[elem].__condmax !== undefined) &&

    (digits[elem - 1]._digitInitial == margin(elem - 1)))

    margin(elem, -(digits[elem].__condmax * options.digitHeight * options.digitImages));

    return;

    }

    margin(elem, mtop);

    if (margin(elem) / options.digitHeight % options.digitImages != 0)

    setTimeout(_move, options.stepTime);

    if (mtop == 0) digits[elem].__ismax = true;

    }

    };

    $.extend(options, userOptions);

    this.css({height: options.digitHeight, overflow: 'hidden'});

    createDigits(this);

    interval = setInterval(moveStep(digits.length - 1), 1000);

    };

    روش استفاده کردن این کد HTML


    <div id="counter"></div>
    <div class="desc">
    <div>Días</div>
    <div>Horas</div>
    <div>Minutos</div>
    <div>Segundos</div>
    </div>

    اعمال جی کوئری


    $(function(){
    $('#counter').countdown({
    image: 'img/digits.png',
    startTime: '01:12:12:00'
    });
    });

    با سلام، آقا میشه یه کم توضیح بدید که این کدهای جی کوئری و سایر کدایی رو که فرمودید رو تو کدوم فایل پوسته ی سایتم باید بریزم؟؟؟ چون پوسته ی سایتم اصلا فایلی با پسوند js یا htmlنداره همشون php با 1 css هست. باید پوشه ی جدیدی بسازم؟ این کد اعمال جی کوئری رو کجا باید بذارم؟

×
×
  • اضافه کردن...