یکشنبه ۰۳ مرداد ۱۴۰۰

Sunday, July 25, 2021 GMT +4:30

» چگونه لوگوی حمایتی برای نمایش در سایت یا وبلاگ بسازیم؟

javascript-logo-site-weblog

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

طراحی لوگوی ساده در برنامه فتوشاپ و کدنویسی HTML


قبل از پرداختن به طراحی و کدنویسی لوگوهای مثلثی و جاوا اسکریپتی که معمولا در گوشه های صفحات وب به نمایش در می آیند، ابتدا به بحث طراحی و کدنویسی لوگوهای حمایتی ساده و نحوه نمایش و کپی کد آنها در باکس های HTML می پردازیم، این نوع لوگوها را می توانیم در هرکجای صفحه که مایل بودیم نمایش دهیم و از نظر شکل و ابعاد معمولا به شکل مستطیل های کوچک متناسب با اندازه سایدبار قالب هستند، بدین منظور ابتدا یک تصویر به عنوان لوگوی سایت یا وبلاگ خود با اندازه پیکسلی مشخص که بستگی به سلیقه و فضای موجود قالب صفحه وب دارد به طور مثال عرض 120 و ارتفاع 80 پیکسل، در برنامه های گرافیکی نظیر برنامه فتوشاپ طراحی می کنیم.
قاعدتا طراحی لوگوی حرفه ای نیازمند تسلط نسبی بر اینگونه برنامه ها است و باید سعی کنیم در کم ترین فضا و در عین سادگی بیشترین جذابیت را داشته باشیم، بررسی و الگوبرداری از لوگوهای معروف می تواند به تبادر ایده های جذاب و جدید به ذهن کمک کند.
پس از طراحی تصویر مورد نظر با یکی از فرمت های رایج مانند png یا jpg از نتیجه کارمان خروجی می گیریم و فایل نهایی را در سروری آنلاین یا در سرویس های رایگان میزبان فایل آپلود می کنیم، در وب معمولا تنها تصاویر و فایل هایی قابل استفاده هستند که بر روی سرورها میزبانی شوند و با آدرس URL مشخص در دسترس باشند، به همین دلیل مرحله آپلود فایل از اهمیت بالایی برخوردار است و ترجیحا باید یا از دامنه و سرور شخصی استفاده کنید یا سرویس های حرفه ای میزبان فایل را برای آپلود انتخاب کنید.
پس از مرحله آپلود فایل آدرس URL و تنظیمات خاص لوگوی خود را در نمونه کد زیر جایگزین می کنیم:
<a href="http://www.example.com" title="عنوان سایت یا وبلاگ" target="_blank"><img src="http://www.example.com/file/image/logo.jpg" alt="عنوان لوگوی سایت یا وبلاگ" title="عنوان لوگوی سایت یا وبلاگ" height="80" width="120" border="0"></a>
توضیح:
- تگ a و پارامتر href برای ایجاد لینک (Hyperlink) در صفحات وب (HTML) به کار می روند که در اینجا باید آدرس سایت یا وبلاگ خود را جایگزین عبارت
http://www.example.com
کنیم.
- تگ img برای نمایش تصویر در وب به کار می رود، وقتی این تگ را بین تگ a قرار می دهیم در واقع لینک به آن تصویر متصل می شود، در قسمت
http://www.example.com/file/image/logo.jpg
آدرس کامل تصویر لوگوی سایت یا وبلاگ خود را قرار می دهیم، دقت کنیم این آدرس زمانی درست خواهد بود که اگر آن را کپی و در نوار آدرس مرورگر درج کنیم تصویر مورد نظر از سرور بارگذاری و در مرورگر نمایش داده شود.
- قسمت مربوط به border را برابر صفر قرار می دهیم، در برخی از مرورگرها دور تصاویری که لینک می شوند خطی آبی رنگ به عنوان پیش فرض نمایش داده می شود، برای از بین بردن این خط میزان border را صفر در نظر می گیریم.
- موارد مربوط به ارتفاع (height) و عرض (width) را با توجه به اندازه پیکسلی لوگوی خود تغییر می دهیم، این اندازه پیکسلی همان مقداری است که در برنامه فتوشاپ برای ساخت لوگو در نظر گرفته ایم و با کلیک راست بر روی فایل نهایی و انتخاب قسمت Properties و سربرگ Details نیز ابعاد تصویر در دسترس است.

ایجاد فیلد متنی برای نمایش و کپی کد لوگو


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

روش استفاده از تگ input


در کدنویسی HTML از تگ input برای درج و دریافت مقادیر متنی مختصر مانند نام، نشانی ایمیل و... استفاده می شود، اما با مقداردهی پیش فرض به این تگ می توانیم به عنوان محل نمایش کد لوگو نیز از آن استفاده کنیم، به طور مثال:
<input type="text" height="25" width="120" dir="ltr" value='<a href="http://www.example.com" title="عنوان سایت یا وبلاگ" target="_blank"><img src="http://www.example.com/file/image/logo.jpg" alt="عنوان لوگوی سایت یا وبلاگ" title="عنوان لوگوی سایت یا وبلاگ" height="80" width="120" border="0"></a>'>
توضیح:
- در قسمت مربوط به عرض (width) فیلد input مقادیر مورد نظر خود را به پیکسل درج می کنیم کنید، در این مثال عرض 120 پیکسل را در نظر گرفته ایم.
- پارامتر dir و مقدار ltr چینش کد داخل باکس را به صورت چپ به راست تنظیم می کند (مقدار rtl آن را از راست به چپ نمایش می دهد).
- دقت کنیم که برای پارامتر value از علامت ' ' به جای " " استفاده کرده ایم و کد را درون آن قرار داده ایم، اگر از علامت " " استفاده کنیم کدنویسی صفحه وب دچار مشکل خواهد شد و مرورگر به جای نمایش ساده و متنی کد لوگو، به عنوان قسمتی از صفحه آن را پردازش می کند و نتیجه به درستی نمایش داده نخواهد شد.
- ممکن است بخواهیم بین لوگو و کد آن فاصله یا خط ایجاد کنیم، برای این منظور از تگ های br و hr در HTML می توانیم استفاده کنیم.

روش استفاده از تگ textarea


در کدنویسی HTML از تگ textarea برای درج و دریافت مقادیر متنی عمدتا طولانی در فرم های وب استفاده می شود، علاوه بر این کارکردهای ذاتی می توانیم جهت نمایش کد لوگو نیز از تگ textarea استفاده کنیم که در زیر این کار را برای نمایش کد لوگوی خود انجام داده ایم:
<textarea cols="20" rows="2" dir="ltr"><a href="http://www.example.com" title="عنوان سایت یا وبلاگ" target="_blank"><img src="http://www.example.com/file/image/logo.jpg" alt="عنوان لوگوی سایت یا وبلاگ" title="عنوان لوگوی سایت یا وبلاگ" height="80" width="120" border="0"></a></textarea>
توضیح:
- تگ textarea تفاوت هایی با تگ input دارد، در اینجا از پارامترهای cols و rows به جای width و height برای عرض و ارتفاع باکس استفاده می کنیم که مبنای آنها پیکسل نیست، پارامتر rows ارتفاع فیلد را بر اساس تعداد خط های قابل روئیت و پارامتر cols عرض فیلد را بر اساس عرض استاندارد لازم برای نمایش کاراکتر تعیین می کند، این مقادیر ممکن است در مرورگرهای مختلف با اندکی تفاوت پردازش شوند!
- پارامتر value در تگ textarea وجود ندارد و به جای آن باید مقدار کد لوگوی حمایتی را بین تگ های textarea قرار دهیم.
- در آموزش مقدماتی HTML گفتیم که تقریبا تمام تگ ها می توانند از استایل CSS برای جلوه های ظاهری استفاده کنند، در اینجا هم اگر نیاز به تنظیمات بیشتر داشته باشیم می توانیم از پارامتر style استفاده کنیم:
<textarea style="width:500px; height:120px; direction: ltr;">
استفاده از استایل CSS از نظر بهینه سازی برای موتورهای جستجو (SEO) روش توصیه شده است.

استفاده از جاوا اسکریپت برای انتخاب خودکار و کپی کد لوگو


با نحوه نمایش کد لوگوی حمایتی در سایت یا وبلاگ آشنا شدیم، در ادامه آموزش بد نیست قابلیتی حرفه ای تر برای آن در نظر بگیریم و امکان انتخاب خودکار متن را به فیلدها اضافه کنیم، منظور از انتخاب خودکار متن کپی کد لوگو به صورت یکجا و کمک به راحتی بیشتر کاربران در هنگام استفاده از آن است، طبق روال ایجاد امکانات اینچنینی در سمت کاربر بدین منظور باید از جاوا اسکریپت (JavaScript) کمک بگیریم که در نمونه زیر از تابعی ساده استفاده کرده ایم.
تابع جاوا اسکریپتی:
<script>
function autoSelect(){
   var text_input = document.getElementById('logo');
   text_input.focus();
   text_input.select();
}
</script>
توضیح:
- با فراخوانی این تابع متن داخل فیلد به صورت خودکار به صورت انتخاب شده (با رنگ پس زمینه متمایز) تغییر می کند.
- در این تابع از سه متد getElementById، focus و select استفاده شده است.
- این تابع را ترجیحا در قسمت هدر صفحه و بین تگ های head کپی می کنیم.
نحوه فراخوانی و استفاده از تابع:
<input id="logo" type="text" height="25" width="120" dir="ltr" onfocus="autoSelect();" value='<a href="http://www.example.com" title="عنوان سایت یا وبلاگ" target="_blank"><img src="http://www.example.com/file/image/logo.jpg" alt="عنوان لوگوی سایت یا وبلاگ" title="عنوان لوگوی سایت یا وبلاگ" height="80" width="120" border="0"></a>'>
توضیح:
- تقریبا نحوه استفاده از این روش با حالت معمولی یکسان است با این تفاوت که در اینجا باید یک آی دی برای تگ input تعریف کنیم و تابع را با رویداد onfocus فراخوانی نمائیم.
- آی دی تعریف شده در این نمونه کد عبارت دلخواه logo است، اگر دقت کنیم در متد getElementById تابع هم این آی دی به عنوان عنصر مقصد در نظر گرفته شده است.
- پس از کلیک در داخل فیلد و اجرای رویداد focus متن فیلد به صورت خودکار به حالت انتخاب شده (Highlight) تغییر می کند.
نکته: روش هایی برای ایجاد دکمه کپی خودکار متن در جاوا اسکریپت وجود دارد که اغلب به لحاظ فنی دارای پیچیدگی هایی است و به دلیل رعایت سیاست های امنیتی مرورگرها به راحتی در صفحات وب قابل اعمال نیست، لذا جهت جلوگیری از طولانی شدن آموزش از این قابلیت صرف نظر می کنیم!

ساخت لوگوهای مثلثی با جاوا اسکریپت و CSS


همانطور که گفتیم لوگوهای قابل نمایش در صفحات وبلاگ ها و وبسایت ها به تصاویر ثابت برای حمایت از آن سایت یا وبلاگ محدود نمی شوند، با استفاده از جاوا اسکریپت و CSS می توانیم معمولا در گوشه های صفحات وب نمادهایی مثلثی شکل یا به شکل های دیگر جهت مناسبت های مختلف یا اعلام حمایت از موضوعی خاص قرار دهیم، بدین منظور ابتدا در برنامه های گرافیکی و طراحی نظیر فتوشاپ طرحی با ابعاد 170 در 170 پیکسل یا هر اندازه دلخواه دیگری ترسیم می کنیم به نوعی که خطی به صورت مورب و زاویه 45 درجه آن تصویر را دو نیم کرده باشد (در واقع تبدیل به دو مثلث کند)، بسته به اینکه در کدام قسمت از صفحه (چپ، راست، بالا یا پائین) بخواهیم لوگو را نمایش دهیم شکل برش و جهت زاویه هم متفاوت خواهد بود، در ادامه قسمتی را که باید پس زمینه شفاف داشته باشد تا فضای پشت سر آن دیده شود با ابزارهای موجود در برنامه فتوشاپ نظیر کمندهای دسته lasso tool پاک می کنیم تا به صورت پیکسل های چهار خانه مربعی و شفاف در آید، پس از طراحی لوگو باید تصویر را با فرمت gif یا png ذخیره کنیم تا قسمت شفاف تصویر مورد نظر در صفحات وب دیده نشود و لوگو به صورت مثلثی به نظر برسد، در واقع لوگوهای مثلثی یک تصویر به شکل مربع هستند که یک طرف آنها پس زمینه شفاف دارد.
JavaSscript Photoshop Logo
اکنون تنظیمات خود را در یکی از نمونه کدهای زیر اعمال کرده و آن را در قالب سایت یا وبلاگمان درج می کنیم.
کد نمایش لوگو در بالای سمت راست:
<script>
var logo = '<div style="z-index:999; position:absolute; right:0; top:0; border:0;">';
logo += '<img src="http://www.example.com/file/image/logo.png" alt="عنوان لوگوی حمایتی" width="170" height="170" border="0"></div>';
document.write(logo);
</script>
کد نمایش لوگو در بالای سمت چپ:
<script>
var logo = '<div style="z-index:999; position:absolute; left:0; top:0; border:0;">';
logo += '<img src="http://www.example.com/file/image/logo.png" alt="عنوان لوگوی حمایتی" width="170" height="170" border="0"></div>';
document.write(logo);
</script>
کد نمایش لوگو در پائین سمت راست:
<script>
var logo = '<div style="z-index:999; position:absolute; right:0; bottom:0; border:0;">';
logo += '<img src="http://www.example.com/file/image/logo.png" alt="عنوان لوگوی حمایتی" width="170" height="170" border="0"></div>';
document.write(logo);
</script>
کد نمایش لوگو در پائین سمت چپ:
<script>
var logo = '<div style="z-index:999; position:absolute; left:0; bottom:0; border:0;">';
logo += '<img src="http://www.example.com/file/image/logo.png" alt="عنوان لوگوی حمایتی" width="170" height="170" border="0"></div>';
document.write(logo);
</script>
توضیح:
- ساختار کدهای بالا بسیار ساده است، دستورات جاوا اسکریپت یک تصویر را که با استایل CSS تنظیم موقعیت شده به خروجی ارسال می کنند و خاصیت های CSS باعث می شوند که لوگو در گوشه های صفحه و بالاتر از سایر لایه ها به نمایش دربیاید.
- خاصیت z-index در CSS موقعیت تصویر را نسبت به لایه های دیگر تنظیم می کند، هر چقدر مقدار عدد z-index بیشتر باشد آن لایه بالاتر از لایه های دیگر در صفحه نشان داده می شود.
- خاصیت position با مقادیر absolute باعث شناور شدن لوگو در کل صفحه می شود و در این حالت می توانیم موقعیت آن را از گوشه های صفحه نمایش (مرورگر) تنظیم کنیم، در حالت absolute لوگو با اسکرول صفحه جا به جا می شود که در صورت نیاز به ثابت شدن لوگو می توانیم از مقادیر fixed نیز استفاده کنیم.
- ویژگی های left، right، top و bottom میزان فاصله تصویر را از جهت های مختلف تنظیم می کنند، همانطور که در نمونه کدها مشخص است این ویژگی ها در اینکه تصویر کجای صفحه نمایش داده شود موثر هستند.
دسته بندی: آموزش کاربردی » JavaScript
related مطالب بیشتر:
» نمایش کادر پیام شناور در سایت و وبلاگ با جاوا اسکریپت
» ساخت پنل چند سربرگی (Tabbed Panel) با جاوا اسکریپت و CSS
» استفاده ترکیبی از جاوا اسکریپت (JavaScript) و PHP
» ساخت منوی آکاردئونی با جاوا اسکریپت و CSS
» ساخت دکمه رفتن به بالای صفحه (Scroll to Top) با جاوا اسکریپت
commentنظرات (۱۲ یادداشت برای این مطلب ارسال شده است)
more یادداشت های جدید بر اساس تاریخ ارسال در انتهای یادداشت های موجود نمایش داده می شوند.
نویسنده: baran
۱۶:۵۵ ۱۳۹۱/۰۳/۳۰
سلام دوست عزیز خسته نباشید
راستش من اصلا چیزی در مورد لوگو نمیدونم چه برسه که بخوام تو فتوشاپ درستش کنم
میشه یه لطف کنین و به وبم بیاید و توضیحات کامل رو در مورد چگونگی قرار دادنش برام توضیح بدید؟
خواهش خیلی گشتم ولی توضیحی که بتونه قانع ام کنه ندیدم لطفا لطفا الان خیلی به کمکتون احتیاج دارم
من منتظرماااااااااااااااااااا
پاسخ: 
لوگو چیز پیچیده ای نیست! یک عکس جهت نمایش نماد وبلاگ شما، کاملا هم سلیقه ای است. تنها راهنمایی ما این است که یک بار مطلب را به صورت کامل بخوانید، اگر کمی با فتوشاپ آشنا باشید، مشکلی نخواهد بود، متاسفانه به دلیل محدودیت زمان امکان توضیح بیشتر برایمان مقدور نیست.
نویسنده: کنکاش
۰۶:۳۶ ۱۳۹۱/۰۴/۳۰
سلام. به به. واقعا که چه قدر خوب یاد دادید. دمتون گرم. فقط یه سوالی وقتی کد لوگوی خودمون را میزاریم از طریق input کد لوگوم وسط نمیفته و میچسب به سمت چپ اون قسمت و یا کادر این مشکل برای لوگو هایی که می خوام به صورت تکی هم بزارم پیش میاد و وسط قرار نمیگیره ؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟
پاسخ: 
برای تنظیم عناصر وب در وسط یک بلاک، از تگ center در HTML استفاده کنید.
<center><input ... /></center>
البته شیوه حرفه ای تر و بهتر انجام این کار استفاده از CSS و خاصیت text-align:center است.
نویسنده: کنکاش
۱۷:۵۸ ۱۳۹۱/۰۴/۳۱
تشکر
تشکر
نویسنده: دلتنگ کربلا
۱۷:۰۲ ۱۳۹۱/۰۷/۰۱
خیلی خیلی خیلی خیلی خیلی خیلی خیلی عالی بود ممنون
نویسنده: محدثه
۱۹:۴۰ ۱۳۹۱/۱۰/۱۴
عالـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــی
بود تاحالا از این توضیح بهتر ندیده بودم
نویسنده: ناهید
۱۳:۳۹ ۱۳۹۱/۱۱/۰۱
ممنووووووووووووووون :)
نویسنده: دینا
۱۱:۱۰ ۱۳۹۱/۱۱/۱۶
با سلام و سپاس فراوان
لطفاً بفرمایید چرا هیچکدام از 4 کد آخر که جای لوگو را تعیین می کنند در سیستم من جواب نمی دهند ، مرورگر من firefox18 است. (src ها را نیز مانند مثال های قبلی، به صورتی مناسب تغییر دادم.)
پاسخ: 
ممنون از یادآوری شما، مشکل بررسی و آموزش اصلاح شد، لطفا از کدهای جدید استفاده کنید.
نویسنده: علی جویافر
۱۴:۳۸ ۱۳۹۲/۰۲/۲۴
سلام
کدتون عالی بود
ممنون
نویسنده: بهمن
۰۱:۵۱ ۱۳۹۲/۰۶/۱۵
سلام
من ميخواستم بدونم چرا در قسمت ويرايش قالب وقتي ميخوام عکس لوگوي بالاي وبلاگ رو تغيير بدم و آدرس عکسي که خودم آپلود کردم رو بدم با پيغام امکان درج عبارت asalchat.com در قالب وبلاگ وجود ندارد مواجه ميشم.
در ضمن اندازه عکس رو هم تو فتوشاپ درست کردم و اندازه همون عکسيه که از قبل بود.
ممنون ميشم اگه راهنمايي بفرماييد.
پاسخ: 
پاسخ این سوال را باید مدیریت سایت بلاگفا بدهد که محدودیت های بیش از حدی بر کاربران اعمال می کند! دلیل مشاهده پیام این است که به ذعم مدیریت سایت مزبور آدرس مورد نظر یک آدرس تبلیغاتی است، باید فایل تصویر خود را در آدرسی دیگر آپلود کنید.
۰۱:۱۲ ۱۳۹۲/۱۲/۲۲
مرسی خیلی جالب و خوب بود
خیلی کمکم کرد
و من الله توفیق
نویسنده: nimarasi
۱۲:۵۲ ۱۳۹۳/۰۹/۰۵
عالی بود اجراش میکنم
۰۰:۰۴ ۱۳۹۳/۱۱/۱۳
کد لوگو ی وبلاگ رو کجا قرار بدم؟
پاسخ: 
در بخش کدها و اسکریپت های اختصاصی کاربر (این عنوان ممکن است در سیستم های وبلاگی مختلف کمی فرق کند) یا در ویرایش کد HTML قالب.
more لطفا پیش از ارسال یادداشت نکات زیر را مد نظر داشته باشید:
- موارد غیرمرتبط با مباحث آموزش ها را در فرم منوی "تماس با ما" مطرح و پاسخ را از طریق ایمیل دریافت کنید.
- به سوالات کلی، مبهم و مشکلاتی که تلاشی برای رفع آن نکرده باشید پاسخ مختصر داده خواهد شد.
- کدها و اسکریپت های طولانی را ترجیحا در یک صفحه وب آنلاین قرار دهید تا امکان تست و بررسی وجود داشته باشد.
- از درج عناوین تبلیغاتی در فیلدها خودداری کنید، در صورتی که یادداشت تبلیغاتی تشخیص داده شود حذف خواهد شد.
- تمام یادداشت ها بررسی و زمانی جهت پاسخگویی در نظر گرفته می شود، لطفا از طرح سوالات متعدد خودداری کنید.





7 × 6
 refresh

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

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

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

form محمد
در:
سلام خیلی خیلی ممنون تشکر
۱۴۰۰/۰۴/۲۷

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

form محمد
در:
سلام ببخشید من با curl میخواستم فایلی رو با api بفرستم ولی جواب نداد اگر امکانش هست تصحیحش کنید:
۱۴۰۰/۰۴/۲۷

form برنامه نویس
در:
سلام و عرض ادب خدمت استاد. یه سوال خدمت شما داشتم. چطور می تونیم از ادیتور مثل ckeditor یا tinymsc به جای textarea...
۱۴۰۰/۰۴/۲۷

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

form علی
در:
سلام خوبین؟ من میخوام برای وبلاگم سبد خرید بزنم ولی php و ........ بلد نیستم اگه برام درست کنین ممنونتون میشم
۱۴۰۰/۰۴/۱۹

form سینا الف
در:
باسلام! من از این آموزش‌ سایت‌تون هم خیلی استفاده کردم. ضمن تشکر صمیمانه از مدیریت وبگو بابت مطالب مفید و کاربری اش، سوالی درباره...
۱۴۰۰/۰۴/۱۸

form محمود
در:
سلام و تشکر از کمک های قبلی تان. در بخش بالا قسمت «تغییر رنگ پس زمینه با کلیک کاربرم» را خوندم . ولی کد...
۱۴۰۰/۰۴/۱۸

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

form احمد
در:
سلام خسته نباشید من یه کد نوشتم که قیمت کالا ها و نام کالا ها رو از یه صفحه برام استخراج کنه و بصورت جدول...
۱۴۰۰/۰۴/۱۴

form محمود
در:
سلام و عرض ادب چگونه می شود با کلیک روی یک متن ، کل پس زمینه در یک آن چشمک بزند یعنی رنگ...
۱۴۰۰/۰۴/۱۱

form مجید
در:
سلام. من برنامه ای دارم که بر اساس php و mysql کار میکنه. بهش 100 جمله میدم و جملات رو تصادفی نمایش میده. حالا میخام...
۱۴۰۰/۰۴/۱۰

form Amir
در:
خیلی عالی بود
۱۴۰۰/۰۴/۱۰

form Amir
در:
سلام ببخشید یک کانال تلگرامی است که سیگنال میده و شرطی اینکه در آلپاری و لایت فارسی حساب داشته باشی و تحت ای پی آنها...
۱۴۰۰/۰۴/۱۰

form مجید
در:
خیر ببینی جوون - این اسکرول افقی کلی اعصاب رو بهم ریخته بود .
۱۴۰۰/۰۴/۰۷

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