رفتن به مطلب
انجمن آی ترفند

itarfand

  • تعداد ارسال ها

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

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

  • روز های برد

    2

پست ها ارسال شده توسط itarfand


  1. پاسخ 7

    line.png

    #include "stdafx.h"
    #include <stdlib.h>
    #include <stdio.h>
    #include <math.h>
    #include <iostream>
    #pragma warning(disable:4996)
    using namespace std;
    
    int main()
    {
    	int num, k = 0;
    
    	printf("Enter a number:");
    	scanf("%d", &num);
    
    	for (int i = 2; i <= sqrt(num); i++) {
    		if (num%i == 0) {
    			k = 1;
    			break;
    		}
    	}
    	if (k == 0)
    		printf("%d avval ast\n", num);
    	else
    		printf("%d avval nist\n", num);
    
    	return 0;
    }

     


  2. قسمت 4) background

    line.png

    ویژگی background در css برای تنظیم رنگ و عکس پس زمینه تگ ها و ویژگی های مربوط به آن می باشد.

    <!DOCTYPE html>
    <html>
    <head>
        <title></title>
    	<meta charset="utf-8" />
        <link type="text/css" rel="stylesheet" href="StyleSheet.css" />
      <style>
        /*
        Css whit itarfand
    */
    body {
        background-color:#0094ff;
    }
    h1{
        background-color:chocolate;
    }
    span{
        background-color:rgb(255, 216, 0);
    }
    p{
        color:#ffffff;
        background-image:url('https://forum.itarfand.com/uploads/monthly_2017_07/batman1.thumb.jpg.271b280c8daa1455d8114b342729cb43.jpg');
    }
      </style>
    </head>
    <body>
        <h1>itarfand forum</h1>
        <span>css code</span>
        <p>hello world<br /><br /><br />hello world<br /><br /><br /><br /><br /><br />
            <br /><br /><br /><br /><br /><br />hello world<br /><br /><br /><br /></p>
    </body>
    </html>

    برای تست این کد می توانید از لینک زیر استفاده کنید و یا کدهای بین style را در فایل css خود قرار دهید.

    ادیتور آی ترفند

    <!DOCTYPE html>
    <html>
    <head>
        <title></title>
    	<meta charset="utf-8" />
        <link type="text/css" rel="stylesheet" href="StyleSheet.css" />
        <style>
    body {
        background-image:url('https://forum.itarfand.com/uploads/monthly_2017_07/batman1.thumb.jpg.271b280c8daa1455d8114b342729cb43.jpg');
        background-repeat:repeat-x;
        background-attachment:fixed;
        background-position:50% 40px;
    }
    p{
        color:#ffffff;
    }
        </style>
    </head>
    <body>
        <p>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد. کتابهای زیادی در شصت و سه درصد گذشته، حال و آینده شناخت فراوان جامعه و متخصصان را می طلبد تا با نرم افزارها شناخت بیشتری را برای طراحان رایانه ای علی الخصوص طراحان خلاقی و فرهنگ پیشرو در زبان فارسی ایجاد کرد. در این صورت می توان امید داشت که تمام و دشواری موجود در ارائه راهکارها و شرایط سخت تایپ به پایان رسد وزمان مورد نیاز شامل حروفچینی دستاوردهای اصلی و جوابگوی سوالات پیوسته اهل دنیای موجود طراحی اساسا مورد استفاده قرار گیرد.
            <br /><br />
    لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد. کتابهای زیادی در شصت و سه درصد گذشته، حال و آینده شناخت فراوان جامعه و متخصصان را می طلبد تا با نرم افزارها شناخت بیشتری را برای طراحان رایانه ای علی الخصوص طراحان خلاقی و فرهنگ پیشرو در زبان فارسی ایجاد کرد. در این صورت می توان امید داشت که تمام و دشواری موجود در ارائه راهکارها و شرایط سخت تایپ به پایان رسد وزمان مورد نیاز شامل حروفچینی دستاوردهای اصلی و جوابگوی سوالات پیوسته اهل دنیای موجود طراحی اساسا مورد استفاده قرار گیرد.
            <br /><br />
    لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد. کتابهای زیادی در شصت و سه درصد گذشته، حال و آینده شناخت فراوان جامعه و متخصصان را می طلبد تا با نرم افزارها شناخت بیشتری را برای طراحان رایانه ای علی الخصوص طراحان خلاقی و فرهنگ پیشرو در زبان فارسی ایجاد کرد. در این صورت می توان امید داشت که تمام و دشواری موجود در ارائه راهکارها و شرایط سخت تایپ به پایان رسد وزمان مورد نیاز شامل حروفچینی دستاوردهای اصلی و جوابگوی سوالات پیوسته اهل دنیای موجود طراحی اساسا مورد استفاده قرار گیرد.
            <br /><br />
    لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد. کتابهای زیادی در شصت و سه درصد گذشته، حال و آینده شناخت فراوان جامعه و متخصصان را می طلبد تا با نرم افزارها شناخت بیشتری را برای طراحان رایانه ای علی الخصوص طراحان خلاقی و فرهنگ پیشرو در زبان فارسی ایجاد کرد. در این صورت می توان امید داشت که تمام و دشواری موجود در ارائه راهکارها و شرایط سخت تایپ به پایان رسد وزمان مورد نیاز شامل حروفچینی دستاوردهای اصلی و جوابگوی سوالات پیوسته اهل دنیای موجود طراحی اساسا مورد استفاده قرار گیرد.
        <br /><br />
    لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد. کتابهای زیادی در شصت و سه درصد گذشته، حال و آینده شناخت فراوان جامعه و متخصصان را می طلبد تا با نرم افزارها شناخت بیشتری را برای طراحان رایانه ای علی الخصوص طراحان خلاقی و فرهنگ پیشرو در زبان فارسی ایجاد کرد. در این صورت می توان امید داشت که تمام و دشواری موجود در ارائه راهکارها و شرایط سخت تایپ به پایان رسد وزمان مورد نیاز شامل حروفچینی دستاوردهای اصلی و جوابگوی سوالات پیوسته اهل دنیای موجود طراحی اساسا مورد استفاده قرار گیرد.
            <br /><br />
    لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد. کتابهای زیادی در شصت و سه درصد گذشته، حال و آینده شناخت فراوان جامعه و متخصصان را می طلبد تا با نرم افزارها شناخت بیشتری را برای طراحان رایانه ای علی الخصوص طراحان خلاقی و فرهنگ پیشرو در زبان فارسی ایجاد کرد. در این صورت می توان امید داشت که تمام و دشواری موجود در ارائه راهکارها و شرایط سخت تایپ به پایان رسد وزمان مورد نیاز شامل حروفچینی دستاوردهای اصلی و جوابگوی سوالات پیوسته اهل دنیای موجود طراحی اساسا مورد استفاده قرار گیرد.
            <br /><br />
    لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد. کتابهای زیادی در شصت و سه درصد گذشته، حال و آینده شناخت فراوان جامعه و متخصصان را می طلبد تا با نرم افزارها شناخت بیشتری را برای طراحان رایانه ای علی الخصوص طراحان خلاقی و فرهنگ پیشرو در زبان فارسی ایجاد کرد. در این صورت می توان امید داشت که تمام و دشواری موجود در ارائه راهکارها و شرایط سخت تایپ به پایان رسد وزمان مورد نیاز شامل حروفچینی دستاوردهای اصلی و جوابگوی سوالات پیوسته اهل دنیای موجود طراحی اساسا مورد استفاده قرار گیرد.
            <br /><br />
    لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد. کتابهای زیادی در شصت و سه درصد گذشته، حال و آینده شناخت فراوان جامعه و متخصصان را می طلبد تا با نرم افزارها شناخت بیشتری را برای طراحان رایانه ای علی الخصوص طراحان خلاقی و فرهنگ پیشرو در زبان فارسی ایجاد کرد. در این صورت می توان امید داشت که تمام و دشواری موجود در ارائه راهکارها و شرایط سخت تایپ به پایان رسد وزمان مورد نیاز شامل حروفچینی دستاوردهای اصلی و جوابگوی سوالات پیوسته اهل دنیای موجود طراحی اساسا مورد استفاده قرار گیرد.</p>
    </body>
    </html>

    background-image : برای قرار دادن یک عکس در پس زمینه

    background-color : برای تغییر رنگ پس زمینه

    background-repeat : تعیین تکرار شدن عکس در پس زمینه در صورت اندازه نبودن آن و چگونگی آن

    background-attachment : تعیین ثابت بودن یا نبودم پس زمینه

    background-position : محل پس زمینه

     


  3. پاسخ 6

    line.png

    #include "stdafx.h"
    #include <stdlib.h>
    #include <stdio.h>
    #include <iostream>
    #pragma warning(disable:4996)
    using namespace std;
    #define MINDIFF 2.25e-308
    
    double mySqrt(double get);
    
    int main()
    {
    	float num = 0;
    	float get = 0;
    
    	do
    	{
    		printf("Please enter number:");
    		printf("\n");
    		scanf("%f", &num);
    		get += num;
    	} while (num != 0);
    
    	float jazr= mySqrt(get);
    
    	printf("\nSQRT of %f is : %f \n", get, jazr);
    	printf("\n\n");
        return 0;
    }
    
    double mySqrt(double get)
    {
    	float root = get / 3;
    	float last, diff = 1;
    
    	if (get <= 0)
    		return 0;
    	do {
    		last = root;
    		root = (root + get / root) / 2;
    		diff = root - last;
    	} while (diff > MINDIFF || diff < -MINDIFF);
    
    	return root;
    }

     


  4. قسمت 2) روش های استفاده از css

    line.png

    برای استفاده از فایل css برای یک فایل html سه روش وجود دارد:

    • خارجی / اکسترنال
    • داخلی / اینترنال
    • درون خطی / این لاین

    روش خارجی

    <link type="text/css" rel="stylesheet" href="StyleSheet.css" />

    این روش رایج ترین روش استفاده از فایل css می باشد که کدهای css در یک فایل جدا می باشند.

    داخلی

    <head>
      <style>
        your code
      </style>
    </head>

    این روش برای استفاده از css برای هر صفحه به صورت جدا می باشد.

    این روش باعث کم شدن سرعت لود قالب می باشد و استفاده از آن کم می باشد.

    درون خطی

    <tag style=" ">
    </tag>

    تگ های html دارای خصوصیتی به نام style می باشند که می توانید از آن استفاده کنید.


  5. قسمت 1) شروع به کار

    line.png

    برای قرار دادن فایل استایل برای قالب خود کافی است مانند لینک زیر پیش بروید و فقط به جای HTML Page گزینه Style Sheet را انتخاب کنید.

    و سپس کد زیر را در قسمت head فایل html قرار دهید.

    <link rel="stylesheet" type="text/css" href="StyleSheet.css">

     


  6. پاسخ 4

    line.png

    #include "stdafx.h"
    #include <stdlib.h>
    #include <stdio.h>
    #include <iostream>
    #pragma warning(disable:4996)
    using namespace std;
    
    int main()
    {
    	int i;
    	float avg = 0, sum = 0, temp = 0;
    
    	printf("How many student do you have?: ");
    	scanf("%d", &i);
    
    	for (int j = 0;j < i;j++) {
    		printf("\nPlease enter score of student: ");
    		scanf("%f", &temp);
    		sum += temp;
    		temp == 0;
    	}
    	
    	avg = sum / i;
    
    	printf("\n**********\n");
    	printf("avg is %f",avg);
    	printf("\n**********\n\nThank You\n");
    	
        return 0;
    }
    

     


  7. پاسخ 3

    line.png

    #include "stdafx.h"
    #include <stdlib.h>
    #include <stdio.h>
    #include <iostream>
    #pragma warning(disable:4996)
    using namespace std;
    
    int main()
    {
    	int num1, num2;
    
    	printf("Please enter number one: ");
    	scanf("%d", &num1);
    
    	printf("\nPlease enter number two: ");
    	scanf("%d", &num2);
    
    	printf("\n**********\n\n");
    
    	if (num2>num1){
    		for (int i = num1; i < num2; i++){
    
    			for (int j = 0;j < num2 / 2;j++) {
    				if (i == j*j) {
    					printf("%d \n", i);
    				}
    			}
    		}
    	}
    	else{
    		printf("error");
    	}
    	printf("\n**********\n\nThank You\n");
    	
        return 0;
    }
    

     


  8. قسمت 18 ) تگ head

    line.png

    این تگ محل قرار گرفتن فایل های استایل و توضیحات سایت می باشد.

    قرار دادن فایل css

    <link rel="stylesheet" href="mystyle.css">

    قرار دادن فایل اسکریپت

    <script type="text/javascript" src="myscript.js"></script>

    تگ های متا

    این تگ ها توضیحاتی درباره سایت به مرورگرها می دهند و زبان سایت را مشخص می کنند.

    <meta charset="UTF-8">
    <meta name="description" content="itarfand">
    <meta name="keywords" content="HTML, itarfand">
    <meta name="author" content="karami">
    <meta http-equiv="refresh" content="20">
    <meta name="theme-color" content="#3c6994">
    <meta name="copyright" content="your copyright text here" />
    
    <meta property="og:site_name" content="itarfand">
    <meta property="og:description" content="itarfand">
    <meta name="twitter:card" content="summary">
    <meta name="twitter:site" content="@I_tarfand">
    <meta name="twitter:domain" content="itarfand.com">
    <meta name="twitter:title" content="itarfand">
    <meta name="twitter:description" content="itarfand">
    <meta name="twitter:image" content="image.png">
    <meta property="og:image" content="image.png">
    <meta property="og:title" content="itarfand">
    <meta property="og:type" content="website">
    <meta property="og:url" content="itarfand.com">
    <meta property="og:site_name" content="itarfand">
    
    <meta http-equiv="Cache-control" content="public" />
    <meta http-equiv="Cache-control" content="private" />
    <meta http-equiv="Cache-control" content="no-cache" />
    <meta http-equiv="Cache-control" content="no-store" />
    
    <meta property="og:locale" content="fa_IR">
    <meta itemprop="image" content="image.png">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta property="fb:admins" content="https://www.facebook.com/itarfand.com.persian/">

    کدهای بالا به ترتیب:

    • تعیین یونیکد متن سایت
    • توضیحی درباره سایت شما
    • کلمات کلیدی سایت شما
    • نویسنده سایت
    • رفرش شدن سایت در هر 20 ثانیه
    • رنگ مرورگر در موبایل
    • کپی رایت سایت شما
    • دیگر متاتگ ها برای شبکه های اجتماعی می باشند.
    • تگ هایی با نام Cache برای کنترل کش شدن سایت برای کاربر می باشد.

     


  9. قسمت 17 ) رنگ ها

    line.png

    برای استفاده از رنگ در وب مدهای محتلفی وجود دارد که مهمترین آن ها مدهای CMYK و RGB و HEX می باشد.

    CMYK یا : Cyan Magenta Yellow Black 

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

    اطلاعات بیشتر :

    https://www.w3schools.com/colors/colors_cmyk.asp

    CMYK color model - Wikipedia

    کد رنگ ها در این حالت:

    http://www.december.com/html/spec/colorcmyk.html

    به طور مثال برای نمایش رنگ سیاه باید هر چهار رنگ 100% باشند.

     

    RGB یا : Red Green Black

    از این مد بیشتر برای وب سایت ها استفاده می شود و بحث آن استفاده از شعاع نور می باشد و رنگ واقعی موجود نیست.

    اطلاعات بیشتر:

    https://www.w3schools.com/colors/colors_rgb.asp

    http://www.rapidtables.com/web/color/RGB_Color.htm

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

     

    HEX یا FF6600

    از این کد برای وب استفاده می شود.

    هر کدام از کاراکترها می تواند مقدار 0 تا f را بگیرد که به جای 10 حرف a قرار می گیرد.

    اطلاعت بیشتر :

    http://htmlcolorcodes.com/color-picker/

    مشکلی که این نوع از رنگ دهی دارد این است که ممکن است در مرورگرهای مختلف رنگ ها به شکل های مختلفی نمایش داده شوند. برای حل این مشکل رنگ های Web Safe بوجود آمده اند که 216 عدد می باشند.

    این رنگ ها به صورت aa2244 می باشند. یعنی دو حرفی که برای یک رنگ می باشند با یکدیگر برابر می باشند.

     

    رنگ های فلت

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

    http://flatcolors.net/

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

    http://flatcolors.net/palettes.php


  10. قسمت 16 ) دیگر تگ های html

    line.png

    کاراکترهای خاص

    برای تایپ کاراکترهای خاص مانند @ و یا # در html می توان از کدهای خاص آن استفاده کرد.

    &euro;
    
    &#169;

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

    http://www.tutorialspark.com/html5/HTML5_ASCII_Characters.php

    تگ iframes

    این تگ برای نمایش یک سایت دیگر در سایت بدون باز کردن آن می باشد.

    <iframe src="iframe.html" height="300" width="300" name="myiframe"></iframe>
    
    <p><a href="https://itarfand.com" target="myiframe">itarfand</a></p>

    در صورت هم نام بودن myiframe مانند کد بالا در صورت کلیک بر روی لینک ، سایت مورد نظر به صورت آی فریم باز می شود.

    پشتیانی از مرورگر اینترنت اکسپلولر

    برای درست نمایش داده شدن سایت در مرورگر می توانید کد زیر را در تگ head قرار بدهید.

    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <![endif]-->

    کد <!doctype html>

    این کد برای دانستن ورژن html شما توسط مرورگر می باشد و به صورت زیر استفاده می شود.

    <!DOCTYPE html>
    <html>
    	<head>
    	</head>
    
    	<body>
    	</body>
    </html>

    تگ span

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

    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. <span style="color:blue">blue</span> eyes.</p>

     


  11. قسمت 15 ) تگ svg

    line.png

    این تگ برای رسم اشکال مختلف می باشد. با استفاده از این تگ کیفیت شکل های قرار داده شده با تغییر zoom صفحه تغییر نمی کند و با کیفیت اولیه می ماند.

    مثال:

        <svg width="300" height="300">
            <circle cx="150" cy="150" r="100" stroke-width="5" fill="#3D8EB9"></circle>
            <rect width="200" height="200" style="fill:#FEC606; stroke:#CF000F" rx="30" ry="40" stroke-width="10"></rect>
        </svg>

    circle : برای کشیدن دایره

    cx : موقعیت x شکل

    cy : موقعیت y شکل

    r : شعاع

    stroke-width : اندازه هاشیه تصویر

    fill : رنگ شکل

    rect : برای کشیدن مستطیل

    rx : مقدار گرد شدن x

    ry : مقدار گرد شدن y

    style : قرار دادن استایل با css

     

    طراحی آنلاین

    برای طراحی آنلاین اشکال خود می توانید از سایت زیر استفاده کنید و با گزینه save as در سربرگ file آن را با فرمت svg ذخیره کنید.

    http://editor.method.ac/

    نمونه کد:

    <svg width="580" height="400" xmlns="http://www.w3.org/2000/svg">
     <!-- Created with Method Draw - http://github.com/duopixel/Method-Draw/ -->
     <g>
      <title>background</title>
      <rect fill="#fff" id="canvas_background" height="402" width="582" y="-1" x="-1"/>
      <g display="none" overflow="visible" y="0" x="0" height="100%" width="100%" id="canvasGrid">
       <rect fill="url(#gridpattern)" stroke-width="0" y="0" x="0" height="100%" width="100%"/>
      </g>
     </g>
     <g>
      <title>Layer 1</title>
      <path id="svg_1" d="m447.712519,163.394699l-34.688123,1.634747l-9.280563,39.829975l-30.687658,-9.629408l-44.504411,30.562896l-16.944115,-17.836288l-142.715137,76.275879l79.295746,-85.063838l-65.865511,-11.058726l20.610455,-16.453676l-45.220685,-30.198727l32.498141,-7.30314l-10.218603,-39.750821l34.067876,4.166088l28.027801,-36.682329l24.821326,14.312618l57.375569,-21.96745l7.694166,19.914988l68.507026,-0.278068l-11.875841,19.194493l57.887952,21.499604l-27.675325,12.379874l28.889913,36.451308z" stroke-width="1.5" stroke="#000" fill="#2f6d6d"/>
      <text stroke="#000" transform="matrix(9.018734931945799,0,0,7.0269060134887695,-2024.7305703163145,-844.3302892446518) " xml:space="preserve" text-anchor="start" font-family="Helvetica, Arial, sans-serif" font-size="4" id="svg_2" y="141.549777" x="252.61088" stroke-width="0" fill="#ffff00">itarfand</text>
      <path id="svg_3" d="m55.06018,376.413722c-6.257961,-4.756873 9.802061,-4.884201 7.27896,-10.157286c4.6131,-6.98754 16.60764,-11.217072 18.374026,-19.157347c-4.864737,-2.206831 -7.662607,-7.543958 1.618492,-6.910331c6.806191,-3.335949 5.955559,-10.162556 8.002398,-15.172301c1.917408,-8.085837 2.351618,-16.269836 3.175191,-24.422106c-7.875182,-0.393876 -15.945166,-0.119517 -23.618545,-1.433481c0.220722,-5.421598 15.834243,-3.341319 16.544872,-8.457233c11.352495,-0.133581 0.62881,-11.174602 -3.994349,-13.808808c-5.917597,-4.443746 -9.859021,-11.458663 -5.360391,-16.946618c6.434509,-2.783792 20.983461,-1.089276 20.325849,-8.405031c-4.376006,-1.624231 -9.932004,-0.592781 -14.836663,-0.880023c0.301627,-3.411342 0.603246,-6.822679 0.904873,-10.234021c6.486341,-0.324871 12.972698,-0.649768 19.45904,-0.97467c-3.292378,-2.228101 -8.21979,-3.867859 -9.452814,-7.019622c4.194014,-4.489251 14.301884,-4.092965 21.543044,-4.050521c7.041216,-0.316243 19.879117,2.741968 10.281506,7.667903c-0.777897,1.20968 -8.348594,4.21748 -3.670008,3.889572c5.99037,0 11.980725,0 17.971079,0c-0.017216,3.334895 -0.154895,6.70293 1.047903,9.966526c-4.572635,2.217395 -19.400462,-1.894102 -15.178506,4.947649c4.753892,2.860472 12.034656,2.784982 18.064321,4.044747c3.517003,0.228793 6.314781,0.825557 5.047379,3.502449c0.66105,4.970074 -1.264706,9.969682 -6.511263,13.742476c-3.713934,3.936807 -12.055373,8.865238 -9.586033,13.422133c4.671895,-0.495189 8.424853,1.502248 4.693323,3.748528c3.829418,1.846242 17.314258,1.423446 14.397666,6.045578c-6.832103,1.472617 -14.171508,0.859106 -21.259725,1.009379c1.887321,12.616792 4.49688,25.234779 8.857282,37.589889c2.547728,2.74158 12.668268,4.84868 4.362462,8.422816c-3.099722,6.655967 6.800956,11.639696 13.019002,15.911657c6.836688,3.334118 3.519667,10.04265 13.191569,11.112582c7.617047,4.804562 -10.457659,4.676648 -15.098135,4.687127c-30.720493,0.215692 -61.474124,0.517458 -92.182597,-0.127132c-2.513854,-0.206585 -5.619648,-0.159324 -7.411203,-1.554486l-0.000008,0.000005z" stroke-opacity="null" stroke-width="0" stroke="#000" fill="#2b10c9"/>
     </g>
    </svg>

     


  12. قسمت 14 ) تگ video و audio

    line.png

    تگ audio برای نمایش یک فایل ویدئو بدون نیاز به پلیر و افزونه می باشد.

    مثال:

        <video width="1000" preload="none" poster="https://forum.itarfand.com/uploads/monthly_2017_09/logo-site.png.eb013882ef4498dc286485fcd60d0373.png" controls loop autoplay>
            <source src="https://hw13.asset.aparat.com/aparat-video/a79042e39c45d6aa9b14cc2952b71d6e7515963-720p__57081.mp4" type="video/mp4" />
            <source src="/file/myVideo.ogg" type="video/ogg" />
            مرورگر شما از این تگ پشتیبانی نمی کند
        </video>

    width : اندازه صفحه نمایش فیلم

    preload : لود شدن فیلم و ددیگر فیلم های صفحه را مشخص می کند. 

    • none : در زمان کلیک بر روی دکمه پخش فیلم لود می شود.
    • auto : تمام فیلم های صفحه لود می شوند.
    • metadata : فقط عنوان و اطلاعات فیلم لود می شود.

    poster : عکس پیش زمینه فیلم قبل از نمایش آن را مشخص می کند.

    controls : بخش کنترل فیلم را نمایش می دهد.

    loop : در صورت پایان یافتن فیلم ، فیلم دوباره از اول شروع می شود.

    autoplay : فیلم به صورت خودکار شروع به پخش می کند.

    src : آدرس فیلم را مشخص می کند که می تواند چند عدد باشد که در صورت عدم پشتیبانی مرورگر از فرمت فیلم فرمت دیگر آن لود شود.

    type : فرمت فیلم را مشخص می کند.

     

    audio

    این تگ برای برای پخش صوت می باشد.

        <audio controls>
            <source src="file/music.mp3" type="audio/mp3" />
            <source src="file/music.mp3" type="audio/ogg" />
            فایل پخش نمی شود.
        </audio>

    تمام خصوصیت های تگ ویدئو برای این تگ نیز عمل می کند.

     

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