article

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

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 میزان فاصله تصویر را از جهت های مختلف تنظیم می کنند، همانطور که در نمونه کدها مشخص است این ویژگی ها در اینکه تصویر کجای صفحه نمایش داده شود موثر هستند.
sectionدسته بندی: آموزش کاربردی » JavaScript
related مطالب بیشتر:
» ساخت دکمه رفتن به بالای صفحه (Scroll to Top) با جاوا اسکریپت
» نمایش پیام صفحه در حال بارگذاری با جاوا اسکریپت
» اعتبار سنجی فرم های وب با جاوا اسکریپت
» نمایش کادر پیام شناور در سایت و وبلاگ با جاوا اسکریپت
» ساخت پنل چند سربرگی (Tabbed Panel) با جاوا اسکریپت و CSS
commentنظرات (۱۲ یادداشت برای این مطلب ارسال شده است)
more یادداشت های جدید بر اساس تاریخ ارسال در انتهای یادداشت های موجود نمایش داده می شوند.
نویسنده: baran
زمان: ۱۶:۵۵:۲۶ - تاریخ: ۱۳۹۱/۰۳/۳۰
سلام دوست عزیز خسته نباشید
راستش من اصلا چیزی در مورد لوگو نمیدونم چه برسه که بخوام تو فتوشاپ درستش کنم
میشه یه لطف کنین و به وبم بیاید و توضیحات کامل رو در مورد چگونگی قرار دادنش برام توضیح بدید؟
خواهش خیلی گشتم ولی توضیحی که بتونه قانع ام کنه ندیدم_لطفا لطفا الان خیلی به کمکتون احتیاج دارم
من منتظرماااااااااااااااااااا
پاسخ: 
سلام
لوگو چیز پیچیده ای نیست! یک عکس جهت نمایش نماد وبلاگ شما، کاملا هم سلیقه ای است. تنها راهنمایی ما این است که یک بار مطلب را به صورت کامل بخوانید، اگر کمی با فتوشاپ آشنا باشید، مشکلی نخواهد بود، متاسفانه امکان توضیح بیشتر برایمان مقدور نیست.
نویسنده: کنکاش
زمان: ۰۶:۳۶:۴۸ - تاریخ: ۱۳۹۱/۰۴/۳۰
سلام. به به. واقعا که چه قدر خوب یاد دادید. دمتون گرم. فقط یه سوالی وقتی کد لوگوی خودمون را میزاریم از طریق input کد لوگوم وسط نمیفته و میچسب به سمت چپ اون قسمت و یا کادر این مشکل برای لوگو هایی که می خوام به صورت تکی هم بزارم پیش میاد و وسط قرار نمیگیره ؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟
پاسخ: 
سلام
برای تنظیم عناصر وب در وسط یک بلاک، از تگ center در html استفاده کنید.
<center><input ... /></center>
البته شیوه حرفه ای تر و بهتر انجام این کار استفاده از css و خاصیت text-align:center است.
نویسنده: کنکاش
زمان: ۱۷:۵۸:۳۷ - تاریخ: ۱۳۹۱/۰۴/۳۱
تشکر
تشکر
نویسنده: دلتنگ کربلا
زمان: ۱۷:۰۲:۴۰ - تاریخ: ۱۳۹۱/۰۷/۰۱
خیلی خیلی خیلی خیلی خیلی خیلی خیلی عالی بود ممنون
نویسنده: محدثه
زمان: ۱۹:۴۰:۴۳ - تاریخ: ۱۳۹۱/۱۰/۱۴
عالـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــی
بود تاحالا از این توضیح بهتر ندیده بودم
نویسنده: ناهید
زمان: ۱۳:۳۹:۴۴ - تاریخ: ۱۳۹۱/۱۱/۰۱
ممنووووووووووووووون :)
نویسنده: دینا
زمان: ۱۱:۱۰:۴۷ - تاریخ: ۱۳۹۱/۱۱/۱۶
با سلام و سپاس فراوان
لطفاً بفرمایید چرا هیچکدام از 4 کد آخر که جای لوگو را تعیین می کنند در سیستم من جواب نمی دهند ، مرورگر من firefox18 است. (src ها را نیز مانند مثال های قبلی، به صورتی مناسب تغییر دادم.)
پاسخ: 
سلام
ممنون از یادآوری شما، مشکل بررسی و آموزش اصلاح شد، لطفا از کدهای جدید استفاده کنید.
نویسنده: علی جویافر
زمان: ۱۴:۳۸:۰۵ - تاریخ: ۱۳۹۲/۰۲/۲۴
سلام
کدتون عالی بود
ممنون
نویسنده: بهمن
زمان: ۰۱:۵۱:۴۰ - تاریخ: ۱۳۹۲/۰۶/۱۵
سلام
من ميخواستم بدونم چرا در قسمت ويرايش قالب وقتي ميخوام عکس لوگوي بالاي وبلاگ رو تغيير بدم و آدرس عکسي که خودم آپلود کردم رو بدم با پيغام امکان درج عبارت asalchat.com در قالب وبلاگ وجود ندارد مواجه ميشم.
در ضمن اندازه عکس رو هم تو فتوشاپ درست کردم و اندازه همون عکسيه که از قبل بود.
ممنون ميشم اگه راهنمايي بفرماييد.
پاسخ: 
سلام
پاسخ این سوال را باید مدیریت سایت بلاگفا بدهد که محدودیت های بیش از حدی بر کاربران اعمال می کند! دلیل مشاهده پیام این است که به ذعم مدیریت سایت مزبور آدرس مورد نظر یک آدرس تبلیغاتی است، باید فایل تصویر خود را در آدرسی دیگر آپلود کنید.
زمان: ۰۱:۱۲:۳۸ - تاریخ: ۱۳۹۲/۱۲/۲۲
مرسی خیلی جالب و خوب بود
خیلی کمکم کرد
و من الله توفیق
نویسنده: nimarasi
زمان: ۱۲:۵۲:۵۲ - تاریخ: ۱۳۹۳/۰۹/۰۵
عالی بود اجراش میکنم
زمان: ۰۰:۰۴:۱۶ - تاریخ: ۱۳۹۳/۱۱/۱۳
کد لوگو ی وبلاگ رو کجا قرار بدم؟
پاسخ: 
در بخش کدها و اسکریپت های اختصاصی کاربر (این عنوان ممکن است در سیستم های وبلاگی مختلف کمی فرق کند) یا در ویرایش کد HTML قالب.
more لطفا پیش از ارسال یادداشت نکات زیر را مد نظر داشته باشید:
- مواردی که به کلی خارج از موضوع این مطلب هستند را در فرم منوی "تماس با ما" مطرح و پاسخ را از طریق ایمیل دریافت کنید.
- به سوالات کلی، مبهم، غیرضروری و مشکلاتی که تلاشی برای رفع آن نکرده باشید پاسخ خاصی داده نخواهد شد.
- کدها و اسکریپت های طولانی را ترجیحا در یک صفحه وب آنلاین قرار دهید تا امکان تست و بررسی وجود داشته باشد.
- تمام یادداشت ها بررسی و برای هر کاربر زمان مشخصی جهت پاسخگویی در نظر گرفته می شود، لذا از طرح سوالات متعدد در بازه زمانی کوتاه خودداری کنید.




3 × 4
 refresh
نکته:
با توجه به تاریخ نگارش آموزش های سایت و پیشرفت تکنولوژی های مرتبط با وب در سالیان اخیر، محتوای برخی از مطالب قدیمی ممکن است نیاز به ویرایش و به روزرسانی داشته باشد که این کار هم زمان با تهیه نسخه جدید «وبگو» به مرور در حال انجام است، لطفا در استفاده از مطالب سایت به این نکته دقت داشته و حتی المقدور از چند منبع مختلف استفاده نمائید.
آخرین دیدگاه ها
form mina
در:
سلام خسته نباشید. من چند سال قبل html-css-php-sql رو یاد گرفتم الان تا حدودی متاسفانه فراموش کردم حالا که دوباره شروع کردم به یادگیری خیلی...
۲۲:۰۷:۲۸ ۱۳۹۸/۰۷/۲۵

form سینا
در:
سلام ، وقت بخیر. برای مشورت مزاحمتون شدم . بنظرتون کسی که به زبان php مسلط هست و چند تا پروژه داشته...
۲۱:۲۱:۱۷ ۱۳۹۸/۰۷/۲۵

form آنیتا
در:
سلام وقت بخیر چطور میشه وبلاگی که اسمشو تغییر دادن پیدا کرد نه پسوردشو داری نه ایمیل... فقط توی گوگل سرچ میکنم همه...
۱۶:۵۷:۱۵ ۱۳۹۸/۰۷/۲۵

form مریم
در:
سلام روز بخیر. میخواستم در مورد قیمت سایت بپرسم کسی آشنا ندارم بپرسم ببخشید که از شما میپرسم . چند بار توی زمینه...
۱۱:۵۹:۳۴ ۱۳۹۸/۰۷/۲۴

form shayanzad
در:
من تونستم نظرات خوبی رو تو این صفحه پیدا کنم. ممنون مفید بود برای من.
۱۰:۵۴:۴۶ ۱۳۹۸/۰۷/۲۴

form sasan
در:
سلام من میخوام با زدن سابمیت یک پیغام در همین صفحه نمایش داده بشه ولی الان با زدنش به صفحه جدید و آدرس...
۱۷:۳۸:۱۸ ۱۳۹۸/۰۷/۲۳

form خانه کار
در:
سلام خسته نباشید خیلی ممنون از راهنمایی خوبتون. من یه سایت کاریابی زدم که آگهی های کار داره. این آگهی ها مرتب اضافه و کم...
۱۵:۴۵:۰۲ ۱۳۹۸/۰۷/۲۳

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

form زهرا
در:
سلام من می خاستم یه وبلاگ داشته باشم ثبت نام کردم و در آخر نوشته شده بود که درخواست تایید وبلاگ به ایمیل...
۲۰:۴۰:۰۲ ۱۳۹۸/۰۷/۲۰

form maryam
در:
بخاطر کمکتون ممنون درست شد برنامه با راهنمایی شما
۱۸:۰۰:۱۵ ۱۳۹۸/۰۷/۲۰

form مریم
در:
ممنون مشکل دومم حل شد طبق راهنمایی شما اما مورد اول قفل کنار https اصولا باید سبز رنگ باشه مثل سایت شما اما...
۱۵:۰۰:۲۵ ۱۳۹۸/۰۷/۲۰

form maryam
در:
ممنون از پاسختون . اما درست نشد من نام فونت تغییر داده بودم به font و مسیر هم درست بود از چند تا...
۱۳:۰۲:۱۱ ۱۳۹۸/۰۷/۲۰

form مریم
در:
سلام وقت بخیر من دو تا سوال داشتم اول اینکه برای اضافه کردن https به سایت استفاده از کد ...
۱۲:۵۶:۰۶ ۱۳۹۸/۰۷/۲۰

form maryam
در:
سلام روزتون بخیر . میخواستم برای سایت از کد ریکپچا استفاده کنم . اما در قسمت آموزش های سایت شما پیدا نکردم . پیشاپیش...
۱۴:۲۲:۰۷ ۱۳۹۸/۰۷/۱۹

form محمدی فر
در:
رتبه الکسا خیلی دقیق نیست با خرید چند هزار بازدید میشه رتبه یک سایت رو کلی بهبود داد
۱۴:۳۳:۰۴ ۱۳۹۸/۰۷/۱۸