در اين مطلب از سايت ميرممد نحوه ي استفاده از تگ 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="فرمت ويدئو">

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

 


میرممد

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

كلاس Rounded در Bootstrap 4 :

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

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

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

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

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


میرممد

در اين مطلب از سايت ميرممد قصد دارم شما را با كلاس رنگ ها در Bootstrap 4 آشنا كنم.در نسخه ي چهارم بوتسترپ چندين رنگ به رنگ هاي نسخه سوم اضافه شده كه سعي ميكنم تمامي آنها را با مثال همراه با تكه كد براي شما دوستان قرار بدم.

رنگ هاي موجود در بوتسترپ 4 شامل رنگ ها در عكس زير ميباشد :

رنگ ها در Bootstrap 4

كلاس هاي رنگ متن در بوتسترپ چهار شامل موارد زير هستند :

.text-muted .text-primary .text-success .text-info .text-warning .text-danger .text-secondary .text-white .text-dark .text-light

كه كلاس رنگ text-body رنگ انتخاب شده ي پيش فرض در بوتسترپ چهار ميباشد.


میرممد

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

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

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

 


میرممد

در اين مطلب از سايت ميرممد نحوه ي استفاده از تگ 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="فرمت ويدئو">

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

 


میرممد

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

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

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

به سایت میر ممد خوش آمدید
میرممد

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

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

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

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


میرممد

در اين مطلب از سايت ميرممد با كلاس هاي جدول در 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 به جدولتون.


میرممد

در اين مطلب از سايت ميرممد با Button در بوتسترپ نسخه چهار كار خواهيم كرد.دکمه ها در بوتسترپ 4 شامل رنگ بندی های زیر میباشند :

<button type="button" class="btn">Basic</button>
<button type="button" class="btn btn-primary">Primary</button>
<button type="button" class="btn btn-secondary">Secondary</button>
<button type="button" class="btn btn-success">Success</button>
<button type="button" class="btn btn-info">Info</button>
<button type="button" class="btn btn-warning">Warning</button>
<button type="button" class="btn btn-danger">Danger</button>
<button type="button" class="btn btn-dark">Dark</button>
<button type="button" class="btn btn-light">Light</button>
<button type="button" class="btn btn-link">Link</button>

 

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

کلاس های دکمه ای که در بالا با رنگ سبز در کد مشخص شدند رو میتوان در المنت های a و Button و input به شکل زیر استفاده کرد :

<a href="#" class="btn btn-info" role="button">Link Button</a>
<button type="button" class="btn btn-info">Button</button>
<input type="button" class="btn btn-info" value="Input Button">
<input type="submit" class="btn btn-info" value="Submit Button">

 


میرممد

در اين مطلب از سايت ميرممد با Badge در بوتسترپ نسخه چهار كار خواهيم كرد.كلاس Badge براي اضافه كردن اطلاعات اضافي به يك المنت استفاده ميشه.مثلا در سايت در بخش نظرات،تعداد نظرات جديد رو ميشه با كلاس Badge بوتسترپ نشون بديم.خب يك نمونه كد از Badge در بوتسترپ نسخه چهار :

<h5>نظرات جديد <span class="badge badge-secondary">3</span></h5>
<h6>نظرات جديد <span class="badge badge-secondary">8</span></h6>
خروجي كد بالا :
نظرات جديد 3
نظرات جديد 8

میرممد

در اين مطلب از سايت ميرممد با Button Groups در بوتسترپ نسخه چهار كار خواهيم كرد.برای استفاده از گروه دکمه ها در بوتسترپ 4 کافیه در تگ div از کلاس btn-group استفاده کنیم و در آن دکمه های خودمونو قرار بدیم.تکه کد استفاده از Button Groups در Bootstrap 4 :

<div class="btn-group">
  <button type="button" class="btn btn-primary">دکمه یک</button>
  <button type="button" class="btn btn-primary">دکمه دو</button>
  <button type="button" class="btn btn-primary">دکمه سه</button>
</div>

 

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


میرممد

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

<div class="progress">
  <div class="progress-bar" style="width:70%">70%</div>
</div>

 

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

70%

براي تغيير اندازه درصد پيشرفت بايد مقدار width:70% را تغيير دهيم و براي تغيير متن درون Progress Bar بايد 70% را تغيير دهيم.Progress Bar داراي رنگ بندي هاي بوتسترپي نيز هست كه در ادامه توضيح ميدم.


میرممد

در اين مطلب از سايت ميرممد با صفحه بندی در بوتسترپ نسخه چهار كار خواهيم كرد.نمونه کد 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>

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

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


میرممد

در اين مطلب از سايت ميرممد با  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>‎


میرممد

در این مطلب از سايت ميرممد برای شما عزیزان تکه کد گرفتن اطلاعات رندم از دیتابیس در 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());
        }


میرممد

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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


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

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

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


میرممد

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

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


میرممد

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

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

.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>


میرممد

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

در این پروژه از 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


میرممد

طراحی و پیاده سازی وبسایت مرکز پژوهش های فرهنگی و مطالعات اسلامی بنیان مرصوص 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


میرممد

در این مطلب از سایت میرممد یک تکه کد آماده براتون میذارم که فشرده سازی Gzip رو برای شما روی ASP.net MVC انجام میده.

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

برای این کار کلاس زیر را با اسم Compress.cs در فولدر App_Start بسازید :

using System.IO.Compression;
using System.Web.Mvc;

public class CompressAttribute : ActionFilterAttribute
{
    public override void OnActionExecuting(ActionExecutingContext filterContext)
    {

        var encodingsAccepted = filterContext.HttpContext.Request.Headers["Accept-Encoding"];
        if (string.IsNullOrEmpty(encodingsAccepted)) return;

        encodingsAccepted = encodingsAccepted.ToLowerInvariant();
        var response = filterContext.HttpContext.Response;

        if (encodingsAccepted.Contains("deflate"))
        {
            response.AppendHeader("Content-encoding", "deflate");
            response.Filter = new DeflateStream(response.Filter, CompressionMode.Compress);
        }
        else if (encodingsAccepted.Contains("gzip"))
        {
            response.AppendHeader("Content-encoding", "gzip");
            response.Filter = new GZipStream(response.Filter, CompressionMode.Compress);
        }
    }
}

حالا کافیه که هر جا خواستید فشرده سازی صورت بگیره از اتریبیوت [Compress] بالای کنترلر یا یک اکشن استفاده کنید :

[Compress]

public ActionResult Books()
        {
            return View();
        }

امیدوارم مفید بوده باشه.


میرممد

سلام

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

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

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


میرممد

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

<script>
var video = document.querySelector('video');
var promise = video.play();

if (promise !== undefined) {
  promise.then(_ => {
    // Autoplay started!
  }).catch(error => {
    // Show something in the UI that the video is muted
    video.play();
  });
}
</script>

امیدوارم مفید بوده باشه.


میرممد

در این مطلب از سایت میرممد براتون آموزش اجرای زمانبندی شده یک کلاس در 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();

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

 


میرممد

در این مطلب از سایت میرممد براتون تکه کد پیام اختصاصی برای مقدار اشتباه input در HTML 5 رو میذارم.برای این کار از ویژگی oninvalid در اینپوت استفاده میکنیم.

کد :

<input type="text" placeholder="min 4" oninvalid="this.setCustomValidity('باید مقدار بالای 4 حرف وارد کنید')" pattern=".{4,}">

در کد بالا اگر مقدار کمتر از 4 حرف وارد شود ارور شما را نمایش میدهد.

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


میرممد

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

این کد باید بعد از کتابخانه 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 خروجی

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


میرممد

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

public static string RemoveTroublesomeCharacters(string inString)
        {
            if (inString == null) return null;
            StringBuilder newString = new StringBuilder();
            char ch;
            for (int i = 0; i < inString.Length; i++)
            {
                ch = inString[i];
                if (XmlConvert.IsXmlChar(ch)) //this method is new in .NET 4
                {
                    newString.Append(ch);
                }
            }
            return newString.ToString();
        }

مثالی از روش استفاده در ASP :

new XElement("title", RemoveTroublesomeCharacters(@item.title))

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


میرممد

طراحی و پیاده سازی وبسایت هوشمند خبری میرنیوز

یک وبسایت فول اتوماتیک خبری با asp mvc که آخرین اخبار ایران و جهان را در لحظه جمع آوری میکنه و در دسته بندی های مشخص شده همراه با سئو ارسال میکنه.

http://rozup.ir/view/3045987/Screenshot_2019-12-28 میرنیوز جستجوگر هوشمند خبری Mir News Agency.png http://rozup.ir/view/3045986/Screenshot_2019-12-28 آخرین اخبار ورزشی میرنیوز.jpg http://rozup.ir/view/3045985/Screenshot_2019-12-28 میرنیوز جستجوگر هوشمند خبری قدوس بزرگترین شکست زندگیم را تجربه کردم منتظر شگفتی‌سازیم در سال 2020 باشید.jpg

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

www.mirnews.ir


میرممد

طراحی و پیاده سازی وبسایت ویدجین

یک وبسایت فول اتوماتیک با asp mvc که آخرین کلیپ های فضای مجازی را جمع آوری میکنه و در دسته بندی های مشخص شده همراه با سئو ارسال میکنه.

http://rozup.ir/view/3045982/Screenshot_2019-12-28 ویدجین موتور جستجوگر ویدئو.png  http://rozup.ir/view/3045981/Screenshot_2019-12-28 سکانس معروف متری شیش و نیم.png http://rozup.ir/view/3045980/Screenshot_2019-12-28 کلیپ عاشقانه - ویدجین.png

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

www.vidgine.ir


میرممد

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

یک وبسایت فول اتوماتیک با asp mvc که آخرین کلیپ های فضای مجازی را جمع آوری میکنه و در دسته بندی های مشخص شده همراه با سئو ارسال میکنه.

http://rozup.ir/view/3045977/Screenshot_2019-12-28 ویدیاب موتور جستجوگر ویدئو.png  http://rozup.ir/view/3045976/Screenshot_2019-12-28 تکنیک های ادن هازارد در رئال مادرید.png  http://rozup.ir/view/3045975/Screenshot_2019-12-28 خلاصه بازی - ویدیاب.png

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

www.vidyab.ir


میرممد

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

یک وبسایت فول اتوماتیک با asp mvc که آخرین کلیپ های فضای مجازی را جمع آوری میکنه و در دسته بندی های مشخص شده همراه با سئو ارسال میکنه.


http://rozup.ir/view/3045973/Screenshot_2019-12-28 نکس وان کلیپ موتور جستجوگر ویدئو.png  http://rozup.ir/view/3045972/Screenshot_2019-12-28 علم تا کجا رفته.png  http://rozup.ir/view/3045971/Screenshot_2019-12-28 آموزش - نکس وان کلیپ.png

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

www.nex1clip.ir


میرممد

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

یک وبسایت فول اتوماتیک با asp mvc که آخرین کلیپ های فضای مجازی را جمع آوری میکنه و در دسته بندی های مشخص شده همراه با سئو ارسال میکنه.

http://rozup.ir/view/3045962/Screenshot_2019-12-28 پیسی اسکولز موتور جستجوگر ویدئو.jpg  http://rozup.ir/view/3045963/Screenshot_2019-12-28 پیسی اسکولز موتور جستجوگر ویدئو.png  http://rozup.ir/view/3045964/Screenshot_2019-12-28 سریال - پیسی اسکولز.jpg http://rozup.ir/view/3045965/Screenshot_2019-12-28 میکس اسنوپی پیشی ناز من.png

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

www.pcschools.ir


میرممد
Spotify تصدیق می کند که همه موسیقی به طور برابر ایجاد نمی شوند و شنوندگان ممکن است بخواهند نحوه موسیقی و پادکست های خود را تنظیم کنند. در iOS ، Spotify کنترل زیادی بر کیفیت موسیقی ارائه می دهد. در Android ، گزینه ها محدودتر هستند ، اما اگر می دانید کجا جستجو کنید ، هنوز وجود دارند. حتی اگر اکولایزر Spotify در Android در دسترس نباشد ، Spotify می تواند مستقیماً به دستگاه اکولایزر در دستگاه Android خود ضربه بزنید.
میرممد

 اگر تلفن Android داشته باشید ، Google به طور خودکار مخاطبین ، داده های برنامه ، سابقه تماس و موارد دیگر را در Google Drive پشتیبان گیری می کند. این به طور پیش فرض روشن است. وقتی در تلفن جدید خود وارد حساب Google خود می شوید ، باید داده های شما را بطور خودکار همگام کند. اما اگر می خواهید مخاطبین خود را به صورت دستی همگام سازی کرده یا آنها را در یک پرونده جداگانه صادر کنید ، سپس آنها را در Google خود بارگذاری کنید ، در اینجا چگونگی ارائه شده است.


میرممد

در این مطلب از سایت میرممد براتون تکه کد lazy loading برای تصاویر وب شما رو میذارم.لود تنبل تصاویر وبسایت باعث میشه سایت شما سرعت لود بیشتری داشته باشه.

کد و جای استفاده در قالب قبل از تگ بسته body :


<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/lazyload@2.0.0-rc.2/lazyload.js"></script>
<script>
$("img").lazyload();
</script>

</body></html>

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


میرممد

در این مطلب از سایت میرممد براتون تکه کد آپدیت ورژن 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();
            }
        }

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

 


میرممد

در این مطلب از سایت میرممد براتون تکه کد حذف رکورد های تکراری در sql رو میذارم.

کد :

WITH dublicate AS (
    SELECT
        title,
        ROW_NUMBER() OVER (
            PARTITION BY
                title
            ORDER BY
                title
        ) row_num
     FROM
        TableName
)
delete FROM dublicate
WHERE row_num > 1; 

در مثال بالا اگر در جدول TableName ردیفی title تکراری داشته باشه حتی اگر 10 بار title تکرار شده باشه در 10 ردیف،فقط یکی از ردیف ها باقی میمونه.امیدوارم کاربردی باشه براتون.اگر سوالی بود از بخش نظرات بپرسید.

 


میرممد

در این مطلب از سایت میرممد براتون تکه کد حذف رکورد های تکراری در sql رو میذارم.

کد :

WITH dublicate AS (
    SELECT
        title,
        ROW_NUMBER() OVER (
            PARTITION BY
                title
            ORDER BY
                title
        ) row_num
     FROM
        TableName
)
delete FROM dublicate
WHERE row_num > 1; 

در مثال بالا اگر در جدول TableName ردیفی title تکراری داشته باشه حتی اگر 10 بار title تکرار شده باشه در 10 ردیف،فقط یکی از ردیف ها باقی میمونه.امیدوارم کاربردی باشه براتون.اگر سوالی بود از بخش نظرات بپرسید.

 


میرممد

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

public static string RemoveTroublesomeCharacters(string inString)
        {
            if (inString == null) return null;
            StringBuilder newString = new StringBuilder();
            char ch;
            for (int i = 0; i < inString.Length; i++)
            {
                ch = inString[i];
                if (XmlConvert.IsXmlChar(ch)) //this method is new in .NET 4
                {
                    newString.Append(ch);
                }
            }
            return newString.ToString();
        }

مثالی از روش استفاده در ASP :

new XElement("title", RemoveTroublesomeCharacters(@item.title))

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


میرممد

طراحی و پیاده سازی وبسایت هوشمند خبری میرنیوز

یک وبسایت فول اتوماتیک خبری با asp mvc که آخرین اخبار ایران و جهان را در لحظه جمع آوری میکنه و در دسته بندی های مشخص شده همراه با سئو ارسال میکنه.

http://rozup.ir/view/3045987/Screenshot_2019-12-28 میرنیوز جستجوگر هوشمند خبری Mir News Agency.png http://rozup.ir/view/3045986/Screenshot_2019-12-28 آخرین اخبار ورزشی میرنیوز.jpg http://rozup.ir/view/3045985/Screenshot_2019-12-28 میرنیوز جستجوگر هوشمند خبری قدوس بزرگترین شکست زندگیم را تجربه کردم منتظر شگفتی‌سازیم در سال 2020 باشید.jpg

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

www.mirnews.ir


میرممد

طراحی و پیاده سازی وبسایت ویدجین

یک وبسایت فول اتوماتیک با asp mvc که آخرین کلیپ های فضای مجازی را جمع آوری میکنه و در دسته بندی های مشخص شده همراه با سئو ارسال میکنه.

http://rozup.ir/view/3045982/Screenshot_2019-12-28 ویدجین موتور جستجوگر ویدئو.png  http://rozup.ir/view/3045981/Screenshot_2019-12-28 سکانس معروف متری شیش و نیم.png http://rozup.ir/view/3045980/Screenshot_2019-12-28 کلیپ عاشقانه - ویدجین.png

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

www.vidgine.ir


میرممد

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

یک وبسایت فول اتوماتیک با asp mvc که آخرین کلیپ های فضای مجازی را جمع آوری میکنه و در دسته بندی های مشخص شده همراه با سئو ارسال میکنه.

http://rozup.ir/view/3045977/Screenshot_2019-12-28 ویدیاب موتور جستجوگر ویدئو.png  http://rozup.ir/view/3045976/Screenshot_2019-12-28 تکنیک های ادن هازارد در رئال مادرید.png  http://rozup.ir/view/3045975/Screenshot_2019-12-28 خلاصه بازی - ویدیاب.png

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

www.vidyab.ir


میرممد

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

یک وبسایت فول اتوماتیک با asp mvc که آخرین کلیپ های فضای مجازی را جمع آوری میکنه و در دسته بندی های مشخص شده همراه با سئو ارسال میکنه.


http://rozup.ir/view/3045973/Screenshot_2019-12-28 نکس وان کلیپ موتور جستجوگر ویدئو.png  http://rozup.ir/view/3045972/Screenshot_2019-12-28 علم تا کجا رفته.png  http://rozup.ir/view/3045971/Screenshot_2019-12-28 آموزش - نکس وان کلیپ.png

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

www.nex1clip.ir


میرممد

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

یک وبسایت فول اتوماتیک با asp mvc که آخرین کلیپ های فضای مجازی را جمع آوری میکنه و در دسته بندی های مشخص شده همراه با سئو ارسال میکنه.

http://rozup.ir/view/3045962/Screenshot_2019-12-28 پیسی اسکولز موتور جستجوگر ویدئو.jpg  http://rozup.ir/view/3045963/Screenshot_2019-12-28 پیسی اسکولز موتور جستجوگر ویدئو.png  http://rozup.ir/view/3045964/Screenshot_2019-12-28 سریال - پیسی اسکولز.jpg http://rozup.ir/view/3045965/Screenshot_2019-12-28 میکس اسنوپی پیشی ناز من.png

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

www.pcschools.ir


میرممد
Spotify تصدیق می کند که همه موسیقی به طور برابر ایجاد نمی شوند و شنوندگان ممکن است بخواهند نحوه موسیقی و پادکست های خود را تنظیم کنند. در iOS ، Spotify کنترل زیادی بر کیفیت موسیقی ارائه می دهد. در Android ، گزینه ها محدودتر هستند ، اما اگر می دانید کجا جستجو کنید ، هنوز وجود دارند. حتی اگر اکولایزر Spotify در Android در دسترس نباشد ، Spotify می تواند مستقیماً به دستگاه اکولایزر در دستگاه Android خود ضربه بزنید.
میرممد

 اگر تلفن Android داشته باشید ، Google به طور خودکار مخاطبین ، داده های برنامه ، سابقه تماس و موارد دیگر را در Google Drive پشتیبان گیری می کند. این به طور پیش فرض روشن است. وقتی در تلفن جدید خود وارد حساب Google خود می شوید ، باید داده های شما را بطور خودکار همگام کند. اما اگر می خواهید مخاطبین خود را به صورت دستی همگام سازی کرده یا آنها را در یک پرونده جداگانه صادر کنید ، سپس آنها را در Google خود بارگذاری کنید ، در اینجا چگونگی ارائه شده است.


میرممد

در این مطلب از سایت میرممد براتون تکه کد lazy loading برای تصاویر وب شما رو میذارم.لود تنبل تصاویر وبسایت باعث میشه سایت شما سرعت لود بیشتری داشته باشه.

کد و جای استفاده در قالب قبل از تگ بسته body :


<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/lazyload@2.0.0-rc.2/lazyload.js"></script>
<script>
$("img").lazyload();
</script>

</body></html>

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


میرممد

تبلیغات

آخرین مطالب این وبلاگ

آخرین ارسال ها

آخرین جستجو ها

خانواده برتر دفتر پیشخوان دولت برکه ی نیلو عاشقانه گرافینا:مرجع رایگان گرافیک و کدو ابزار یاوران ولایت بی نظیر گرافیک | عکس نوشته اسم خار بسیار