قطعه کد های کاربردی در وب
نمایش نتایج: از شماره 1 تا 7 , از مجموع 7

موضوع: قطعه کد های کاربردی در وب

  1. Angel of Darkness آواتار ها
    Angel of Darkness
    ناظم سایت
    Feb 2011
    28,006
    8,868
    تشکر شده : 11,684

    Icon16 قطعه کد های کاربردی در وب

    درود خدمت کاربران پاتوق یو آرخوب در این تاپیک قصد دارم کد های جالبی که در طراحی صفحات وب کاربردی هستند رو قرار بدم امیدوارم مورد استقبال قرار بگیره
    موفق باشید.
    ایجاد یک صفحه ریسپانسیو (واکنش گرا)
    اسکریپت :
    کد PHP:
    کد PHP:
    /*! matchMedia() polyfill - Test a CSS media type/query in JS. Authors & copyright (c) 2012: Scott Jehl, Paul Irish, Nicholas Zakas. Dual MIT/BSD license */
    /*! NOTE: If you're already including a window.matchMedia polyfill via Modernizr or otherwise, you don't need this part */
    window.matchMedia=window.matchMedia||(function(e,f){var c,a=e.documentElement,b=a.firstElementChild||a.firstChild,d=e.createElement("body"),g=e.createElement("div");g.id="mq-test-1";g.style.cssText="position:absolute;top:-100em";d.style.background="none";d.appendChild(g);return function(h){g.innerHTML=' <style media="'+h+'"> #mq-test-1 { width: 42px; }</style>';a.insertBefore(d,b);c=g.offsetWidth==42;a.removeChild(d);return{matches:c,media:h}}})(document);


    /*! Respond.js v1.1.0: min/max-width media query polyfill. (c) Scott Jehl. MIT/GPLv2 Lic. j.mp/respondjs  */
    (function(e){e.respond={};respond.update=function(){};respond.mediaQueriesSupported=e.matchMedia&&e.matchMedia("only all").matches;if(respond.mediaQueriesSupported){return}var w=e.document,s=w.documentElement,i=[],k=[],q=[],o={},h=30,f=w.getElementsByTagName("head")[0]||s,g=w.getElementsByTagName("base")[0],b=f.getElementsByTagName("link"),d=[],a=function(){var D=b,y=D.length,B=0,A,z,C,x;for(;B<y;B++){A=D[B],z=A.href,C=A.media,x=A.rel&&A.rel.toLowerCase()==="stylesheet";if(!!z&&x&&!o[z]){if(A.styleSheet&&A.styleSheet.rawCssText){m(A.styleSheet.rawCssText,z,C);o[z]=true}else{if((!/^([a-zA-Z:]*\/\/)/.test(z)&&!g)||z.replace(RegExp.$1,"").split("/")[0]===e.location.host){d.push({href:z,media:C})}}}}u()},u=function(){if(d.length){var x=d.shift();n(x.href,function(y){m(y,x.href,x.media);o[x.href]=true;u()})}},m=function(I,x,z){var G=I.match(/@media[^\{]+\{([^\{\}]*\{[^\}\{]*\})+/gi),J=G&&G.length||0,x=x.substring(0,x.lastIndexOf("/")),y=function(K){return K.replace(/(url\()['"]?([^\/\)'"][^:\)'"]+)['"]?(\))/g,"$1"+x+"$2$3")},A=!J&&z,D=0,C,E,F,B,H;if(x.length){x+="/"}if(A){J=1}for(;D<J;D++){C=0;if(A){E=z;k.push(y(I))}else{E=G[D].match(/@media *([^\{]+)\{([\S\s]+?)$/)&&RegExp.$1;k.push(RegExp.$2&&y(RegExp.$2))}B=E.split(",");H=B.length;for(;C<H;C++){F=B[C];i.push({media:F.split("(")[0].match(/(only\s+)?([a-zA-Z]+)\s?/)&&RegExp.$2||"all",rules:k.length-1,hasquery:F.indexOf("(")>-1,minw:F.match(/\(min\-width:[\s]*([\s]*[0-9\.]+)(px|em)[\s]*\)/)&&parseFloat(RegExp.$1)+(RegExp.$2||""),maxw:F.match(/\(max\-width:[\s]*([\s]*[0-9\.]+)(px|em)[\s]*\)/)&&parseFloat(RegExp.$1)+(RegExp.$2||"")})}}j()},l,r,v=function(){var z,A=w.createElement("div"),x=w.body,y=false;A.style.cssText="position:absolute;font-size:1em;width:1em";if(!x){x=y=w.createElement("body");x.style.background="none"}x.appendChild(A);s.insertBefore(x,s.firstChild);z=A.offsetWidth;if(y){s.removeChild(x)}else{x.removeChild(A)}z=p=parseFloat(z);return z},p,j=function(I){var x="clientWidth",B=s[x],H=w.compatMode==="CSS1Compat"&&B||w.body[x]||B,D={},G=b[b.length-1],z=(new Date()).getTime();if(I&&l&&z-l<h){clearTimeout(r);r=setTimeout(j,h);return}else{l=z}for(var E in i){var K=i[E],C=K.minw,J=K.maxw,A=C===null,L=J===null,y="em";if(!!C){C=parseFloat(C)*(C.indexOf(y)>-1?(p||v()):1)}if(!!J){J=parseFloat(J)*(J.indexOf(y)>-1?(p||v()):1)}if(!K.hasquery||(!A||!L)&&(A||H>=C)&&(L||H<=J)){if(!D[K.media]){D[K.media]=[]}D[K.media].push(k[K.rules])}}for(var E in q){if(q[E]&&q[E].parentNode===f){f.removeChild(q[E])}}for(var E in D){var M=w.createElement("style"),F=D[E].join("\n");M.type="text/css";M.media=E;f.insertBefore(M,G.nextSibling);if(M.styleSheet){M.styleSheet.cssText=F}else{M.appendChild(w.createTextNode(F))}q.push(M)}},n=function(x,z){var y=c();if(!y){return}y.open("GET",x,true);y.onreadystatechange=function(){if(y.readyState!=4||y.status!=200&&y.status!=304){return}z(y.responseText)};if(y.readyState==4){return}y.send(null)},c=(function(){var x=false;try{x=new XMLHttpRequest()}catch(y){x=new ActiveXObject("Microsoft.XMLHTTP")}return function(){return x}})();a();respond.update=a;function t(){j(true)}if(e.addEventListener){e.addEventListener("resize",t,false)}else{if(e.attachEvent){e.attachEvent("onresize",t)}}})(this); 


    استایل (سی اس اس) :
    کد PHP:
    کد PHP:
    /* Reset
    ------------------------------------------------------------ */
    * { margin0padding0; }
    html overflow-yscroll;}
    body background:#ffffff; font-size: 13px; color: #666666 font-family: Arial, helvetica, sans-serif;}
    olul { list-stylenonemargin0;}
    ul li margin0padding0;}
    h1 margin-bottom10pxcolor#111111}    
    aimg outlinenoneborder:nonecolor#000 font-weight: bold; text-transform: uppercase;}
    margin0 0 10pxline-height1.4emfont-size1.2em;}
    img displayblockmargin-bottom10px;}
    aside font-styleitalicfont-size0.9em;}
    articleasidedetailsfigcaptionfigure,
    footerheaderhgroupmenunavsection 
        
    displayblock;
        }
        
    /* Structure */
    #wrapper {
        
    width96%;    
        
    max-width920px;
        
    marginauto;
        
    padding2%;
        } 


        
    #main {
            
    width60%;
            
    margin-right5%;
            
    floatleft;
            }        
            
        
    aside {
            
    width35%;
            
    floatright;
            }


    /* Logo H1 */
    header h1 {
        
    height70px;
        
    width160px;
        
    floatleft;
        
    displayblock;
        
    backgroundurl(../images/demo.gif0 0 no-repeat;
        
    text-indent: -9999px;
        }
            
    /* Nav */
    header nav {
        
    floatright;
        
    margin-top40px
        }
        
        
    header nav li {
            
    displayinline;
            
    margin-left15px;
            }


    #skipTo {
        
    displaynone;
        }
        
    #skipTo li {
            
    background#b1fffc
            
    }


    /* Banner */            
    #banner {
        
    floatleft;
        
    margin-bottom15px;
        
    width100%;
        }


        
    #banner img {
            
    width100%;
            }




    /* Media Queries */
    @media screen and (max-width480px) {


        
    #skipTo {
            
    displayblock;
            }
        
        
    header nav#main, aside {
            
    floatleft;
            
    clearleft;
            
    margin0 0 10px
            
    width100%;
            }    
            
    header nav li {
                
    margin0;
                
    background#efefef
                
    displayblock;
                
    margin-bottom3px;
                }
                
    header nav a {
                    
    displayblock;
                    
    padding10px;
                    
    text-aligncenter;
                    }            

    لــــــــَــــش ام،لاشــــــ ــــــی نیستم


    بـــــــــَـــد دهن ام،بـــــــ ـــــی ادب نیستم


    وَحــــــــــــشی ام،بی رحـــــ ـــــــم نیستم


    تـــــــــَـــکپــــــرم، مـــــــ ـــــغرور نیستم


    خــــــــــــود خواهم،پــــــ ـــُـــر توقع نیستم


    رُکمــــــــــــ،دروغــــ ــــــــگو نیستم


    ساکـــِـِــــــــتم،لالــ ــــــــــ نیستم


    کله خــــَــــــــرم،بیشـــــ ـــــــعور نیستم


    خلاصه
    خـــــــــــــودمم...
    #1 ارسال شده در تاريخ 27th March 2014 در ساعت 13:05

  2. یک کاربر از این پست تشکر کرده است :


  3. Angel of Darkness آواتار ها
    Angel of Darkness
    ناظم سایت
    Feb 2011
    28,006
    8,868
    تشکر شده : 11,684

    پیش فرض

    اچ تی ام ال :
    کد PHP:
    کد PHP:
    <!DOCTYPE html>
    <
    html lang="en">
        <
    head>
            <
    meta charset="utf-8"/>
            <
    titleDemo Responsive Web</title>
            <
    meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0" />
            <
    link href="styles/main.css" type="text/css" rel="stylesheet">
            <!--[if 
    lt IE 9]>
            <
    script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
            <![endif]-->
            <script type='text/javascript' src='scripts/respond.min.js'></script>
        </head>
        <body>
            
            <div id="wrapper">
            
                <header>
                    
                    <nav id="skipTo">
                        <ul>
                            <li>
                                <a href="#main" title="Skip to Main Content">Skip to Main Content</a>
                            </li>
                        </ul>
                    </nav>
                    
                    <h1>Demo</h1>
                    
                    <nav>
                        <ul>
                            <li><a href="#" title="Home">Home</a></li>
                            <li><a href="#" title="About">About</a></li>
                            <li><a href="#" title="Work">Work</a></li>
                            <li><a href="#" title="Contact">Contact</a></li>
                        </ul>
                    </nav>
                    
                    <div id="banner">
                        <img src="http://www.udk.ir/images/kaws.jpg" alt="banner" />
                    </div>
                    
                </header>    
            
                <section id="main">
                    <h1>Main section</h1>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                </section>
            
                <aside>
                    <h1>Sub-section</h1>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                </aside>
        
            </div>


        </body>
    </html> 
    ایجاد یک بخش چسبناک (ثابت)
    کد PHP:

    کد PHP:
    <div style="position: fixed; right: 0; top: 50%; width: 8em; margin-top: -2.5em;>
    <ul>
    <li><a href="
    #L384">Section 1</a>
    <li><a href="#details">Section 2</a>
    <
    li><a href="#FAQ">Section 3</a>
    </
    ul>
    </
    div
    لــــــــَــــش ام،لاشــــــ ــــــی نیستم


    بـــــــــَـــد دهن ام،بـــــــ ـــــی ادب نیستم


    وَحــــــــــــشی ام،بی رحـــــ ـــــــم نیستم


    تـــــــــَـــکپــــــرم، مـــــــ ـــــغرور نیستم


    خــــــــــــود خواهم،پــــــ ـــُـــر توقع نیستم


    رُکمــــــــــــ،دروغــــ ــــــــگو نیستم


    ساکـــِـِــــــــتم،لالــ ــــــــــ نیستم


    کله خــــَــــــــرم،بیشـــــ ـــــــعور نیستم


    خلاصه
    خـــــــــــــودمم...
    #2 ارسال شده در تاريخ 27th March 2014 در ساعت 13:29

  4. Angel of Darkness آواتار ها
    Angel of Darkness
    ناظم سایت
    Feb 2011
    28,006
    8,868
    تشکر شده : 11,684

    پیش فرض

    نمایش و مخفی کردن (jquery)
    کد PHP:
    کد PHP:
    <html lang="en">


    <
    head>


      <
    meta charset="utf-8">


      <
    title>show demo</title>


      <
    style>


      
    div {


        
    background#def3ca


        
    margin3px;


        
    width80px;


        
    displaynone;


        
    floatleft;


        
    text-aligncenter;


      }


      </
    style>


      <
    script src="//code.jquery.com/jquery-1.10.2.js"></script>


    </head>


    <body>


     


    <button id="showr">Show</button>


    <button id="hidr">Hide</button>


    <div>Hello 3,</div>


    <div>how</div>


    <div>are</div>


    <div>you?</div>


     


    <script>


    $( "#showr" ).click(function() {


      $( "div" ).first().show( "fast", function showNext() {


        $( this ).next( "div" ).show( "fast", showNext );


      });


    });


     


    $( "#hidr" ).click(function() {


      $( "div" ).hide( 1000 );


    });


    </script>


     


    </body>


    </html> 

    افکت Fade in
    کد PHP:
    کد PHP:
    <!doctype html>


    <
    html lang="en">


    <
    head>


      <
    meta charset="utf-8">


      <
    title>fadeIn demo</title>


      <
    style>


      
    {


        
    positionrelative;


        
    width400px;


        
    height90px;


      }


      
    div {


        
    positionabsolute;


        
    width400px;


        
    height65px;


        
    font-size36px;


        
    text-aligncenter;


        
    coloryellow;


        
    backgroundred;


        
    padding-top25px;


        
    top0;


        
    left0;


        
    displaynone;


      }


      
    span {


        
    displaynone;


      }


      </
    style>


      <
    script src="//code.jquery.com/jquery-1.10.2.js"></script>


    </head>


    <body>


     


    <p>


      Let it be known that the party of the first part


      and the party of the second part are henceforth


      and hereto directed to assess the allegations


      for factual correctness... (<a href="#">click!</a>)


      <div><span>CENSORED!</span></div>


    </p>


     


    <script>


    $( "a" ).click(function() {


      $( "div" ).fadeIn( 3000, function() {


        $( "span" ).fadeIn( 100 );


      });


      return false;


    });


    </script>


     


    </body>


    </html> 
    لــــــــَــــش ام،لاشــــــ ــــــی نیستم


    بـــــــــَـــد دهن ام،بـــــــ ـــــی ادب نیستم


    وَحــــــــــــشی ام،بی رحـــــ ـــــــم نیستم


    تـــــــــَـــکپــــــرم، مـــــــ ـــــغرور نیستم


    خــــــــــــود خواهم،پــــــ ـــُـــر توقع نیستم


    رُکمــــــــــــ،دروغــــ ــــــــگو نیستم


    ساکـــِـِــــــــتم،لالــ ــــــــــ نیستم


    کله خــــَــــــــرم،بیشـــــ ـــــــعور نیستم


    خلاصه
    خـــــــــــــودمم...
    #3 ارسال شده در تاريخ 27th March 2014 در ساعت 13:39

  5. Angel of Darkness آواتار ها
    Angel of Darkness
    ناظم سایت
    Feb 2011
    28,006
    8,868
    تشکر شده : 11,684

    پیش فرض

    افکت Fade out
    کد PHP:
    کد PHP:
    <!doctype html>


    <
    html lang="en">


    <
    head>


      <
    meta charset="utf-8">


      <
    title>fadeOut demo</title>


      <
    style>


      .
    box,


      
    button {


        
    floatleft;


        
    margin5px 10px 5px 0;


      }


      .
    box {


        
    height80px;


        
    width80px;


        
    background#090


      
    }


      
    #log {


        
    clearleft;


      }


      </
    style>


      <
    script src="//code.jquery.com/jquery-1.10.2.js"></script>


    </head>


    <body>


     


    <button id="btn1">fade out</button>


    <button id="btn2">show</button>


     


    <div id="log"></div>


     


    <div id="box1" class="box">linear</div>


    <div id="box2" class="box">swing</div>


     


    <script>


    $( "#btn1" ).click(function() {


      function complete() {


        $( "<div>" ).text( this.id ).appendTo( "#log" );


      }


      $( "#box1" ).fadeOut( 1600, "linear", complete );


      $( "#box2" ).fadeOut( 1600, complete );


    });


     


    $( "#btn2" ).click(function() {


      $( "div" ).show();


      $( "#log" ).empty();


    });


    </script>


     


    </body>


    </html> 
    افکت fade toggle
    کد PHP:
    کد PHP:
    <!doctype html>


    <
    html lang="en">


    <
    head>


      <
    meta charset="utf-8">


      <
    title>fadeToggle demo</title>


      <
    script src="//code.jquery.com/jquery-1.10.2.js"></script>


    </head>


    <body>


     


    <button>fadeToggle p1</button>


    <button>fadeToggle p2</button>


    <p>This paragraph has a slow, linear fade.</p>


    <p>This paragraph has a fast animation.</p>


    <div id="log"></div>


     


    <script>


    $( "button:first" ).click(function() {


      $( "p:first" ).fadeToggle( "slow", "linear" );


    });


    $( "button:last" ).click(function() {


      $( "p:last" ).fadeToggle( "fast", function() {


        $( "#log" ).append( "<div>finished</div>" );


      });


    });


    </script>


     


    </body>


    </html> 
    لــــــــَــــش ام،لاشــــــ ــــــی نیستم


    بـــــــــَـــد دهن ام،بـــــــ ـــــی ادب نیستم


    وَحــــــــــــشی ام،بی رحـــــ ـــــــم نیستم


    تـــــــــَـــکپــــــرم، مـــــــ ـــــغرور نیستم


    خــــــــــــود خواهم،پــــــ ـــُـــر توقع نیستم


    رُکمــــــــــــ،دروغــــ ــــــــگو نیستم


    ساکـــِـِــــــــتم،لالــ ــــــــــ نیستم


    کله خــــَــــــــرم،بیشـــــ ـــــــعور نیستم


    خلاصه
    خـــــــــــــودمم...
    #4 ارسال شده در تاريخ 27th March 2014 در ساعت 13:51

  6. Angel of Darkness آواتار ها
    Angel of Darkness
    ناظم سایت
    Feb 2011
    28,006
    8,868
    تشکر شده : 11,684

    پیش فرض

    ارسال ایمیل همراه با ضمیمه
    کد پی اچ پی :
    کد PHP:

    کد PHP:
      <?php
    @$msguser;
        
    //دریافت اطلاعات اولیه فرم
        
    @$name=stripslashes($_POST['field1']);
        @
    $name2=stripslashes($_POST['field2']);
        @
    $name3=stripslashes($_POST['field3']);
        @
    $name4=stripslashes($_POST['field4']);
        @
    $name5=stripslashes($_POST['field5']);
        @
    $from=stripslashes($_POST['field6']);
        @
    $message=stripslashes($_POST['field7']);
        @
    $attachment=$_FILES['attachment']['name'];
        
    $to="info@itvar.ir"//آدرس ایمیل
        
    $subject="تستی"//موضوع
        
    $max_file_size 10000//تعیین حداکثر حجم فایل ضمیمه برحسب کیلوبایت -- 1000 = 1MB
        
    $formats = array('pdf'); // فرمتهای مجاز فایل ضمیمه

        
        // بررسی خالی نبودن فیلدهای نام ، ایمیل و پیام
        
    if ( empty($name) || empty($from) || empty($name2) || empty($name3) || empty($name4) || empty($name5) ){
             die(
    "Please enter all the information");
        }
            

        
    // بررسی معتبر بودن پست الکترونیک ارسال کننده
        
    if (!preg_match('/[A-Za-z0-9_-]+\@[A-Za-z0-9_-]+\.[A-Za-z0-9_-]+/',$from)){
            die(
    "Please enter a valid email address");
        }
        
        
    // ارسال اطلاعات متنی فرم به ایمیل
        
    $hash md5(uniqid(time()));
        
    $header "";  
        
    $header .= "From: ".$name."<".$from.">\nReply-To: ".$from."";  
      
        
    $header .= "MIME-Version: 1.0\n";  
        
    $header .= "Content-Type: multipart/mixed; boundary=\"".$hash."\"\n\n";  
        
    $header .= "This is a multi-part message in MIME format.\n";  
      
        
    $header .= "--".$hash."\n";  
        
    $header .= "Content-type: text/html; charset=utf-8\n";  
        
    $header .= "Content-Transfer-Encoding: 7bit\n\n";  
                
    $header .= "Name : ".$name."\n\n";  
                
    $header .= "<br>";
                
    $header .= "Age : ".$name2."\n\n";
                
    $header .= "<br>";
                
    $header .= "Wage: ".$name3."\n\n";
                
    $header .= "<br>";
                
    $header .= "Skill : ".$name4."\n\n";
                
    $header .= "<br>";
                
    $header .= "City : ".$name5."\n\n";
                
    $header .= "<br>";
                
    $header .= "Email : ".$from."\n\n";
                
    $header .= "<br>";
                
    $header .= "Massage: ".$message."\n\n";
                
    $header .= "<br>";
                
    $header .= "Powerd by IT Var";
       
    // در صورتی که فایلی پیوست شده باشد 
       
    if (!empty ($attachment)) { 
           
    // ذخیره اطلاعات فایل ضمیمه در متغیرها برای دسترسی آسانتر
       
    $tmp_name $_FILES['attachment']['tmp_name'];
       
    $type $_FILES['attachment']['type'];
       
    $file_name $_FILES['attachment']['name'];
       
    $file_size $_FILES['attachment']['size']/1024;
       
       
    // بررسی حجم فایل ضمیمه
       
    if ($file_size>$max_file_size) {
           die(
    "Attachment size is most of Size is allowed allowed size is ".$max_file_size." ");}
        
        
    // بررسی فرمت فایل ضمیمه
        
        
    @$ext end(explode('.',$file_name));
        if(!
    in_array($ext,$formats)){
        echo 
    "Attachment is not allowed. just ";
        foreach(
    $formats as $value){
            echo 
    $value." , ";
        }echo 
    " Can be sent"; die('');}
       
       
       
    // ارسال فایل ضمیمه به ایمیل
        
    $content chunk_split(base64_encode(file_get_contents($tmp_name)));  
        
    $header .= "--".$hash."\n";  
        
    $header .= "Content-Type: application/octet-stream; name=\"".$file_name."\"\n";  
        
    $header .= "Content-Transfer-Encoding: base64\n";  
        
    $header .= "Content-Disposition: attachment; filename=\"".$file_name."\"\n\n";  
        
    $header .= $content."\n\n";  
        }  
      
        
    $sendemail = @mail($to,$subject,null,$header); 
      
        if(
    $sendemail)  
        {   
        echo 
    "success";
     
        }  
        else  
        { 
        echo 
    "error"
        }    

    ?>
    لــــــــَــــش ام،لاشــــــ ــــــی نیستم


    بـــــــــَـــد دهن ام،بـــــــ ـــــی ادب نیستم


    وَحــــــــــــشی ام،بی رحـــــ ـــــــم نیستم


    تـــــــــَـــکپــــــرم، مـــــــ ـــــغرور نیستم


    خــــــــــــود خواهم،پــــــ ـــُـــر توقع نیستم


    رُکمــــــــــــ،دروغــــ ــــــــگو نیستم


    ساکـــِـِــــــــتم،لالــ ــــــــــ نیستم


    کله خــــَــــــــرم،بیشـــــ ـــــــعور نیستم


    خلاصه
    خـــــــــــــودمم...
    #5 ارسال شده در تاريخ 27th March 2014 در ساعت 14:01

  7. Angel of Darkness آواتار ها
    Angel of Darkness
    ناظم سایت
    Feb 2011
    28,006
    8,868
    تشکر شده : 11,684

    پیش فرض

    کد اچ تی ام ال :
    کد PHP:

    کد PHP:
     <form action="send-mail.php" method="post" enctype="multipart/form-data">
              <
    div class="box">
                <
    h1 align="center">send mail</h1>
                <
    label>
                   <
    span>Full name *</span>
                   <
    input type="text" class="input_text" name="field1" id="field1"/>
                </
    label>
                                        <
    label>
                   <
    span>Age *</span>
                   <
    input type="text" class="input_text" name="field2" id="field2"/>
                </
    label>
                                                    <
    label>
                   <
    span>Wage *</span>
                   <
    input type="text" class="input_text" name="field3" id="field3"/>
                </
    label>



                            <
    label>
                   <
    span>Skill *</span>
                   <
    select name="field4" id="field5">
     <
    option selected>Plan 1
     
    <option>Plan 2
     
    <option>Plan 3
     
    <option>Plan 4
     
    <option>Plan 5
     
    </select
                </
    label>
                                        <
    label>
                   <
    span>Country/City *</span>
                   <
    input type="text" class="input_text" name="field6" id="field6"/>
                </
    label>
                 <
    label>
                   <
    span>Email *</span>
                   <
    input type="text" class="input_text" name="field7" id="field7"/>
                </
    label>
                             <
    label>
                   <
    span>Resume* (PDF)</span>
                   <
    input type="file" name="attachment" id="attachment" />
                </
    label>
                <
    label>
                    <
    span>Message *</span>
                    <
    textarea class="message" name="message" id="message"></textarea>
                     <
    input type="submit" class="button" value="Send" />
                  
                </
    label>

            </
    div>
        </
    form


    خوب اینم یه نمونه اسلاید ساده :
    منابع :
    کد PHP:
    کد PHP:
    <!-- Include the jQuery library (local or CDN) -->
    <
    script src="http://code.jquery.com/jquery-latest.min.js"></script>

    <!-- Include the plugin *after* the jQuery library -->
    <script src="bjqs.min.js"></script>

    <!-- Include the basic styles -->
    <link type="text/css" rel="Stylesheet" href="bjqs.css" /> 



    کد اسلایدر :
    کد PHP:

    کد PHP:
    <div id="my-slideshow">
        <
    ul class="bjqs">
            <
    li><!-- Any content you like --></li>
            <
    li><!-- Can go inside these slides--></li>
        </
    ul>
    </
    div
    لــــــــَــــش ام،لاشــــــ ــــــی نیستم


    بـــــــــَـــد دهن ام،بـــــــ ـــــی ادب نیستم


    وَحــــــــــــشی ام،بی رحـــــ ـــــــم نیستم


    تـــــــــَـــکپــــــرم، مـــــــ ـــــغرور نیستم


    خــــــــــــود خواهم،پــــــ ـــُـــر توقع نیستم


    رُکمــــــــــــ،دروغــــ ــــــــگو نیستم


    ساکـــِـِــــــــتم،لالــ ــــــــــ نیستم


    کله خــــَــــــــرم،بیشـــــ ـــــــعور نیستم


    خلاصه
    خـــــــــــــودمم...
    #6 ارسال شده در تاريخ 27th March 2014 در ساعت 14:26

  8. Angel of Darkness آواتار ها
    Angel of Darkness
    ناظم سایت
    Feb 2011
    28,006
    8,868
    تشکر شده : 11,684

    پیش فرض

    فعال کردن(استایل بندی) اسلایدر :
    کد PHP:
    کد PHP:
    jQuery(document).ready(function($) {
        $(
    '#banner-fade').bjqs({
            
    'height' 320,
            
    'width' 620,
            
    'responsive' true
        
    });
    }); 
    این هم لیست آپشن ها(تنظیمات) :
    کد PHP:

    کد PHP:
    // width and height need to be provided to enforce consistency
    // if responsive is set to true, these values act as maximum dimensions
    width 700,
    height 300,

    // animation values
    animtype 'fade'// accepts 'fade' or 'slide'
    animduration 450// how fast the animation are
    animspeed 4000// the delay between each slide
    automatic true// automatic

    // control and marker configuration
    showcontrols true// show next and prev controls
    centercontrols true// center controls verically
    nexttext 'Next'// Text for 'next' button (can use HTML)
    prevtext 'Prev'// Text for 'previous' button (can use HTML)
    showmarkers true// Show individual slide markers
    centermarkers true// Center markers horizontally

    // interaction values
    keyboardnav true// enable keyboard navigation
    hoverpause true// pause the slider on hover

    // presentational options
    usecaptions true// show captions for images using the image title tag
    randomstart true// start slider at random slide
    responsive true // enable responsive capabilities (beta) 
    لــــــــَــــش ام،لاشــــــ ــــــی نیستم


    بـــــــــَـــد دهن ام،بـــــــ ـــــی ادب نیستم


    وَحــــــــــــشی ام،بی رحـــــ ـــــــم نیستم


    تـــــــــَـــکپــــــرم، مـــــــ ـــــغرور نیستم


    خــــــــــــود خواهم،پــــــ ـــُـــر توقع نیستم


    رُکمــــــــــــ،دروغــــ ــــــــگو نیستم


    ساکـــِـِــــــــتم،لالــ ــــــــــ نیستم


    کله خــــَــــــــرم،بیشـــــ ـــــــعور نیستم


    خلاصه
    خـــــــــــــودمم...
    #7 ارسال شده در تاريخ 27th March 2014 در ساعت 14:27

  9. یک کاربر از این پست تشکر کرده است :


علاقه مندی ها (Bookmarks)

مجوز های ارسال و ویرایش

  • شما نمیتوانید موضوع جدیدی ارسال کنید
  • شما امکان ارسال پاسخ را ندارید
  • شما نمیتوانید فایل پیوست کنید.
  • شما نمیتوانید پست های خود را ویرایش کنید
  •