خرید vps ارزان

تبلیغات
طراحی و بهینه سازیمشاهده


آخرین ارسال های تالار مشاهده انجمن
  • ايميل ايزي گرام 0 پاسخ 37 بازدید
  • درخواست قالب Zephyr 5.1 7 پاسخ 44 بازدید
  • رکود بازار لوازم جانبی 0 پاسخ 6 بازدید
  • نگرانی گوگل از تسلط مایکروسافت برپلتفرم تلفن همراه 0 پاسخ 5 بازدید
  • Help - Grameasy version 2 1 پاسخ 142 بازدید
  • آموزش تصویری جامع نصب و تنظیمات اسکریپت NextPost 220 پاسخ 4822 بازدید
  • ثابت کردن اسلایدر 1 پاسخ 12 بازدید
  • کوپن 3 پاسخ 18 بازدید
  • مبتلایان به بواسیر این غذاها را نخورند 4 پاسخ 142 بازدید
  • درخواست افزونه user pro 1 پاسخ 31 بازدید
  • هاست

    آموزش طراحی منو افقی برای وردپرس

    CSS / HTML , آموزش طراحی , آموزش ها , مقالات,آموزش,ترفند , وردپرس
    آموزش طراحی منو افقی برای وردپرسReviewed by جواد on Nov 27Rating: 5.0آموزش طراحی منو افقی برای وردپرسدر این آموزش قصد طراحی منو افقی وردپرس را با html5 و css3 داریم.طراحی این منو به این صورت می باشد که ابتدا با استفاده از تگ های html جایگاه و آیتم های منو را ایجاد کرده و سپس با استفاده از css استایل و رنگ بندی های مورد نیاز را بر روی این منو اعمال می کنیم.

    در این آموزش قصد طراحی منو افقی وردپرس را با  html5 و css3 داریم.طراحی این منو به این صورت می باشد که ابتدا با استفاده از تگ های html جایگاه و آیتم های منو را ایجاد کرده و سپس با استفاده از css استایل و رنگ بندی های مورد نیاز را بر روی این منو اعمال می کنیم.

    آموزش طراحی منو افقی برای وردپرس

     

    برای زیبا تر شدن و خوانا شدن متن آیتم های منو, از فونت BKoodakBold استفاده می کنیم.این فونت را با استفاده از خاصیت font-face درون css3 فراخوانی می کنیم.در انتهای آموزش فایل فونت ها را می توانید دانلود کنید که اگر بخواهید از این فونت استفاده کنید بایستی پوشه فونت را هم درون پروژه خود قرار دهید.

    شروع کار:

    ابتدا کدهای مربوط به html را درون بدنه صفحه خود قرار دهید.برای طراحی منو علاوه بر تگ های div از تگ nav هم استفاده شده است که این خصوصیت مربوط به html5 می باشد.درون تگ ul=clearfix هم تابع فراخوانی موضوعات وردپرس را قرار می دهیم.

    نکته :اگر بخواهید این منو را برای سایت هایی غیر از وردپرس استفاده کنید تنها کافی است به جای تابع موضوعات وردپرس تگ های li قرار دهید.

     

    بقیه دستورات css منو:

    در کدهای css این منو از gradient یا (تدارج رنگ) و transition یا (فاصله زمانی) استفاده شده است و چون ممکن است بعضی از مرورگر های قدیمی از این ویژگی ها پشتیبانی نکنند,ما برای هر مرورگر این کد مربوط به آن را قرار دادیم,پس برای همین حجم کدها زیاد شده است.

    هنگامی که شما برای زیر منو ها هم ,زیر منو قرار دهید به صورت زیر نمایش داده می شوند:

    آموزش طراحی منو افقی برای وردپرس


    The product includes software licensed under GNU General Public License (GPL) or GNU

    دانلود
    .

    خرید هاست وردپرس با SSL رایگان



    مطلب مفیدی بود ؟
    کلمات کلیدی پست :
    درگاه پرداخت
    مطالب مرتبط
    1,224قالب متفاوت برای ادامه مطلب هر دسته در وردپرس تاریخ : 2018/05/30
    1,937پوسته چندمنظوره ارغوان برای وردپرس تاریخ : 2017/06/14
    5,790اسکریپت دایرکتوری فایل PHP FileList فارسی تاریخ : 2015/03/11
    3,084اسکریپت آپلودسنتر عکس آجاکس فارسی تاریخ : 2013/10/21
    9,816ایجاد اپلیکیشن های موبایل با اسکریپت BuildTool تاریخ : 2014/06/27
    4,622اسکریپت مدیریت صورت حساب و فاکتور Classic Invoicer نسخه ۱.۲ تاریخ : 2015/01/4
    6,870قالب اسکریپت کسب در آمد از پاپ آپ xdev به صورت HTML تاریخ : 2014/06/5
    4,750دانلود پوسته چندمنظوره و فروشگاهی Vilan برای وردپرس تاریخ : 2016/07/1
    5,267اسکریپت دریافت ping سایت به صورت آنلاین تاریخ : 2014/06/4
    5,419اسکریپت کوتاه کننده لینک PHP Short Url Script تاریخ : 2016/09/5
    2,917وردپرس فارسی ۳٫۹٫۱ نسخه توسعه یافته تاریخ : 2014/07/22
    3,290قالب وبلاگی و مینیمالیستی Casper برای وردپرس تاریخ : 2016/03/25
    برخی از قالب های وبلاگ - بیست اسکریپت
    قالب عشق بین انگشت ها
    قالب دخترونه و آرایش
    قالب زیبای ماشین
    قالب فانتزی و طنز چِشم
    قالب دختر رویایی
    قالب وبلاگ دکوراسیون
    قالب وبلاگ کلبه و درخت
    قالب دختر زیبا
    قالب پسرونه غمگین
    قالب عاشقانه قلب