کدنویسی html و css

توضیحات بخش :

آموزش برنامه نویسی و کدنویسی html 5 و css 3 جهت طراحی سایت و طراحی قالب وردپرس به صورت استاندارد و ولید یا معتبر در w3c

دسته کدنویسی html و css دارای 14 مطلب می باشد و آخرین بروزرسانی در تاریخ ۱۶ اردیبهشت ۱۳۹۵ صورت گرفته است.

ایجاد مثلث با کد css در طراحی قالب وردپرس

ایجاد مثلث با کد css در طراحی قالب وردپرس
به احتمال زیاد در هنگام کدنویسی و طراحی قالب وردپرس با اشکال هندسی در طرح رابط کاربری یا همان psd قالب برخورد کرده اید، برای پیاده سازی اشکال هندسی چند راه وجود دارد که به اختصار هر کدام را شرح میدهیم. روش اول استفاده از فونت آیکون ها میباشد که اگر سایر ایکون و تصاویر پوسته در مجموعه فونت آیکون موجود هستند میتوانید از فونت آیکون برای نمایش ایکونهای بخشهای مختلف رابط کاربری استفاده کنید. روش دوم بکارگیری div و اختصاص تصویر به عنوان تصویر زمینه div می باشد که میتوان با تعیین موقعیت position:absolute بخش را جابه جا کرد. اما بهترین روش ایجاد مثلث با کد css است زیرا توسط چند خط کد ساده امکان ساخت مثلث و سایر اشکال هندسی فراهم میشود درنتیجه سرعت بارگذاری پوسته افزایش می یابد. در این مطلب از روناک وب به آموزش و...

تغییر رنگ آدرس بار مرورگر موبایل در سایت و وردپرس

تغییر رنگ آدرس بار مرورگر موبایل در سایت و وردپرس
اگر از تبلت یا موبایل های هوشمند اندرویدی یا ios برای وبگردی استفاده کرده باشید قابلیت جالب تغییر رنگ آدرس بار مرورگر یا همان نوار آدرس دهی که url های سایت را نمایش میدهد را مشاهده کرده اید طوریکه نوار آدرس بروزر موبایل در هر سایتی به رنگ خاصی تغییر میکند و در نتیجه آن رنگبندی مرورگر با سایت و قالب وردپرس هماهنگ می شود. برای بهره برداری بهتر از این امکان جالب بهتر است پوسته سایت تان دارای طراحی واکنش گرا یا ریسپانسیو باشد تا با به درستی در نمایشگر موبایل نمایش داده شود و نیازی به اسکرول در عرض و زوم کردن برای مشاهده محتوای وب سایت نباشد. اگر میخواهید قابلیت تغییر رنگ آدرس بار مرورگر موبایل را در سایت تان ایجاد کنید این آموزش از روناک وب را از دست ندهید.

کد Css Reset و Html5 سازگاری قالب و نمایش یکسان سایت در مرورگرها

کد Css Reset و Html5 سازگاری قالب و نمایش یکسان سایت در مرورگرها
یکی از نکات مهم در طراحی سایت یا طراحی قالب وردپرس رعایت اصل سازگاری و نمایش صحیح وب سایت در مرورگرهای اینترنتی متفاوت می باشد. از پرکاربرد و محبوب ترین مرورگر های وب می توان به کروم، فایرفاکس و سافاری اشاره کرد که تقریبا کمترین ناسازگاری را چه در نسخه های قدیم و چه در ورژنهای به روز در میان سایر Browser بروزرها دارا می باشند و از بدترین مرورگرها می توان به اینترنت اکسپلورر ie در نسخه های ۷ و ۸ اشاره کرد که به کابوسی برای طراحان تبدیل شده بود به همین دلیل تقریبا دیگر هیچ طراحی وقتش را برای سازگاری کامل سایت با ie نسخه ۷ و ۸ صرف نمی کند. در این مطلب از روناک وب نحوه نمایش پیش فرض یکسان وب سایت در مرورگرهای متفاوت با استفاده از کد Css Reset و Html5 سازگاری قالب...

افزودن فونت دلخواه به قالب سایت با دستور استاندارد css

افزودن فونت دلخواه به قالب سایت با دستور استاندارد css
یکی از امکاناتی که توسط css در اختیارمان قرار می گیرد امکان استفاده از فونت وب می باشد فونت وبها نسخه هایی استاندارد از فونتهای مورد استفاده در سایر برنامه ها و ویرایشگرهای متنی مانند: نرم افزارها آفیس و فتوشاپ و … می باشند که برای استفاده در صفحات وب و همچنین نمایش صحیح در مرورگرهای مختلف بهینه شده اند و معمولا حجم بسیار کمتری نسبت به نسخه خارج از وب و مخصوص سیستم عامل های کامپیوتری مانند ویندوز دارند. فونت وب معمولا با ۴ فرمت eot، woff، svg و ttf در صفحات وب بکار برده می شود در این پست قصد آموزش روش افزودن فونت دلخواه به قالب سایت با دستور استاندارد css را داریم پس همراه ما باشید.

آموزش ساخت منو کشویی وردپرس با کد html و css

آموزش ساخت منو کشویی وردپرس با کد html و css
در هر سایتی برای راهنمایی کاربران جهت دسترسی راحت تر به مطالب مورد نظرشان استفاده از دسته بندی موضوعی استاندارد که جامع و کامل باشد مورد نیاز است معمولا دسته ها را در سربرگ صفحه وب که با نام هدر header می شناسیم و یا ستون کناری sidebar سایت قرار می دهند البته محل قرارگیری منو بستگی به طراحی سایت دارد معمولا در مکانی که دید بیشتری داشته باشد نمایش داده می شود تا بازدیدکنندگان دسترسی راحت تری به آن داشته باشند در این پست از روناک وب قصد آموزش ساخت منو کشویی وردپرس با کد html و css به صورت استاندارد را داریم می توانید از منو کشویی Dropdown یا آبشاری آموزش داده شده در سایر سیستم های مدیریت محتوای وب مانند: نیوک، جوملا، دروپال، دیتالایف انجین و یا پروژه طراحی سیستم مدیریت محتوای اختصاصی نیز استفاده کنید.

با عضوت در خبرنامه ایمیلی جدیدترین مطالب و فیلم های آموزشی را در ایمیل تان دریافت کنید. اعضاء خبرنامه و صفحات اجتماعی روناک وب از امکانات ویژه ای برخوردار خواهند شد !!!