CSS

  • ۱۲ قالب HTML برای ساخت لیستی از آیتم‌ها

    ۱۲ قالب کارآمد برای صفحات فهرست

    در این‌ جا ما برای شما ۱۲ قالب زیبا و دوست داشتنی جهت نمایش لیستی از آیتم‌های گوناگون در طراحی وب سایت مهیا کرده‌ایم.

  • 3 فرم بوت استرپ زیبا‌

    ما برای شما سه فرم ریسپانسیو جذاب آماده کرده‌ایم که می‌توانید آن ها را مستقیما در پروژه‌های طراحی سایت خود کپی کرده و از آن‌ها استفاده نمایید.

  • آموزش ساخت قالب جوملا (مبتدی)

    مراحل ایجاد یک قالب جوملا

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

  • آیکون‌های دوست داشتنی مخصوص روز ولنتاین

    بسته رایگان آیکون‌های مخصوص روز ولنتاین

    با استفاده از این آیکون‌های فوق‌العاده جذاب و حیرت‌آور در طراحی‌ سایت خود، حس زیبای روز ولنتاین را به خوبی احساس کنید.

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

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

    بنظر می‌رسد شما تمامی اقدامات لازم برای بهبود نرخ تبدیل(Convertion Rate) سایت خود را  انجام داده‌اید، درست است؟ یک صفحه نخست زیبا ایجاد کرده‌اید و داخل آن را با محتوایی قوی پر کرده‌اید، دکمه‌های مختلفی را برای فراخوانی اعمال لازم ایجاد کرده‌اید اما نرخ تبدیل سایت اندکی بالا نرفته‌است. آیا این رخداد مربوط به اشتباهات طراحی شماست که مشتریان شما را از شما دور کرده‌است؟ خیلی حیف است که با وجود تلاش بالای شما و اعمال بهترین شیوه‌های بهینه‌سازی، طراحی سایت ضعیف شما مانع از کسب نتیجه مطلوب شود.

  • انیمیشن های جذاب در صفحات وب

    شاید برایتان جالب باشد که بدانید چگونه می توان  یک یا چند تگ HTML  را با انیمیشن های متفاوت در صفحه وب ظاهر کرد؟ در این مقاله قصد داریم پلاگین wow را به شما معرفی کنیم.

  • برای طراحی سایت از کجا باید شروع کرد؟

    برای طراحی سایت از کجا باید شروع کرد؟

    اگر شما به تازگی وارد عرصه طراحی سایت شده‌اید اما نمی‌دانید چگونه باید فعالیت خود را آغاز کنید مطالعه این مقاله به شما کمک خواهد کرد که بر نگرانی‌ها و دل مشغولی‌های خود غلبه کرده و محکم در این مسیر گام بردارید.

  • به کاربردن فونت فارسی در طراحی وب

    فونت فارسی برای صفحات وب

    از جمله محدودیت‌های وب نداشتن فونت مناسب برای زبان پارسی است. بسیاری از سایت‌هایی که به زبان فارسی هستند اغلب از چند فونت رایج مانند Tahoma و یا Arial استفاده می‌کنند.

  • چهار قالب بوت استرپ زیبا برای گالری تصاویر

    معرفی چهار قالب بوت استرپ زیبا برای گالری تصاویر

    ما در این مقاله در نظر داریم تا به معرفی ۴ گالری تصاویر بی‌نظیر با قابلیت بوت استرپ بپردازیم. همانند خیلی از آموزش‌های پیشین قالب‌های معرفی شده به صورت کاملا رایگان در اختیار شما قرار گرفته‌است.

  • چهار منوی زیبا با قابلیت ریسپانسیو

    با توجه به استفاده روزافزون از طراحی‌ سایت های ریسپانسیو برآن شدیم تا چهار منوی زیبا با قابلیت ریسپانسیو به شما معرفی کنیم تا آن‌ها را بصورت رایگان در پروژه‌های خود استفاده کنید. این منوها بدون استفاده از هرگونه فریم ورک ساخته شده‌اند پس با خیال راحت آنرا در هرجایی می‌توانید استفاده کنید.

  • شش قالب کاربردی و زیبا برای تب‌ها و صفحه گذاری‌ها

    ۶ قالب کاربردی و زیبا برای صفحه‌گذاری و تب‌ها

    در این مقاله، ما مجموعه‌ای از شش قالب بسیار زیبا و کاربردی از تب‌ها و صفحه‌بندی‌ها را برای طراحی سایت شما فراهم کرده‌ایم.

    این قالب‌ها براساس هیچ فریم‌ورکی طراحی نشده‌اند در نتیجه شما به راحتی می‌توانید محتوای خود را به آن‌ها اضافه کنید و یا تنها با مقدار اندکی ‌HTML و CSS  به راحتی می‌توانید این قالب‌ها را شخصی‌سازی کنید و به شکل دلخواه خود درآورید.

  • شیوه ساخت فوتر ثابت

    شیوه ساخت فوتر ثابت

     در این مقاله آموزشی سعی داریم تا یک تکنولوژی جدید و کاربردی را در حوزه طراحی سایت بررسی کنیم. استفاده از این تکنولوژی، فوترهایی امن و مطمئن را برای ما تضمین خواهد کرد. بدین صورت که با وجود هر میزان محتوای سایت، فوتر ما در پایین صفحه وب‌سایت به صورت ثابت قرار خواهد گرفت.

  • طراحی جدول های قیمت زیبا و کارآمد

    چهار جدول قیمت کارآمد

    در این مقاله ما قصد داریم که چهار جدول قیمت، بسیار زیبا را به شما معرفی کنیم. شما به راحتی می‌توانید آن‌ها را دانلودکرده و به سادگی از آن‌ها در پروژه‌های طراحی سایت خود استفاده کنید.

  • طراحی سایت ریسپانسیو چیست و چرا باید به آن اهمیت بدهیم؟

    طراحی سایت ریسپانسیو راهی برای ساختن یک سایت واحد است که به طور مؤثر در هر دو مرورگرهای کامپیوترهای رومیزی و دستگاه‌های موبایل بیشماری که در بازار هستند کار کند. معماری ریسپانسیو (واکنش‌گرا) به شما بهترین تجربه وب‌گردی را می‌دهد چه دستگاه شما یک موبایل، تبلت یا نوت بوک باشد صرف نظر از سیستم عامل.

  • طراحی منوی آبشاری فانتزی با دستورات CSS

    منوی آبشاری با کمک دستوراتcss

    در این مقاله ما قصد داریم برای شما با کمک دستورات CSS3 و فونت آیکون‌های Font AWESOME مراحل ایجاد منوی آبشاری فانتزی را به صورت گام به گام شرح دهیم.  در واقع فونت آیکون به فونتی اشاره دارد که درآن هریک از آیکون‌ها به جای کلمات، توسط کاراکترهای مربوطه مشخص می‌شوند. این بدان معنی است که شما  این آیکون‌های زیبا را، می‌توانید در تمام مرورگرهایی که فونت‌های سفارشی html5 را پشتیبانی می‌کنند، داشته‌باشید.

  • نحوه طراحی منوی شناور

    FloatingMenu

    تاکنون پیش آمده که در حین جستجو در سایت و مرور مطالب آن نیاز پیدا کنید تا مجدد به منوی تعبیه شده در بالای سایت رجوع کنید؟
    اسکرول سایت و برگشت به ابتدای صفحه جهت رویت منو، کاری خسته کننده نیست؟!!

  • نمایش تصاویر به صورت گالری

    در این‌جا قصد داریم اندکی از تجربیات خود را با علاقه‌مندان  طراحی سایت به اشتراک بگذاریم –پلاگین Touch-touch.

    Touch-touch یک پلاگین j-query است که مجموعه‌ای از عکس‌های یک صفحه وب را به یک گالری موبایل سازگار با لمس دست تبدیل می‌کند.