ترفند html – اسکریپت دات کام https://www.xn--mgbguh09aqiwi.com اسکریپت دات کام Thu, 03 Aug 2017 19:23:45 +0000 fa-IR hourly 1 https://wordpress.org/?v=5.6.14 استفاده از لینک های ویژه تماس و ارسال SMS مستقیم در موبایل ( ترفند HTML ) https://www.xn--mgbguh09aqiwi.com/%d8%a7%d8%b3%d8%aa%d9%81%d8%a7%d8%af%d9%87-%d8%a7%d8%b2-%d9%84%db%8c%d9%86%da%a9-%d9%87%d8%a7%db%8c-%d9%88%db%8c%da%98%d9%87-%d8%aa%d9%85%d8%a7%d8%b3-%d9%88-%d8%a7%d8%b1%d8%b3%d8%a7%d9%84-sms.html https://www.xn--mgbguh09aqiwi.com/%d8%a7%d8%b3%d8%aa%d9%81%d8%a7%d8%af%d9%87-%d8%a7%d8%b2-%d9%84%db%8c%d9%86%da%a9-%d9%87%d8%a7%db%8c-%d9%88%db%8c%da%98%d9%87-%d8%aa%d9%85%d8%a7%d8%b3-%d9%88-%d8%a7%d8%b1%d8%b3%d8%a7%d9%84-sms.html#comments Thu, 03 Aug 2017 19:16:59 +0000 http://www.xn--mgbguh09aqiwi.com/?p=29989 ترفندی بسیار جالب , فوق العاده کاربردی و نیاز بسیاری از وب مستران

یکی از جالبترین امکاناتی که چند وقتیه به Html اضافه شده و اکثرا مورد استفاده در موبایل ها و یا تبلت ها را دارد , امکان لینک کردن شماره تماس و اس ام اس می باشد .

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

استفاده از لینک های ویژه تماس و SMS مستقیم در موبایل ( ترفند HTML )

و اما آموزش :

1 – جهت لینک کردن شماره تلفن به Dial موبایل کاربر از روش زیر استفاده نمایید :

<a href="tel:09127223650">09127223650</a>

2 – جهت لینک کردن شماره تلفن به قسمت ارسال sms موبایل کاربر از روش زیر استفاده نمایید :

<a href="sms:09127223650">ارسال پیامک</a>

توجه : کافیست در کد های بالا به جای 09127223650 , شماره تماس خود را وارد نمایید .

پخش اختصاصی

گرداوری و آموزش : وحید مجیدی

]]> https://www.xn--mgbguh09aqiwi.com/%d8%a7%d8%b3%d8%aa%d9%81%d8%a7%d8%af%d9%87-%d8%a7%d8%b2-%d9%84%db%8c%d9%86%da%a9-%d9%87%d8%a7%db%8c-%d9%88%db%8c%da%98%d9%87-%d8%aa%d9%85%d8%a7%d8%b3-%d9%88-%d8%a7%d8%b1%d8%b3%d8%a7%d9%84-sms.html/feed 2 ترفند قرار دادن تصاویر SVG در وب سایت ( پشتیبانی همه مرورگرها ) https://www.xn--mgbguh09aqiwi.com/%d8%aa%d8%b1%d9%81%d9%86%d8%af-%d9%82%d8%b1%d8%a7%d8%b1-%d8%af%d8%a7%d8%af%d9%86-%d8%aa%d8%b5%d8%a7%d9%88%db%8c%d8%b1-svg-%d8%af%d8%b1-%d9%88%d8%a8-%d8%b3%d8%a7%db%8c%d8%aa.html https://www.xn--mgbguh09aqiwi.com/%d8%aa%d8%b1%d9%81%d9%86%d8%af-%d9%82%d8%b1%d8%a7%d8%b1-%d8%af%d8%a7%d8%af%d9%86-%d8%aa%d8%b5%d8%a7%d9%88%db%8c%d8%b1-svg-%d8%af%d8%b1-%d9%88%d8%a8-%d8%b3%d8%a7%db%8c%d8%aa.html#respond Sat, 22 Jul 2017 13:55:04 +0000 http://www.xn--mgbguh09aqiwi.com/?p=29572 SVG مخفف کلمات Scalable Vector Graphics میباشد که برای ایجاد گرافیک های برداری در صفحات وب بکار میرود . در این فرمت با زوم روی عکس ها کیفیت آنها پایین نمی آید . SVG یکی از توصیه‌های کنسرسیوم w3 میباشد زیرا با استفاده از این تکنولوژی جدید حجم عکس ها کاهش یافته و کیفیت انها در کلیه سایزها حفظ میشود .

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

ترفند قرار دادن تصاویر SVG در وب سایت ( پشتیبانی همه مرورگرها )

و اما آموزش : 

نحوه قرار دادن فایل SVG در وب سایت بسیار ساده و آسان است . کافیست آدرس فایل SVG خود را به جای vms.svg در کد پایین قرار دهید :

<img src="vms.svg" alt="توضیحات مربوط به عکس وارد شود" width="250" height="75">

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

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

ابتدا باید یک پسوند دیگر ( مثلا png یا jpg ) از همان SVG را داشته باشید و برای قرار دادن آن به روش زیر عمل کنید :

<img src="vms.svg" alt="توضیحات مربوط به عکس وارد شود" width="250" height="75" onerror="this.src='vms.png'">

توضیح : کد بالا در صورت عدم پشتیبانی مرورگر از SVG , فرمت PNG همان عکس را بر میگرداند .

نکته 1 : همان طور که مشخص می باشد شما باید بجز یک عکس با فرمت SVG , فرمت PNG یا JPG همان عکس را هم داشته باشید و به جای vms.png در کد بالا قرار دهید .

نکته 2 : حتما width و height عکس را وارد نمایید .

پخش اختصاصی

گرداوری و آموزش : وحید مجیدی

]]> https://www.xn--mgbguh09aqiwi.com/%d8%aa%d8%b1%d9%81%d9%86%d8%af-%d9%82%d8%b1%d8%a7%d8%b1-%d8%af%d8%a7%d8%af%d9%86-%d8%aa%d8%b5%d8%a7%d9%88%db%8c%d8%b1-svg-%d8%af%d8%b1-%d9%88%d8%a8-%d8%b3%d8%a7%db%8c%d8%aa.html/feed 0 آموزش ساخت متن چشمک زن در html با استفاده از jQuery https://www.xn--mgbguh09aqiwi.com/%d8%a2%d9%85%d9%88%d8%b2%d8%b4-%d8%b3%d8%a7%d8%ae%d8%aa-%d9%85%d8%aa%d9%86-%da%86%d8%b4%d9%85%da%a9-%d8%b2%d9%86-%d8%af%d8%b1-html.html https://www.xn--mgbguh09aqiwi.com/%d8%a2%d9%85%d9%88%d8%b2%d8%b4-%d8%b3%d8%a7%d8%ae%d8%aa-%d9%85%d8%aa%d9%86-%da%86%d8%b4%d9%85%da%a9-%d8%b2%d9%86-%d8%af%d8%b1-html.html#comments Mon, 08 Jun 2015 16:52:01 +0000 http://xn--mgbguh09aqiwi.com/?p=8450 در قدیم تگی به نام blink در html وجود داشت که وظیفه ی ساخت متن های چشمک زن را داشت . اما چند سالی میشه که این تگ منسوخ شده و جایگزینی برای آن نیامده .

به همین دلیل برای این ساعت از سایت اسکریپت دات کام با استفاده از جی کوئری , یاد این تگ رو زنده میکنیم و از این پس میتوانید از آن استفاده نمایید .

آموزش ساخت متن چشمک زن در html با استفاده از jQuery

برای این کار , مانند همیشه و به صورت یک قانون , ابتدا باید کتابخانه جی کوئری را به وب سایت خود اضافه نمایید . یعنی وارد سایت www.jquery.com میشوید و آخرین نسخه فایل کتابخانه رو دانلود میکنید .

سپس با استفاده از تگ زیر , آن را به html معرفی میکنید .

<script src="آدرس فایل دانلود شده.js"></script>

حال کد زیر را به وب سایت خود اضافه نمایید ( ترجیحا قبل از بسته شدن تگ <body/> )

<script>
function vmsblink(selector){
    $(selector).fadeOut(500, function(){
        $(this).fadeIn(500, function(){
            vmsblink(this);
        });
    });
}
vmsblink('blink'); 
</script>

از این پس میتوانید هر کجای کدهای html خود که دوست دارید از تگ <blink></blink> استفاده نمایید و کاملا مشخص است که مطلب یا نوشته ای که در آن مینویسید به صورت چشمک زن در خواهد آمد .

به عنوان مثال :

<blink>وحید مجیدی</blink>
یا مثلا
<blink><h1>وحید مجیدی</h1></blink>

نکته مهم : 

1 – چنانچه دوست دارید چشمک زن تند تر باشد , باید دو عدد 500 که در کد قرار دارد را کم کنید ( مثلا 200 ) و چنانچه دوست دارید چشمک زن کندتر باشد , باید دو عدد 500 که در کد بالا قرار دارد را بیشتر کنید ( مثلا 1000 ). این اعداد همان مقدار زمان بر حسب میلی ثانیه می باشند .

پخش اختصاصی

آموزش : وحید مجیدی

]]> https://www.xn--mgbguh09aqiwi.com/%d8%a2%d9%85%d9%88%d8%b2%d8%b4-%d8%b3%d8%a7%d8%ae%d8%aa-%d9%85%d8%aa%d9%86-%da%86%d8%b4%d9%85%da%a9-%d8%b2%d9%86-%d8%af%d8%b1-html.html/feed 4 قالب آماده ترفند به کار رفته در سایت Nike.com https://www.xn--mgbguh09aqiwi.com/%d9%82%d8%a7%d9%84%d8%a8-%d8%a2%d9%85%d8%a7%d8%af%d9%87-%d8%aa%d8%b1%d9%81%d9%86%d8%af-%d8%a8%d9%87-%da%a9%d8%a7%d8%b1-%d8%b1%d9%81%d8%aa%d9%87-%d8%af%d8%b1-%d8%b3%d8%a7%db%8c%d8%aa-nike-com.html https://www.xn--mgbguh09aqiwi.com/%d9%82%d8%a7%d9%84%d8%a8-%d8%a2%d9%85%d8%a7%d8%af%d9%87-%d8%aa%d8%b1%d9%81%d9%86%d8%af-%d8%a8%d9%87-%da%a9%d8%a7%d8%b1-%d8%b1%d9%81%d8%aa%d9%87-%d8%af%d8%b1-%d8%b3%d8%a7%db%8c%d8%aa-nike-com.html#comments Tue, 10 Dec 2013 15:33:39 +0000 http://xn--mgbguh09aqiwi.com/?p=796 حتما حداقل یک بار شده که به سایت Nike.com رفته و با دیدن قسمت معرفی کفش ها از ورق خوردن کفش ها به صورت بسیار زیبا و کاربرپسند بسیار شگفت زده شده باشید.

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

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

 دموی قالب

پخش اختصاصی

کدنویسی : وحید مجیدی

[sdm-download id=”799″ fancy=”0″]

]]> https://www.xn--mgbguh09aqiwi.com/%d9%82%d8%a7%d9%84%d8%a8-%d8%a2%d9%85%d8%a7%d8%af%d9%87-%d8%aa%d8%b1%d9%81%d9%86%d8%af-%d8%a8%d9%87-%da%a9%d8%a7%d8%b1-%d8%b1%d9%81%d8%aa%d9%87-%d8%af%d8%b1-%d8%b3%d8%a7%db%8c%d8%aa-nike-com.html/feed 15