در این پست قصد دارم آموزش فعال کردن قابلیت تصویر شاخص رو برای شما وردپرسی های عزیز رو بدم! آموزش رو در ادامه مطلب دنبال کنید.
تا حالا حتما به این فکر کردید که چطور انواع خوراک آر اس اس (rss feeds) رو تو سایت خود داشته باشید.خب طبعا این کار به ترافیک بیشتر سایت و داشتن محتوای بیشتر تاثیر زیادی دارد.
برای اینکه ما یک اپلود سنتر ایجاد کردیم بسیاری از دوستان نمیدونند که چطور باید اپلود کنند چی مراحل را باید طی کنند تا اپلود تکمیل شود. ماهم تصمیم بر ان شدیم تا اموزش کامل حرفه ای تصویری از اپلود موزیک, فایل, عکس.... را توی سایت بگذاریم که شما بازدیدکنندگان گرامی انـ اسکین از آن به وج احسن استفاده نمایید.
مرحله اول:
صفحه اصلی اپلود سنتر بزرگ انـ اسکین را باز کنید.
ادرس www.znup.tk
ادامه مطلب را کلیک کنید دوست عزیز
از دستورات شرطی برای انجام دستوراتی به شرط برقراری یک رابطه دیگر استفاده می شود. در طراحی صفحات وب بسیار پیش می آید که می خواهیم در شرایط خاصی صفحه یک رفتار مشخص داشته باشد و در موارد دیگر رفتار صفحه تفاوت داشته باشد. در این مواقع می توانیم از دستور شرطی if استفاده کنیم. با این دستور مشخص می کنیم اگر شرط خاصی برقرار بود یک عمل خاص انجام شود. ساختار این دستور به شکل زیر است :
دستور شرطی if
{
دستوری که در صورت درستی شرط اجرا می شود در اینجا قرار می گیرد
}
به یک مثال برای دستور if توجه کنید :
if (test == true) {
alert('شما دکمه مورد نظر را کلیک کردید و این پیام به نمایش در آمد');
}
برای اینکه کد بالا را آزمایش کنید لینک زیر را کلی کنید و در پیامی که نمایش داده می شود دکمه OK را کلیک کنید. اگر دکمه Cancel را کلیک کنید شرط بالا برقرا نمی شود و بدون اجرا شدن دستور شرطی صفحه مثال باز می شود.
border-style
با استفاده از استایل ما می توانیم برای اجزای یک صفحه کادر ایجاد کنیم. با استفاده از پارامتر border-style می توانیم مشخص کنیم که آیا می خواهیم کادر داشته باشیم یا نه، و اگر می خواهیم نوع کادری را که می خواهیم ایجاد کنیم مشخص کنیم. در اینجا می توانید برخی از مقادیری را که می توانیم برای border-style استفاده کنیم را ببینید:
- none
با استفاده از این مقدار تعیین می کنیم که نمی خواهیم کادر داشته باشیم. در صورتی که مقداری غیر از none تعیین شود کادر خواهیم داشت.
- solid
This DIV have a solid border
- dashed
This DIV have a dashed border
- dotted
This DIV have a dotted border
- double
This DIV have a double border
- groove
This DIV have a groove border
- hidden
- inset
This DIV have a inset border
- outset
This DIV have a outset border
- ridge
This DIV have a ridge border
همانطور که می بینید عرض این کادرها بیش از آن چیزی است که ما نیاز داریم چون ما برای این کادرها عرضی مشخص نکردیم. اگر بخواهیم عرض این کادرها به اندازه مشخصی باشد باید از پارامتر width که قبلاً با آن آشنا شدیم استفاده کنیم. به مثال زیر توجه کنید:
نتیجه به این صورت خواهد بود:
اکثر ما طراحان وب تلاش بسیاری در فراگیری راه های افزایش رتبه گوگل و الکسا داریم و سعی میکنیم راه هایی را بیاموزیم که به ما کمک میکند وبسایت خود را آماده ورود روبات های ذخیره کننده موتور های جست وجو کنیم تا مبادا بخشی از سایتمان از نظر آنها مخفی بماند و در جست و جو ها خودش را نشان ندهید ، اما کمتر کسی را میبینیم که به فکر نباید ها در seo باشد . کارهایی که ما نباید انجام دهیم تا سایت ما مورد پسند موتور های جست و جو و حتی کاربران ما واقع شود . در ادامه مطلب به ۲۹ مورد آن اشاره میکنم که پیشنهاد میکنم آنها را اصلا دست کم نگیرید …
(ادامه مطلب را کلیک کنید....)
سایت CSS-Tricks در فوتر خود از یک افکت جالب برای آیکون های موجود در آن استفاده کرده که با قرار گرفتن موس روی آنها به شکل زیبایی رنگ و طرحشان عوض میشود! در این مطلب قصد دارم تا نوع ساده ای از این افکت را به شما آموزش دهم که با استفاده از CSS3 میتوان آن را ایجاد کرد.
از این افکت می توانید در زیباتر کردن آیکون های سایت، تصاویر و… استفاده کنید. امیدوارم قسمت پنجم این مجموعه مقالات نیز برای شما مفید باشد. برای خواندن آموزش به ادامه مطلب مراجعه کنید.
استفاده از این امکان کار شما برای ثبت وب سایت تان و مدیریت آن به خصوص در موتور جستجوگر گوگل آسان میکند.
با استفاده از این آموزش به بهبود سایت خود خود کمک کنید.
ابتدا قبل از هر چیزی اگر اکانت در گوگل ندارید یکی بسازید.
به صفحه وبمستر تولز گوگل از لینک زیر بشوید و طبق آموزش عمل کنید :
همچنین من یک قسمت کوچولو به آموزش اظافه کردم که میتوانید آخرین مطالب سایت رو به صورت افقی و متحرک در بیاورید.(--- لطفا ادامه مطلب را کلیک کنید ---)
آموزش زیبا کردن تصاویر موجود در وبلاگ و یا وبسایت به کمک CSS| به ادامه مطلب مراجعه نمایید...