آموزش Front-End

آموزش وردپرس ، استایل دادن به منوها

یکی از ارکان اصلی هر سایت منو های آن سایت می باشد.در وردپرس منو ها به صورت داینامیک می باشد به صورتی که کاربران با قراردادن لینک های مورد نظر منو های خود را می سازند.هر سایتی ممکن است منوهای منحصر به فرد خود را داشته باشد با طراحی های خاص.بعضی منو ها مگا منو(mega menu) و بعضی به صورت ساده می باشند. اگر بخواهیم استایل منو ها را تغییر داده و به سبک دلخواه در بیاوریم باید کلاس های پیشفرضی که وردپرس به منو ها داده را بدانیم.در این قسمت از آموزش وردپرس  نحوه نمایش منو ها و نحوه استایل دهی آن ها را نیز نمایش می دهیم.اما بهتر است از یک طراح وب نیز ...

ادامه مطالب
آموزش وردپرس ، استایل دهی به زیر دسته بندی ها

دسته بندی ها در وردپرس یکی از بخش های اصلی سایت می باشد .با استفاده از دسته بندی ها می توان موضوعات اصلی سایت را برجسته تر کرده و برای آنها زیر دسته بندی قرار داد.حال وردپرس برای دسته بندی ها و زیر دسته بندی ها کلاس های پیشفرض خود را  قرار می دهد تا کاربران (طراح های یک سایت بیشتر) بتوانند از این کلاس ها استفاده کرده و سبک (style ) سایت خود را به دلخواه تغییر دهند. اگر از کد زیر برای نمایش دسته بندی ها استفاده می شود [crayon-5a33347a6c75f084253544/] می توان از طریق کد زیر دسته ها را در وردپرس سبک دهی کرد.اگر قرار باشد زیر دسته ها نمایش داده نشوند و یا با سبک خاص نمایش داده ...

ادامه مطالب
آموزش وردپرس، استایل دهی فرم های contact form 7

مدیران سایت ها برای اینکه با کاربران خود تعامل داشته باشند از فرم های تماس استفاده می کنند .این فرم ها به مدیران بسیار کمک می کند تا  به سوالات کاربران پاسخگو بوده و همچنین کاربران برای ارتباط لازم نباشد پست الکترونیکی خود مانند gmail را باز کرده و با مدیران ایمیل دهند فقط کافیست فرم تماس را پر کرده و دکمه ارسال را بزنند. وردپرس دارای فرم های تماس بسیاری می باشد مانند gravity و یا contact form 7 که از بهترین فرم ساز های وردپرس می باشند .حتما هم پیش آمده که وقتی از پلاگین Contact Form 7  استفاده  کرده باشید و  وقتی فرم ها را در جای مخصوص می گذارید استایل ...

ادامه مطالب
آموزش چرخش یک شی با CSS3

با عرض سلام من صادق مهدی لو هستم و در این آموزش قصد دارم نحوه چرخش یک شی رو با استفاده از CSS3  بهتون آموزش بدم،‌ با مردان وردپرس همراه باشید. یکی از امکانات جدیدی که به CSS3 اضافه شده این هست که شما میتونید یک شی رو با هر زاویه ای که دلتون می خواد بچرخونید به نمونه زیر دقت کنید: [crayon-5a33347a6d584499717686/] .demo511 { display: block;width: 10px;height: 200px;border: 1px solid;padding: 0px;font-size: 26px;font-family: Arial;background: #CCC;margin: 80px auto; -webkit-animation-name: rotation; /* Chrome, Safari, Opera */ -webkit-animation-duration: 4s ; /* Chrome, Safari, Opera */ -webkit-animation-iteration-count: infinite; animation-name: rotation; animation-duration: 4s ; animation-iteration-count: infinite; } @-webkit-keyframes rotation ...

ادامه مطالب
آموزش CSS ، سایه دادن به نوشته

سلام دوستان امروز میخوام نحوه سایه دادن به متن رو با استفاده از CSS  بهتون آموزش بدم پس با ما همراه باشید. برای اینکه به یک نوشته سایه داده بشه کافی از خاصیت text-shdow استفاده بشه همونطور که در کد زیر میبینید به سادکی میشه با دادن این خاصیت به  هر متنی که دلتون میخواد سایه بدید و اگر یکم ذکات به خرج بدید میتونید ی حالت سه بعدی نیز ایجاد کنید. به کد زیر دقت کنید [crayon-5a33347a6dacb270596080/] ما در این کد اومدیم از یک div استفاده کردیم و یک سری خاصیت با استفاده از css  به اون دادیم که یکی از اون ها همون text-shadow هستش که سایه رو ایجاد کرد. اما خاصیت text-shadow چه تنظیماتی داره و اینکه چه مرورگر هایی ...

ادامه مطالب