سه شنبه ۰۱ تیر ۱۴۰۰

Tuesday, June 22, 2021 GMT +4:30

» نمایش فیلد جستجوی گوگل در سایت یا وبلاگ

html-google-search

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

ارسال درخواست به سرور گوگل


اغلب موتورهای جستجو و از جمله گوگل پارامترهای مورد نظر کاربران را از طریق متد HTTP GET دریافت می کنند، در متد GET هنگامی که عبارتی را در فیلد جستجو وارد و بر روی دکمه جستجو کلیک می کنیم در نوار آدرس پارامترهایی قابل مشاهده است که اگر بیش از یک مورد باشند با کاراکتر & از هم جدا شده و قابل تفکیک هستند، به فرض آدرس زیر جستجوی عبارت "آموزش برنامه نویسی وب" را از سرور گوگل درخواست می کند:
http://www.google.com/search?q=آموزش+برنامه+نویسی+وب
پارامتر q در درخواست ما مخفف query یا پرس و جو است و عبارت بعد از آن کلمه مورد نظر برای جستجو است که به جای فاصله از علامت + استفاده شده است، در این حالت گوگل از اطلاعات سراسر وب (که قبلا در دیتابیس خود ذخیره کرده است) عبارت درخواست شده را جستجو می کند و نتایج نمایش داده شده از تمام سایت ها و وبلاگ های وب خواهد بود، اما اگر بخواهیم جستجو را محدود به سایت یا وبلاگ خود کنیم پارامتر دیگری به نام sitesearch به آدرس اضافه می شود، به طور مثال:
http://www.google.com/search?q=آموزش+برنامه+نویسی+وب&sitesearch=https://webgoo.ir
به این صورت تنها نتایجی نشان داده می شوند که متناظر با آدرس URL پارامتر sitesearch باشند، از این مبنا می توانیم در فرم های جستجوی اختصاصی سایت و وبلاگ که با کدنویسی HTML و JavaScript ساخته می شوند استفاده کنیم.

کد HTML ایجاد فیلد جستجوی گوگل


برای ایجاد فیلد جستجوی گوگل در سایت یا وبلاگمان ابتدا باید با تگ form در زبان HTML نمونه کدهای زیر را بنویسیم، این نمونه کدها امکان درج عبارت مورد نظر کاربر و ارسال آن به سرور گوگل را به کمک برنامه نویسی فراهم می کنند:
<style>
.search-form {
   direction: rtl;
   width: 250px;
   padding: 4px;
   border: 1px solid #999;
}
.search-input {
   direction: rtl;
   width: 96%;
   padding: 4px;
}
.search-submit {
   background: #0C43B4;
   color: #FFFFFF;
   width: 100px;
   padding: 4px;
}
</style>
<form class="search-form" method="get" action="http://www.google.com/search">
<input class="search-input" type="text" name="q" size="22" maxlength="255" value="">
<input class="search-submit" type="submit" value="جستجو در گوگل">
<input type="hidden" name="sitesearch" value="https://webgoo.ir">
</form>
پیش نمایش کد را در انتهای آموزش می توانیم بررسی و تست کنیم.
توضیح:
- عناصر موجود در نمونه کد بنا بر نیاز و سلیقه قابل تغییر هستند، به طور مثال عرض باکس جستجو در قسمت width برابر 250 پیکسل در نظر گرفته شده که می توانیم متناسب با قالب سایت یا وبلاگمان آن را تغییر دهیم، یا به فرض برای انتقال عناصر به خط جدید از تگ br در HTML استفاده کنیم.
- در قسمت style می توانیم از کدهای CSS برای سفارشی سازی ظاهر فرم استفاده کنیم یا به طور جداگانه کلاس (class) و آی دی (id) برای آنها تعریف کنیم که این کار برای نمونه در کد بالا انجام شده است.
- دو فیلد با نام q و sitesearch بخش اصلی درخواست کاربر به سرور گوگل را تشکیل می دهند، مقادیر value برای فیلد q خالی است و توسط کاربر پر می شود، برای فیلد sitesearch باید آدرس کامل سایت یا وبلاگ خود را (به جای https://webgoo.ir) جایگزین کنیم.
- برای باز شدن پنجره جستجو در صفحه جدید پارامتر target را با مقادیر blank به قسمت مربوط به تگ form اضافه می کنیم، به فرض:
<form method="get" action="http://www.google.com/search" target="_blank">
در نمونه کد بالا پارامتر target تعریف نشده و با کلیک کاربر بر روی دکمه جستجو صفحه نتایج سایت گوگل جایگزین صفحه سایت یا وبلاگمان خواهد شد.

افزودن قابلیت تعاملی با جاوا اسکریپت


با توجه به سلیقه و نیازمان می توانیم امکانات تعاملی دیگری به فرم جستجو اضافه کنیم، به طور مثال از جمله جلوه هایی که در فیلدهای جستجو کاربرد دارد ایجاد متن پیش فرض است که با کلیک کاربر جهت شروع تایپ، متن محو شده و در صورت کلیک در خارج از فضای فیلد و عدم تایپ، متن محو شده نمایش داده می شود، اگرچه مشابه این امکان را با پارامتر placeholder در HTML می توانیم داشته باشیم اما جاوا اسکریپت قابلیت های بیشتری برای سفارشی سازی در اختیارمان قرار می دهد، مثال:
<style>
.search-form {
   direction: rtl;
   width: 250px;
   padding: 4px;
   border: 1px solid #999;
}
.search-input {
   direction: rtl;
   width: 96%;
   padding: 4px;
   color: #CCC;
}
.search-submit {
   background: #0C43B4;
   color: #FFFFFF;
   width: 100px;
   padding: 4px;
}
.input-on {
   color: #333;
}
.input-off {
   color: #CCC;
}
</style>
<script>
function inputClear(input, default_text){
    if(input.value == default_text){
        input.value = "";
        input.className = "search-input input-on";
    }
}
function inputRecall(input, default_text){
    if(input.value == ""){
        input.value = default_text;
        input.className = "search-input input-off";
    } else {
        input.className = "search-input input-on";
    }
}
</script>
<form class="search-form" method="get" action="http://www.google.com/search">
<input class="search-input" type="text" name="q" size="22" maxlength="255" value="جستجو..." onclick="inputClear(this, 'جستجو...')" onblur="inputRecall(this, 'جستجو...')">
<input class="search-submit" type="submit" value="جستجو در گوگل">
<input type="hidden" name="sitesearch" value="https://webgoo.ir">
</form>
توضیح:
- در این نمونه کد از دو تابع جاوا اسکریپتی و رویدادهای onclick (هنگامی که کاربر در فیلد جستجو کلیک می کند) و onblur (هنگامی که کاربر در خارج از فیلد جستجو کلیک می کند) استفاده کرده ایم.
- برای اختصاص مقادیر به فیلدها از متد value و برای تغییر کلاس فیلد با برنامه نویسی از متد className در کدهای جاوا اسکریپت استفاده کرده ایم.
- استایل CSS (تگ style) و کد JavaScript (تگ script) را ترجیحا در قسمت هدر قالب (بین تگ های head) و فرم جستجو (تگ form) را بعد از اعمال تنظیمات سفارشی مورد نظر در قسمتی از تگ body درج می کنیم (محل قرار دادن فرم سلیقه ای است و تفاوتی ندارد در کجای صفحه اضافه شود).

افزودن دکمه های رادیویی و منوی کشویی


در صورت لزوم برای تکمیل فرم جستجو و افزودن قابلیت های بیشتر می توانیم از دکمه های رادیویی یا منوی کشویی استفاده کنیم، دکمه های رادیویی یا منوی کشویی قابلیت انتخاب را به کاربر می دهند که در کل وب یا در آدرس مد نظرمان جستجو کند، برای نمونه این کار را برای کدهای زیر که کامل شده فرم بالا است انجام داده ایم.
فرم جستجوی گوگل با دکمه های رادیویی:
<style>
.search-form {
   direction: rtl;
   width: 250px;
   padding: 4px;
   border: 1px solid #999;
}
.search-input {
   direction: rtl;
   width: 96%;
   padding: 4px;
   color: #CCC;
}
.search-submit {
   background: #0C43B4;
   color: #FFFFFF;
   width: 100px;
   padding: 4px;
}
.input-on {
   color: #333;
}
.input-off {
   color: #CCC;
}
</style>
<script>
function inputClear(input, default_text){
    if(input.value == default_text){
        input.value = "";
        input.className = "search-input input-on";
    }
}
function inputRecall(input, default_text){
    if(input.value == ""){
        input.value = default_text;
        input.className = "search-input input-off";
    } else {
        input.className = "search-input input-on";
    }
}
</script>
<form class="search-form" method="get" action="http://www.google.com/search">
<input class="search-input" type="text" name="q" size="22" maxlength="255" value="جستجو..." onclick="inputClear(this, 'جستجو...')" onblur="inputRecall(this, 'جستجو...')">
<input type="radio" name="sitesearch" value="https://webgoo.ir" checked="checked">در سایت وبگو<br>
<input type="radio" name="sitesearch" value="">در کل وب<br>
<input class="search-submit" type="submit" value="جستجوی گوگل">
</form>
فرم جستجوی گوگل با منوی کشویی:
<style>
.search-form {
   direction: rtl;
   width: 250px;
   padding: 4px;
   border: 1px solid #999;
}
.search-input {
   direction: rtl;
   width: 96%;
   padding: 4px;
   color: #CCC;
}
.search-submit {
   background: #0C43B4;
   color: #FFFFFF;
   width: 100px;
   padding: 4px;
}
.input-on {
   color: #333;
}
.input-off {
   color: #CCC;
}
</style>
<script>
function inputClear(input, default_text){
    if(input.value == default_text){
        input.value = "";
        input.className = "search-input input-on";
    }
}
function inputRecall(input, default_text){
    if(input.value == ""){
        input.value = default_text;
        input.className = "search-input input-off";
    } else {
        input.className = "search-input input-on";
    }
}
</script>
<form class="search-form" method="get" action="http://www.google.com/search">
<input class="search-input" type="text" name="q" size="22" maxlength="255" value="جستجو..." onclick="inputClear(this, 'جستجو...')" onblur="inputRecall(this, 'جستجو...')">
<select name="sitesearch">
<option value="https://webgoo.ir">در سایت وبگو</option>
<option value="">در کل وب</option>
</select><br>
<input class="search-submit" type="submit" value="جستجوی گوگل">
</form>
نکته: گوگل از پروتکل امن https پشتیبانی می کند لذا در کدهای بالا به جای http://google.com می توانیم از https://google.com هم استفاده کنیم (در صورت استفاده از حالت http به صورت خودکار به https منتقل می شویم).

مثال و پیش نمایش آنلاین


برای جمع بندی و تست کدهایی که در این آموزش برای نمایش فیلد جستجوی گوگل در سایت یا وبلاگ بررسی کردیم می توانیم از مثال و پیش نمایش آنلاین زیر استفاده کنیم.
<!DOCTYPE html>
<html lang="fa">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>وبگو | فرم جستجوی گوگل برای سایت و وبلاگ</title>
<!-- Webgoo.ir -->
<style>
body {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
    direction: rtl;
}
.search-form {
   direction: rtl;
   width: 250px;
   padding: 4px;
   border: 1px solid #999;
}
.search-input {
   direction: rtl;
   width: 96%;
   padding: 4px;
   color: #CCC;
}
.search-submit {
   background: #0C43B4;
   color: #FFFFFF;
   width: 100px;
   padding: 4px;
}
.input-on {
   color: #333;
}
.input-off {
   color: #CCC;
}
</style>
<script>
function inputClear(input, default_text){
    if(input.value == default_text){
        input.value = "";
        input.className = "search-input input-on";
    }
}
function inputRecall(input, default_text){
    if(input.value == ""){
        input.value = default_text;
        input.className = "search-input input-off";
    } else {
        input.className = "search-input input-on";
    }
}
</script>
</head>
<body>
<noscript>جاوا اسکریپت در مرورگر شما غیر فعال است!<br></noscript>
فرم جستجوی گوگل بدون قابلیت های جانبی:<br><br>
<form class="search-form" method="get" action="http://www.google.com/search">
<input class="search-input" type="text" name="q" size="22" maxlength="255" value="">
<input class="search-submit" type="submit" value="جستجو در گوگل">
<input type="hidden" name="sitesearch" value="https://webgoo.ir">
</form>
<br>
فرم جستجوی گوگل با قابلیت تعاملی:<br><br>
<form class="search-form" method="get" action="http://www.google.com/search">
<input class="search-input" type="text" name="q" size="22" maxlength="255" value="جستجو..." onclick="inputClear(this, 'جستجو...')" onblur="inputRecall(this, 'جستجو...')">
<input class="search-submit" type="submit" value="جستجو در گوگل">
<input type="hidden" name="sitesearch" value="https://webgoo.ir">
</form>
<br>
فرم جستجوی گوگل با قابلیت تعاملی و دکمه های رادیویی:<br><br>
<form class="search-form" method="get" action="http://www.google.com/search">
<input class="search-input" type="text" name="q" size="22" maxlength="255" value="جستجو..." onclick="inputClear(this, 'جستجو...')" onblur="inputRecall(this, 'جستجو...')">
<input type="radio" name="sitesearch" value="https://webgoo.ir" checked="checked">در سایت وبگو<br>
<input type="radio" name="sitesearch" value="">در کل وب<br>
<input class="search-submit" type="submit" value="جستجوی گوگل">
</form>
<br>
فرم جستجوی گوگل با قابلیت تعاملی و منوی کشویی:<br><br>
<form class="search-form" method="get" action="http://www.google.com/search">
<input class="search-input" type="text" name="q" size="22" maxlength="255" value="جستجو..." onclick="inputClear(this, 'جستجو...')" onblur="inputRecall(this, 'جستجو...')">
<select name="sitesearch">
<option value="https://webgoo.ir">در سایت وبگو</option>
<option value="">در کل وب</option>
</select><br>
<input class="search-submit" type="submit" value="جستجوی گوگل">
</form>
</body>
</html>
پیش نمایش آنلاین
دسته بندی: آموزش کاربردی » HTML
related مطالب بیشتر:
» نحوه نمایش فیلم و کلیپ ویدئویی در سایت و وبلاگ
» نحوه درج علامت های خاص در HTML
» پخش فایل صوتی (آهنگ، موسیقی پس زمینه) در سایت و وبلاگ
» چگونه رنگ و تصویر پس زمینه سایت یا وبلاگ را تغییر دهیم؟
» چگونه در وبلاگ و سایت، لینک دانلود قرار دهیم؟
commentنظرات (۳۶ یادداشت برای این مطلب ارسال شده است)
more یادداشت های جدید بر اساس تاریخ ارسال در انتهای یادداشت های موجود نمایش داده می شوند.
نویسنده: فریبا
۲۲:۵۰ ۱۳۹۱/۰۴/۲۹
سلام
عالی بود.
امکان دارد کد عضویت در خبرنامه را توضیح دهید.
ممنون.
پاسخ: 
امکان عضویت در خبرنامه با وجود ساده به نظر رسیدن نیازمند آشنایی با چند پارامتر متفاوت است، از جمله دریافت اطلاعات کاربران و ذخیره در دیتابیس، فراخوانی ایمیل ها به صورت آرایه و ارسال پیام از طریق برنامه های سمت سرور مثل کلاس ها و توابع smtp و mail در PHP که خود چندین مبحث جداگانه دارد.
نویسنده: farzam jinx
۰۶:۳۶ ۱۳۹۱/۰۵/۰۸
با سلام،
می خواستم ببینم چطور میشه موقعیت سرچ باکس رو در صفحه تعیین کرد و چطور میشه برای مثال یه عکس ذره بین بزاریم و وقتی روی ذره بین کلیک میکنیم سرچ کنه؟ با تشکر
پاسخ: 
واقعیت مطلب این است که شما باید تا حدودی با CSS آشنا باشید، همه این کارهایی که می خواهید انجام دهید، در وب تنها با CSS امکان پذیر است، به این صورت با تعریف کلاس و استایل مخصوص می توانید شکل دکمه ارسال را تغییر دهید و از عکس پس زمینه (ذره بین) استفاده کنید، یا موقعیت آن را هر طور که مایلید تنظیم کنید.
نویسنده: farzam jinx
۱۳:۴۲ ۱۳۹۱/۰۵/۰۸
با سلام،
میشه در مورد سوال دوم کمی راهنمایی کنید؟لطفا
پاسخ: 
با اختصاص یک کلاس CSS می توانید این کار را انجام دهید، یا به فرض به قسمت Style Input مربوط به دکمه به صورت زیر مقادیر را اضافه کنید:
<input class="search-button" type="submit" value="جستجو در گوگل" style="font-family:Tahoma, Geneva, sans-serif; font-size:12px; background-image:url(http://www.yoursite.com/image/search-button.jpg); background-position:left top; width:40px; height:40px; border:0px; cursor:pointer; float:left; background-color:transparent;">
به جای آدرس پیش فرض، آدرس تصویر خود را با عرض و ارتفاع 40 پیکسل یا مقادیر دلخواه دیگر قرار دهید، در کل انجام این کار در صورت آشنایی با CSS آسان و در غیر اینصورت کمی سخت به نظر می رسد.
نویسنده: farzam jinx
۱۲:۰۱ ۱۳۹۱/۰۵/۱۰
سلام
من سرچ باکس رو با دستور position:absolute در هدر قرار دادم و تنظیمش کردم که دقیقا همونجایی که می خوام قرار بگیره اما وقتی با یک کامپیوتری که رزولوشن مانیتورش با مال من فرق داره وارد وبلاگ می شی موقعیت با توجه به رزولوشن عوض میشه میخواستم ببینم راهی هست که سرچ باکس رو در موقعیتش ثابت کرد و جاش تغییر نکنه؟ مرسی که وقت گذاشتید.
پاسخ: 
برای انجام این کار معمولا position:absolute گزینه مناسبی نیست، چون مقادیر absolute در واقع همان کاری را می کند که در پیام خود اشاره کرده اید، بهترین روش این است که با استفاده از خاصیت های display padding margin float و... و با توجه به موقعیت سایر عناصر در قالب، لایه جدید را تنظیم کنید، در صورت تمایل می توانید آدرس وبلاگ خود را درج کنید تا بررسی گردد.
نویسنده: farzam jinx
۱۳:۵۲ ۱۳۹۱/۰۵/۱۰
این آدرسش:
http://dastaki.ir
البته من قصدم از این سوال تعیین موقعیت متن توی هدر بود که من گفتم سرچ باکس تا مجبور به توضیح نباشم. واقعا دستتون درد نکنه که اینقدر به بازدیدکنندگان وبسایتتون اهمیت می دید.
پاسخ: 
سایت شما بررسی شد، باید سعی کنید در قسمت بلاک header کد خود را قرار دهید، نه در انتهای صفحه! بلاک foxmenu و عناصر ul li در هدر قالب شما به درستی تنظیم نشده اند و حجم زیادی اشغال کرده اند، به همین دلیل متن متحرک جایی برای قرار گرفتن ندارد، سعی کنید از قابلیت مرورگرهایی مثل فایرفاکس و کروم برای طراحان و توسعه دهنده گان وب استفاده کنید (معمولا تحت عنوان Developer و Inspect Element) تا موقعیت بلاک ها و عناصر صفحه خود را به خوبی درک کنید، همچنین استفاده از تکنیک هایی مثل اضافه کردن رنگ خاص برای پس زمینه لایه ها در هنگام ویرایش و طراحی هم می تواند به شما کمک کند، به طور مثال به بلاک ها به طور موقت استایل زیر را نسبت دهید تا موقعیت آنها در قالب مشخص شود:
background-color:#C00;
در مجموع تنظیم قسمت هدر قالب شما، نیاز به ویرایش مجدد آن دارد.
نویسنده: پیام
۰۴:۳۱ ۱۳۹۱/۰۵/۳۰
یک میلیون تشکر
نویسنده: محسن
۰۲:۱۴ ۱۳۹۱/۰۶/۳۰
سلام
جالب بود . استفاده کردم .
در چند لینک شما در محسن باکس معرفی خواهد شد .
موفق باشید
نویسنده: علی
۲۰:۰۷ ۱۳۹۱/۱۰/۱۵
سلام خیلی متشکرم دست همتون درت نکنه
نویسنده: حسام
۲۰:۱۷ ۱۳۹۱/۱۰/۱۷
عالی بود . مرسی
نویسنده: mousa
۰۹:۰۸ ۱۳۹۱/۱۱/۰۷
با سلام
به خاطر مطلب خیلی عالیتون و همچنین از سایت بسیار خوبتون تشکر می کنم. خیلی خوب بود. مرسی.
پاسخ: 
خواهش می کنیم، نظر لطف شما است.
نویسنده: saeid
۲۱:۴۲ ۱۳۹۲/۰۴/۱۳
می شه ازتون خواهش کنم برای وبلاگ من این کارا انجام بدین خیلی ازتون ممنون می شم
پاسخ: 
متاسفانه به دلیل کمبود فرصت این امکان مقدور نیست، آموزش را مطالعه کنید، همه چیز با جزئیات گفته شده.
نویسنده: دوستدار شما
۰۰:۳۲ ۱۳۹۲/۰۴/۱۴
سلام، این خیلی عالیه اما اگه یکی بخواد که یه کد توی سایتش بذاره که توی همون سایت جستجو انجام بشه باید چیکار کنه؟ یعنی بدون وابستگی به بیرون از سایت. یعنی یه کد توی صفحه بذاره و تنظیم کنه استایلش رو. و اون کد رو توی کجای صفحه باید گذاشت؟
و اگه مثلا بخواهی موقع سرچ فقط کلماتی رو که از قبل توی صفحه با css و استایل مشخص کردی سرچ بشه. مثل تایتل هر صفحه سرچ بشه باید چیکار کرد.
پاسخ: 
برای این کار باید با یک زبان سمت سرور (مانند PHP یا ASP) امکان جستجو را متناسب با دیتابیس و ساختار اطلاعات خود تعریف کنید که خود مبحث جداگانه ای است و نیاز به داشتن اطلاعات برنامه نویسی و فراگیری آموزش های مقدماتی دارد.
نویسنده: آیدین پناهی
۱۹:۴۷ ۱۳۹۲/۰۶/۲۳
بینهایت ممنون خیلی خیلی مفید واقع شد
نویسنده: مهران
۱۶:۵۶ ۱۳۹۲/۰۷/۲۲
من وبلاگ ساخته ام اگه میشه برای معرفی به گوگل منو کمک کنید
0912154****
پاسخ: 
قرار گرفتن در لیست جستجو نیاز به ثبت در جای خاصی ندارد، کافی است چند وبلاگ یا سایت دیگر شما را لینک کنند، پس از مدتی وبلاگ شما در گوگل و سایر موتورهای جستجو به صورت خودکار ثبت خواهد شد، البته نمایش در صفحات ابتدایی به موارد زیادی بستگی دارد که فعال بودن وبلاگ و داشتن محتوا از مهمترین آنها است.
نویسنده: معلم
۰۹:۳۲ ۱۳۹۲/۰۸/۲۲
سلام، من معلمم و می خواهم سوالات امتحانی بگذارم تا اپلود فایل ها را انجام می دهم لینک دانلود را هم به دست می اورم و در جای خودش کپی میکنم. اما لینک به همان صورت عدد و ارقام میاید .چگونه می توانم لینک دانلود را به صورت یک شکل نمایش بدهم . لطفا سریع پاسخ دهید . با سپاس
پاسخ: 
لطفا عبارت "دانلود" را در قسمت جستجو وارد کنید، مطلبی اختصاصی در این مورد در سایت منتشر شده است.
more لطفا پیش از ارسال یادداشت نکات زیر را مد نظر داشته باشید:
- موارد غیرمرتبط با مباحث آموزش ها را در فرم منوی "تماس با ما" مطرح و پاسخ را از طریق ایمیل دریافت کنید.
- به سوالات کلی، مبهم و مشکلاتی که تلاشی برای رفع آن نکرده باشید پاسخ مختصر داده خواهد شد.
- کدها و اسکریپت های طولانی را ترجیحا در یک صفحه وب آنلاین قرار دهید تا امکان تست و بررسی وجود داشته باشد.
- از درج عناوین تبلیغاتی در فیلدها خودداری کنید، در صورتی که یادداشت تبلیغاتی تشخیص داده شود حذف خواهد شد.
- تمام یادداشت ها بررسی و زمانی جهت پاسخگویی در نظر گرفته می شود، لطفا از طرح سوالات متعدد خودداری کنید.





6 × 7
 refresh

آخرین دیدگاه ها
more برای دسترسی سریع به یادداشت مربوطه می توانید از لینک مطلب در کادر زیر استفاده کنید.
form علیرضا
در:
مفید و کاربردی مرسی
۱۴۰۰/۰۳/۳۱

form محمود
در:
سلام مهندس وقت بخیر دوباره به کمک شما نیاز پیدا کردم ، چگونه می توان استایل صوت به یک متن داد. به...
۱۴۰۰/۰۳/۳۰

form پرتو
در:
سلام استاد خسته نباشید قالبم درست شد خیلی ممنون یه خواهش دیگه هم ازتون داشتم اینکه یه بوردر برای تک به تک پست ها جداگانه...
۱۴۰۰/۰۳/۲۴

form بهنیا
در:
سلام خسته نباشید ببخشید چطوری میتونم برای خود وبسایتم یه لینک بسازم؟ کد خاصی داره؟
۱۴۰۰/۰۳/۲۴

form Raha
در:
سلام وقت بخیر چه جوری می تونم از دو تا function باهم استفاده کنم. مثلا میخوام توی مسیج باکس دوتا عدد دلخواه بدم...
۱۴۰۰/۰۳/۲۴

form رها
در:
سلام ممنون میشم اگه راهنماییم کنید من میخوام تو جاوا اسکریپت توی مسیج باکس بصورت اختیاری عدد بدم و جمع و تفریق انجام بشه. ...
۱۴۰۰/۰۳/۲۴

form محمد
در:
با عرض سلام و احترام مجدد پیرو کامنت قبلی که لطف کرده و توجه فرمودید آدرس سایت این هست: از توجه و راهنمایی‌های همیشگی...
۱۴۰۰/۰۳/۲۳

form محمد
در:
سلام وقت بخیر با سپاس از تیم محترم وبگو یک سوال داشتم از خدمتتون در عکسی که در آدرس با...
۱۴۰۰/۰۳/۲۲

form پرتو
در:
با سلام استاد من براتون ایمیل فرستادم لطفا ایمیل خود را چک کنید با تشکر
۱۴۰۰/۰۳/۲۱

form پرتو
در:
سلام خوبید خسته نباشید من یه کد قالبی دارم که میشه براتون بفرستم و شما تغییرش بدین من قالبم رو می خاستم اگه...
۱۴۰۰/۰۳/۲۰

form سید ارمیا حسینی
در:
سلام ببخشید عالی بود اما اگه می خواستم مثلا چیزی رو ایجاد کنم که مثلا کاربر بعد از ورود به صحفه 5 ثانیه بعد وارد...
۱۴۰۰/۰۳/۲۰

form الی
در:
سلام وقت بخیر من میخوام یه سایت طراحی کنم و در قسمت هدر یه گیف بذارم ولی هر کار می کنم گیف نمایش داده...
۱۴۰۰/۰۳/۱۸

form علیرضا حسینی
در:
دمتون گرم خسته نباشید خیلی عالی بود
۱۴۰۰/۰۳/۱۸

form حامدترابی
در:
سلام چند وقته که وبلاگ شهیدحسن ترابی گودرزی باز نمیشه ولی با vpn باز میشه. میشه راهنماییم کنید. ممنون میشم
۱۴۰۰/۰۳/۱۶

form mahdi
در:
سلام استاد این تابع در لوکال هم ایمیل ارسال میکنه هم فایل ضمیمه ، البته زمپ رو یه سری تغییرات باید داد و حساب ایمیل...
۱۴۰۰/۰۳/۱۲

form mahdi
در:
سلام وقت بخیر ، استاد عزیز اگر ما با تابع mail یه تابعی بنویسیم که در لوکال قابلیت ارسال هر نوع ایمیلی رو داشته باشه...
۱۴۰۰/۰۳/۱۲

form masood
در:
سلام وقتتون بخیر ببخشید من یک سوالی دارم اگر بخوایم تنظیماتی که برای id و class در نظر داریم رو تو یه...
۱۴۰۰/۰۳/۱۱

form mahdi
در:
استاد وقتشو دارید امشب ببینیدش مثلا در حد نیم ساعت که وقتتونم گرفته نشه؟
۱۴۰۰/۰۳/۱۰

form mahdi
در:
سلام استاد وقت بخیر،استاد عزیز من یه چارت با جاوااسکریپت نوشتم که سه تا نمودار میلیه ای و خطی و نقطه ای رو در بر...
۱۴۰۰/۰۳/۱۰

form پرتو
در:
وای من نمی تونم توی زمینه طراحی قالب های دیگ فعالیت کنم چون خیلی سختن فک نکنم بتونم اگر جایی می شناسید که قالب های...
۱۴۰۰/۰۳/۰۹

form پرتو
در:
سلام خسته نباشید شرمنده مزاحم شدم دوباره، می خاستم بپرسم می ارزه کسی وبلاگ در مورد قالب سازی بزنه یا اینکه نه نمی ارزه آخه...
۱۴۰۰/۰۳/۰۹

form یاس
در:
سلام میخواستم بدونم چجوری باید فایل متنی HTML دارای هایپرلینک را باز کند و محتوای آنرا بخواند و سپس هایپرلینک های آن را شناسایی کند...
۱۴۰۰/۰۳/۰۸

form sattar
در:
سلام، اون قسمتی که اعتبار سنجی ورود حروف فارسی هست مشکل داره یعنی کاربر رو اجبار به وارد کردن حروف فارسی میکنیم اما اگر مثلا...
۱۴۰۰/۰۳/۰۸

form mahdi
در:
سلام استاد ckeditor بهتره یا TinyMCE؟ من اینو ckeditor دیدم که راست چین چپ چین نداشت بعد استاد عزیز من یه چیزی رو...
۱۴۰۰/۰۳/۰۶

form پرتو
در:
ممنونم از شما که کدش رو دادید فقط یه سوال داشتم و اونم اینکه این کد رو در کدوم قسمت قالب قرار بدم و ایا...
۱۴۰۰/۰۳/۰۴

form mahdi
در:
سلام نه استاد عزیز نیازی نیست چون خودمم فکر میکنم لوگو رو باید از قبل مثلا با فتوشاپ آماده داشت و فقط میخواستم این امکانم...
۱۴۰۰/۰۳/۰۳

form پرتو
در:
سلام خواستم تشکر کنم از کدی که قبلا بهم داده بودید درست شد قالبم واقعا ممنونم ازتون یه چیز دیگه می خاستم بگم اینکه یه...
۱۴۰۰/۰۳/۰۳

form دانیال
در:
باسلام خیلی ممنون بابت مطالب عالیه سایتتون این مطلب هم مثل بقیه مطالب عالی بود
۱۴۰۰/۰۳/۰۳

form mahdi
در:
سلام استاد عزیز ، بله استاد اونطوری قرار میگیره وقتی تصویر از قبل مثلا با فتوشاپ شفاف شده باشه ، ولی اگر بخوایم یک عکس...
۱۴۰۰/۰۳/۰۳
  در انتظار بررسی: ۰
 پاسخگویی به سوالات ممکن است تا 24 ساعت زمان ببرد.