میرممد

آموزش برنامه نویسی همراه با تکه کد های کاربردی از زبان های مختلف برنامه نویسی
سید محمد میرعالی

سید محمد میرعالی

امیدوارم مطالب خوب و کاربردی رو بتونم در سایتم برای شما دوستان قرار بدم.

دسته بندی مطالب آمار سایت
  • کل مطالب : 28
  • کل نظرات : 3
  • افراد آنلاین : 1
  • تعداد اعضا : 0
  • آی پی امروز : 56
  • آی پی دیروز : 80
  • بازدید امروز : 156
  • باردید دیروز : 92
  • گوگل امروز : 0
  • گوگل دیروز : 0
  • بازدید هفته : 1,010
  • بازدید ماه : 1,133
  • بازدید سال : 30,255
  • بازدید کلی : 53,548
  • آپدیت ورژن webBrowser


    در این مطلب از سایت میرممد براتون تکه کد آپدیت ورژن webBrowser رو میذارم.

    کد :

    private void Form1_Load(object sender, EventArgs e)
            {
                var appName = Process.GetCurrentProcess().ProcessName + ".exe";
                SetIE8KeyforWebBrowserControl(appName);
            }
            private void SetIE8KeyforWebBrowserControl(string appName)
            {
                RegistryKey Regkey = null;
                try
                {
                    // For 64 bit machine
                    if (Environment.Is64BitOperatingSystem)
                        Regkey = Microsoft.Win32.Registry.LocalMachine.OpenSubKey(@"SOFTWARE\Wow6432Node\Microsoft\Internet Explorer\MAIN\FeatureControl\FEATURE_BROWSER_EMULATION", true);
                    else  //For 32 bit machine
                        Regkey = Microsoft.Win32.Registry.LocalMachine.OpenSubKey(@"SOFTWARE\Microsoft\Internet Explorer\Main\FeatureControl\FEATURE_BROWSER_EMULATION", true);

                    // If the path is not correct or
                    // if the user haven't priviledges to access the registry
                    if (Regkey == null)
                    {
                        MessageBox.Show("Application Settings Failed - Address Not found");
                        return;
                    }

                    string FindAppkey = Convert.ToString(Regkey.GetValue(appName));

                    // Check if key is already present
                    if (FindAppkey == "8000")
                    {
                        MessageBox.Show("Required Application Settings Present");
                        Regkey.Close();
                        return;
                    }

                    // If a key is not present add the key, Key value 8000 (decimal)
                    if (string.IsNullOrEmpty(FindAppkey))
                        Regkey.SetValue(appName, unchecked((int)0x1F40), RegistryValueKind.DWord);

                    // Check for the key after adding
                    FindAppkey = Convert.ToString(Regkey.GetValue(appName));

                    if (FindAppkey == "8000")
                        MessageBox.Show("Application Settings Applied Successfully");
                    else
                        MessageBox.Show("Application Settings Failed, Ref: " + FindAppkey);
                }
                catch (Exception ex)
                {
                    MessageBox.Show("Application Settings Failed");
                    MessageBox.Show(ex.Message);
                }
                finally
                {
                    // Close the Registry
                    if (Regkey != null)
                        Regkey.Close();
                }
            }

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

     

    ادامه مطلب
    بازدید : 9 دوشنبه 11 آذر 1398 : 17:26 نظرات ()

    جلوگیری از sql injection در ASP MVC


    در این مطلب از سایت میرممد براتون تکه کد جلوگیری از sql injection در ASP MVC رو میذارم.

    کد :

    private string UntiInject(string st)
            {
                st = st.Trim().Replace("DROP", "").Replace("comment", "").Replace("|", "").Replace("&", "").Replace("%", "").Replace("+", "").Replace(""", "").Replace("'", "").Replace("null", "").Replace("true", "").Replace("false", "").Replace("SUBSTRING", "").Replace("SELECT", "").Replace("FROM", "").Replace("ELSE", "").Replace("END", "")
                    .Replace("CASE", "").Replace("WHEN", "").Replace("QUERY", "").Replace("DELAY", "").Replace("WAITFOR", "").Replace("IF", "").Replace("exec", "").Replace("master", "").Replace("declare", "").Replace(";", "").Replace("/*", "").Replace("*/", "").Replace("/", "").Replace("=", "").Replace("!", "").Replace("COLLATE", "")
                    .Replace("0x", "").Replace("NOT", "").Replace("IN", "").Replace("EXISTS", "");
                return st;
            }

    روش استفاده :

    public ActionResult Index(string UserName)
            {
                UserName = UntiInject(UserName);
                return View();
            }

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

    ادامه مطلب
    بازدید : 41 پنجشنبه 09 آبان 1398 : 14:47 نظرات ()

    تبدیل عدد به عدد کاما دار برای نمایش قیمت در سایت


    در این مطلب از سایت میرممد براتون تکه کد تبدیل عدد به عدد کاما دار برای نمایش قیمت در سایت رو میذارم.

    این کد باید بعد از کتابخانه jquery نوشته شود. کد:

    $(".priceCama").each(function (u, elem) {
                elem.innerText=elem.innerText.replace(/B(?=(d{3})+(?!d))/g, ",");
            })

    روش استفاده : فقط کافیه عدد رو داخل span با کلاس priceCama قرار بدید مثل کد زیر :

    <span class="priceCama">100000</span> 

    100,000 خروجی

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

    ادامه مطلب
    بازدید : 40 یکشنبه 05 آبان 1398 : 16:2 نظرات ()

    تکه کد پیدا کردن تعداد کلمات در متن


    در این مطلب از سایت میرممد براتون تکه کد پیدا کردن تعداد کلمات در متن رو میذارم.

    کد :

    sting text = متن شما ;

    char[] delimiters = new char[] {' ', 'r', 'n' };
    int words = text.Split(delimiters,StringSplitOptions.RemoveEmptyEntries).Length;

    ادامه مطلب
    بازدید : 59 چهارشنبه 20 شهريور 1398 : 12:32 نظرات ()

    اجرای زمانبندی شده یک کلاس در asp.net mvc


    در این مطلب از سایت میرممد براتون آموزش اجرای زمانبندی شده یک کلاس در asp.net mvc رو میذارم .در واقع این کلاس هر 60 ثانیه فرآخوانی میشه.

    برای این کار نیاز هست پکیجی با اسم Quartz رو از طریق ناگت نصب کنید.

    بعد از نصب پکیج نیاز هست دو کلاس زیر رو در هرجایی از پروژه که دوست دارید ایجاد کنید:

    ایجاد کلاس Jobclass.cs :

    using Quartz;

    namespace اسم پروژه شما
    {
        public class Jobclass : IJob
        {
            public void Execute(IJobExecutionContext context)
            {
                کد مد نظر شما
            }
        }
    }

    ایجاد کلاس JobScheduler.cs :


    using Quartz;
    using Quartz.Impl;

    namespace اسم پروژه شما
    {
        public class JobScheduler
        {
            public static void Start()
            {
                IScheduler scheduler = StdSchedulerFactory.GetDefaultScheduler();
                scheduler.Start();

                IJobDetail job = JobBuilder.Create<Jobclass>().Build();

                ITrigger trigger = TriggerBuilder.Create()
                .WithIdentity("trigger1", "group1")
                .StartNow()
                .WithSimpleSchedule(x => x
                .WithIntervalInSeconds(60)      فاصله زمانی را 60 ثانیه تنظیم کردم
                .RepeatForever())
                .Build();

                scheduler.ScheduleJob(job, trigger);
            }
        }
    }

    بعد از ایجاد این دو کلاس فقط کافی هست در Global.asax یک خط کد زیر رو به Application_Start اضافه کنید :

    JobScheduler.Start();

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

     

    ادامه مطلب
    بازدید : 78 جمعه 15 شهريور 1398 : 11:51 نظرات ()

    تبدیل ثانیه به فرمت دقیقه : ثانیه


    سلام

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

    این هم کد تبدیلش :

    int totalSeconds = 222;   ثانیه کل
    int seconds = totalSeconds % 60;      باقیمانده تقسیم ثانیه به عدد 60
    int minutes = totalSeconds / 60;         محاسبه دقیقه
    string time = minutes + ":" + seconds;

    ادامه مطلب
    بازدید : 73 جمعه 07 تير 1398 : 15:19 نظرات ()

    طراحی و پیاده سازی وبسایت کلینیک قو سپید


    طراحی و پیاده سازی وبسایت کلینیک قو سپید

    در این پروژه از bootstrap 4 و همچنین css3 و html5 استفاده شده است و قالبی کاملا رسپانسیو دارد.در نهایت سئو داخلی سایت رو انجام دادم که امتیاز 94 از 100 رو از طرف گوگل گرفته و میتونید مابقی امتیاز های این کار رو در عکس زیر ببینید :

    http://rozup.ir/view/2780484/Screenshot_2019-02-27%20GTmetrix%20Performance%20Report%20A%20(94%)%20B%20(89%).png

    این هم نمونه اسکرین شات از پروژه :

    http://rozup.ir/view/2780483/Screenshot_2019-02-27%20%DA%A9%D9%84%DB%8C%D9%86%DB%8C%DA%A9%20%D9%82%D9%88%20%D8%B3%D9%BE%DB%8C%D8%AF.jpg     http://rozup.ir/view/2780482/Screenshot_2019-02-27%20%D8%A2%DB%8C%D8%A7%20%D8%A8%D9%88%D8%AA%D8%A7%DA%A9%D8%B3%20%D8%AF%D8%B1%20%D8%AF%D8%B1%D9%85%D8%A7%D9%86%20%D8%B3%D8%B1%D8%AF%D8%B1%D8%AF%D9%87%D8%A7%DB%8C%20%D9%85%DB%8C%DA%AF%D8%B1%D9%86%DB%8C%20%DA%A9%D8%A7%D8%B1%D8%A8%D8%B1%D8%AF%DB%8C%20%D8%A7%D8%B3%D8%AA%D8%9F.png

    برای بزرگ شدن عکس روی آن کلیک کنید.

    اینم آدرس سایت www.ghooyesepidclinic.ir

    ادامه مطلب
    بازدید : 106 چهارشنبه 08 اسفند 1397 : 14:36 نظرات ()

    طراحی و پیاده سازی وبسایت ISCRC.IR


    طراحی و پیاده سازی وبسایت مرکز پژوهش های فرهنگی و مطالعات اسلامی بنیان مرصوص ISCRC.IR

    این سایت رو با ورپرس پیاده سازی کردم که میتونید اسکرین شات هایی از کار ببینید:

    http://rozup.ir/view/2780456/Screenshot_2019-02-27%20%D9%85%D8%B1%DA%A9%D8%B2%20%D9%BE%DA%98%D9%88%D9%87%D8%B4%20%D9%87%D8%A7%DB%8C%20%D9%81%D8%B1%D9%87%D9%86%DA%AF%DB%8C%20%D9%88%20%D9%85%D8%B7%D8%A7%D9%84%D8%B9%D8%A7%D8%AA%20%D8%A7%D8%B3%D9%84%D8%A7%D9%85%DB%8C%20%D8%A8%D9%86%DB%8C%D8%A7%D9%86%20%D9%85%D8%B1%D8%B5%D9%88%D8%B5.png  http://rozup.ir/view/2780455/Screenshot_2019-02-27%20%D9%85%D8%AF%DB%8C%D8%B1%20%DA%AF%D8%B1%D9%88%D9%87%20%D9%85%D8%B7%D8%A7%D9%84%D8%B9%D8%A7%D8%AA%20%D8%AD%DA%A9%D9%85%D8%AA%20%D9%88%20%D9%81%D9%84%D8%B3%D9%81%D9%87(%D9%85%D8%AF%DB%8C%D8%B1%20%D9%85%D8%B1%DA%A9%D8%B2)%20%E2%80%93%20%D9%85%D8%B1%DA%A9%D8%B2%20%D9%BE%DA%98%D9%88%D9%87%D8%B4%20%D9%87%D8%A7%DB%8C%20%D9%81%D8%B1%D9%87%D9%86%DA%AF%DB%8C%20%D9%88%20%D9%85%D8%B7%D8%A7%D9%84%D8%B9%D8%A7%D8%AA%20%D8%A7%D8%B3%D9%84%D8%A7%D9%85%DB%8C%20%D8%A8%D9%86%DB%8C%D8%A7%D9%86%20%D9%85%D8%B1%D8%B5%D9%88%D8%B5.png  http://rozup.ir/view/2780454/Screenshot_2019-02-27%20%D8%A7%D8%AE%D8%A8%D8%A7%D8%B1%20%E2%80%93%20%D9%85%D8%B1%DA%A9%D8%B2%20%D9%BE%DA%98%D9%88%D9%87%D8%B4%20%D9%87%D8%A7%DB%8C%20%D9%81%D8%B1%D9%87%D9%86%DA%AF%DB%8C%20%D9%88%20%D9%85%D8%B7%D8%A7%D9%84%D8%B9%D8%A7%D8%AA%20%D8%A7%D8%B3%D9%84%D8%A7%D9%85%DB%8C%20%D8%A8%D9%86%DB%8C%D8%A7%D9%86%20%D9%85%D8%B1%D8%B5%D9%88%D8%B5.png 

    برای بزرگ شدن عکس روی آن کلیک کنید.

    اینم آدرس سایت ISCRC.IR

    ادامه مطلب
    بازدید : 110 چهارشنبه 08 اسفند 1397 : 14:19 نظرات ()

    آموزش مخفی کردن اسکرول بار همراه با کد


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

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

    .scroll-example {
        overflow: auto;
        scrollbar-width: none; /* Firefox */
        -ms-overflow-style: none; /* IE 10+ */
    }

    .scroll-example::-webkit-scrollbar {
            width: 0px;
            background: transparent; /* Chrome/Safari/Webkit */
        }

    برای مخفی کردن اسکرول از یک دایو خاص کلاس scroll-example رو به دایو مد نظر بدید:

    <div class="scroll-example" >

    .....

    </div>

    ادامه مطلب
    بازدید : 186 پنجشنبه 18 بهمن 1397 : 18:46 نظرات ()

    آموزش لود اطلاعات با اسکرول کردن در ASP.net MVC


    در این مطلب از سايت ميرممد برای شما عزیزان لود شدن اطلاعات با اسکرول کردن توسط AJAX در ASP.net MVC همراه با نمونه کد رو توضیح میدم.

    توضیح کلی : اول باید یک تابع داشته باشیم که وقتی اسکرول کردیم و به آخر مرورگر رسیدیم به ما اطلاع بده.دوم باید در تابع فرآخوانی مطالب رو بنویسیم که با AJAX  اطلاعات رو بگیره.سوم باید اطلاعات گرفته شده رو در صفحه قرار بده.

    ادامه مطلب
    بازدید : 211 شنبه 13 بهمن 1397 : 14:31 نظرات ()

    آموزش سئو | عملکرد موتورهای جستجو


    در این مطلب از سايت ميرممد برای شما عزیزان عملکرد موتورهای جستجو رو توضیح میدم.

    موتورهای جستجو دارای دو عملکرد عمده هستند: خزیدن (crawling) و ساختن یک فهرست (building an index)، و فراهم کردن لیست رتبه بندی شده ی وب سایت ها برای کاربرانی که جستجو میکنن.

    1- خزیدن و تولید لیست (Crawling and Indexing)

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

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


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

    لینک ها اجازه می دهد تا ربات های خودکار موتورهای جستجو، به نام "خزنده ها" و یا "عنکبوت ها"،به میلیاردها اسناد متصل در وب برسند.

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

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

    2- ساختن یک فهرست (building an index)

    پاسخ دادن به پرس و جوهای کاربر، لیستی از صفحات مربوط به جستجوی کاربر بر اساس رتبه بندی.

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

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

    این دو ارتباط و محبوبیت است که در روند جستجوگرها مورد توجه است و به سئو معنا میدهد.

    موتورهای جستجو چگونه ارتباط و محبوبیت را تعیین می کنند؟

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


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

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

    این الگوریتم ها اغلب شامل صدها متغیر هستند. در زمینه سئو ، ما به آنها "عوامل رتبه بندی" می گوییم.

    ادامه مطلب
    بازدید : 110 سه شنبه 09 بهمن 1397 : 14:2 نظرات ()

    تکه کد گرفتن اطلاعات رندم از دیتابیس در asp.net MVC


    در این مطلب از سايت ميرممد برای شما عزیزان تکه کد گرفتن اطلاعات رندم از دیتابیس در asp.net MVC رو قرار میدم.

    ViewBag.randvideo = (from p in db.Videos orderby Guid.NewGuid() select p).Take(5).ToList();

    من در نمونه کد بالا لیست 5 ویدئو را از جدول Video به صورت رندم از دیتابیس گرفتم و در یک ViewBag قرار دادم.بخش کلیدی که دیتا رو برای ما رندم میکنه بخش زیر هست

    orderby Guid.NewGuid()

    این هم یک نمونه ActionResult در asp.net MVC که یک لیست رندم از کتاب ها رو برای ما برمیگردونه :

    public ActionResult Book()
            {
                return View((from Book in db.Books orderby Guid.NewGuid() select Book.ToList());
            }

    ادامه مطلب
    بازدید : 122 جمعه 05 بهمن 1397 : 0:43 نظرات ()

    آموزش DocType در HTML 5


    در اين مطلب از سايت ميرممد با  DocType در HTML 5 آشنا خواهيم شد.

    در نسخه هاي قبلي HTML تعريف DocType به صورت زير بود :

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">‎
    ‎<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" ‎‎"HTTP>
    /www.w3.org/TR/html4/loose.dtd">‎
    ‎<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" ‎‎"HTTP>
    /www.w3.org/TR/html4/frameset.dtd">‎
    ‎<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" ‎‎"HTTP>
    /www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">‎
    ‎<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ‎‎"HTTP>
    /www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">‎

    ولي در HTML 5 به سادگي كد زير DocType تعريف ميشه :

    <!DOCTYPE html>

    يك نمونه كد HTML 5 همراه با تعريف DocType :

    <!DOCTYPE html>‎
    <html>‎
    <head> ‎
                        <title>HTML5 DocType </title> ‎
    </head>‎
    <body>
       ‎  <h1>HTML5 DocType </h1>   ‎
    </body>‎
    </html>‎

    ادامه مطلب
    بازدید : 167 یکشنبه 06 آبان 1397 : 7:52 نظرات ()

    صفحه بندی در Bootstrap 4


    در اين مطلب از سايت ميرممد با صفحه بندی در بوتسترپ نسخه چهار كار خواهيم كرد.نمونه کد pagination در بوتسترپ 4 :

    <ul class="pagination">
      <li class="page-item"><a class="page-link" href="#">Previous</a></li>
      <li class="page-item"><a class="page-link" href="#">1</a></li>
      <li class="page-item"><a class="page-link" href="#">2</a></li>
      <li class="page-item"><a class="page-link" href="#">3</a></li>
      <li class="page-item"><a class="page-link" href="#">Next</a></li>
    </ul>

    خروجی کد بالا :

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

    ادامه مطلب
    بازدید : 456 پنجشنبه 03 آبان 1397 : 12:17 نظرات ()

    آموزش کار با Alerts در Bootstrap 4


    در اين مطلب از سايت ميرممد با Alerts در بوتسترپ نسخه چهار كار خواهيم كرد.كلاس Alerts وقتي به يك div داده ميشه ، یک پیغام زیبا به کاربر نشون داده میشه.تکه کد استفاده از Alerts در بوتسترپ چهار :

    <div class="alert alert-success">
      به سایت میر ممد خوش آمدید
    </div>

    خروجی کد بالا :

    به سایت میر ممد خوش آمدید
    ادامه مطلب
    بازدید : 662 دوشنبه 23 مهر 1397 : 21:53 نظرات ()

    آموزش کار با Jumbotron در Bootstrap 4


    در اين مطلب از سايت ميرممد با Jumbotron در بوتسترپ نسخه چهار كار خواهيم كرد.در واقع كلاس Jumbotron وقتي به يك div داده ميشه، يك حاشيه ي داخلي و يك بكگراند به اون div داده ميشه.تكه كد استفاده از كلاس Jumbotron در بوتسترپ 4 :

    <div class="jumbotron">
      <p>آموزش طراحي سايت در سايت ميرممد</p>
    </div>

    خروجي كد بالا :

    آموزش طراحي سايت در سايت ميرممد

    ادامه مطلب
    بازدید : 821 دوشنبه 23 مهر 1397 : 9:24 نظرات ()

    آموزش کار با جداول در Bootstrap 4


    در اين مطلب از سايت ميرممد با كلاس هاي جدول در Bootstrap 4 كار ميكنيم و يك سري تكه كد مربوط به جداول در بوتسترپ نسخه چهار رو براتون قرار ميدم.

    شما فقط کافیه کلاس Table رو به تگ جدولتون بدید مثل کد زیر :

    <table class="table">
        <thead>
          <tr>
            <th>Firstname</th>
            <th>Lastname</th>
            <th>Email</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>John</td>
            <td>Doe</td>
            <td>john@example.com</td>
          </tr>
          <tr>
            <td>Mary</td>
            <td>Moe</td>
            <td>mary@example.com</td>
          </tr>
          <tr>
            <td>July</td>
            <td>Dooley</td>
            <td>july@example.com</td>
          </tr>
        </tbody>
      </table>

    خروجی کد بالا :


    FirstnameLastnameEmail
    John Doe john@example.com
    Mary Moe mary@example.com
    July Dooley july@example.com

    همونطور که میبینید یک ظاهر زیبایی به جدول شما میده فقط با اضافه کردن کلاس table به جدولتون.

    ادامه مطلب
    بازدید : 841 شنبه 21 مهر 1397 : 16:57 نظرات ()

    آموزش استفاده از Tooltip در Bootstrap 4


    در اين مطلب از سايت ميرممد شما رو با كلاس Tooltip در بوتسترپ چهار آشنا ميكنم.وقتي كلاس Tooltip رو به يك المنت ميديم اگر موس رو روي آن المنت ببريم يك پاپ آپ مسيج كوچيك كنار المنت باز ميشه و ميتونيد پيام خودتونو توش به كاربر نشون بديد.يك نمونه دكمه ميذارم در پايين تا منظورمو خوب متوجه بشيد :

    دكمه تولتيپ دار

    همونطور كه ميبينيد وقتي روي دكمه بريد به شما پيغام نشون ميده كه بش ميگن تولتيپ.

     

    ادامه مطلب
    بازدید : 483 سه شنبه 17 مهر 1397 : 13:16 نظرات ()

    آموزش استفاده از تگ video در HTML5


    در اين مطلب از سايت ميرممد نحوه ي استفاده از تگ video در HTML5 رو براتون قرار ميدم.تگ video زماني استفاده ميشه كه بخواييم يك كليپ رو به صورت آنلاين در سايت قرار بديم.حتي زيرنويس هم ميشه به اين قابليت جديد در html 5 اضافه كرد.

    كد زير يك تكه كد از تگ video در اچ تي ام ال 5 هست كه در آن از دو كيفيت تصويري mp4 و  ogg استفاده شده و همچنين دوتا زيرنويس با زبان انگليسي و نروژي رو هم اضافه كرده :

    <video width="320" height="240" controls>
      <source src="klip.mp4" type="video/mp4">
      <source src="klip.ogg" type="video/ogg">
      <track src="subtitles.vtt" kind="subtitles" srclang="en" label="English">
      <track src="subtitles_no.vtt" kind="subtitles" srclang="no" label="Norwegian">
    </video>

    فقط كافيه در كد بالا لينك كليپ خودتونه به شكل زير اضافه كنيد :

      <source src="لينك ويدئو" type="فرمت ويدئو">

    در كد اولي كه قرار دادم از دوتا كد سورس استفاده كردم كه هر كدوم از سورس ها يك فرمت خاصي از همون كليپ هستش شما ميتونيد از چند فرمت با كيفيت هاي متفاوت براي كليپتون استفاده كنيد.

     

    ادامه مطلب
    بازدید : 625 دوشنبه 16 مهر 1397 : 10:46 نظرات ()

    آموزش كار با تصاوير در Bootstrap 4


    در اين مطلب از سايت ميرممد با كلاس هاي تصاوير در Bootstrap 4 كار ميكنيم و يك سري تكه كد مربوط به تصاوير در بوتسترپ نسخه چهار رو براتون قرار ميدم.

    كلاس Rounded در Bootstrap 4 :

    وقتي كلاس Rounded را به يك عكس ميديم گوشه هاي تصوير گرد ميشه بهتره با يك مثال منظورمو متوجه بشيد.اين نمونه كد كلاس Rounded در بوتسترپ چهار هستش كه به عكس خودم دادم :

    <img src="http://rozup.ir/view/2664254/f8e93a67-914b-4c10-be27-ef1929a35a5b%20-%20Copy.jpg" class="rounded" alt="سيد محمد ميرعالي" >

    نتيجه تكه كد بالا :

      سيد محمد ميرعالي

     همونطور كه ميبينيد گوشه هاي عكس من گرد شده فقط با دادن كلاس Rounded به عكس.

    ادامه مطلب
    بازدید : 441 یکشنبه 15 مهر 1397 : 7:37 نظرات ()