Roker.css Library

A Powerful and Versatile CSS Framework

The Roker.css Library is a modern and feature-rich CSS library designed to simplify web development while providing unique and highly customizable designs. Whether you're building a simple project or a complex web application, Roker.css offers tools and themes that adapt seamlessly to your needs.

• GitHub Repository: Download or Clone Roker.css
• Online Integration: Use the hosted version in your projects directly.

---

🔥 Features

1. Extremely Easy to Use: Simply include the roker.css file in your HTML and start using predefined classes.
2. Customizable Design: Combine classes with inline styles (style="css code") for full customization.
3. Versatile Themes: Choose from multiple themes that cater to different styles and aesthetics.
4. Rich Examples: Explore our Simple Projects for inspiration and ready-to-use templates.

---

🚀 How to Use

1. Download the file from GitHub or use the online version.
2. Add it to your HTML:

html

   <link rel="stylesheet" href="roker.css">

3. Use predefined classes by combining the element name and theme. For example:

html

   <button class="buttonROYAL">Click Me</button>

You can apply themes to any element without restrictions. For example:
html

<element class="elementName+Theme"></element>

Additionally, you can customize it further with inline styles:
html

<element class="className" style="your-css-code"></element>

---

🌟 Available Themes

Roker.css offers a wide variety of themes for creative and unique designs:

• 3D: Stunning three-dimensional designs.
• ROYAL: Elegant and luxurious styles.
• GLASS: Sleek, glass-like aesthetics.
• CYBER: Futuristic and hacker-inspired themes.
• COLORFUL: Bold and vibrant colors.
• LUXURY: High-end and polished styles.
• GRAPHIC: Visual-focused elements.
• CLASSIC: Timeless, traditional designs.
• LASH: Urban and street-inspired designs.
• EVIL: Dark and aggressive aesthetics.
• BLUE: Modern, clean blue palettes.
• WONDER: Creative and whimsical designs.
• ODD: Unique and mysterious styles.
• SMART: Ultra-modern elements.
• ROBOT: Sci-fi and robotic visuals.
• CHAT: Perfect for chat applications.
• IR: Authentic Persian-inspired designs.
• FIG: Geometric and graphical designs.
• CODE: Minimal and coding-oriented themes.

Examples:
html

<button class="buttonCYBER">I'm Hacker!</button>

<button class="buttonEVIL">It's Evil!</button>

For more examples, visit the Simple Projects Section.

---

🛠️ Custom Models

Roker.css supports custom models for deeper personalization. Combine element names with models to create unique designs.

Available Models:

• dark
• glass
• modern

Usage:
html

<button class="button_glass">Hello</button>

<input class="username_dark" placeholder="Username">  

---

توضیحات فارسی

معرفی کتابخانه Roker.css

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

• گیت‌هاب: دانلود کتابخانه Roker.css
• نسخه آنلاین: امکان استفاده مستقیم از نسخه آنلاین کتابخانه.

---

💡 ویژگی‌ها

1. بسیار ساده: تنها با افزودن فایل roker.css به پروژه خود می‌توانید از کلاس‌های آماده استفاده کنید.
2. 2. قابلیت سفارشی‌سازی: ترکیب کلاس‌ها با استفاده از ویژگی style برای شخصی‌سازی کامل.
3. تم‌های متنوع: ارائه انواع تم‌های مختلف برای رفع نیازهای متنوع طراحی.
4. مثال‌های آماده: پروژه‌های آماده را در Simple Projects مشاهده کنید.

---

🎯 روش استفاده

1. فایل roker.css را از گیت‌هاب دانلود کرده یا به صورت آنلاین از آن استفاده کنید.
2. فایل را به HTML خود اضافه کنید:

html

   <link rel="stylesheet" href="roker.css">

3. از کلاس‌های آماده برای طراحی استفاده کنید:

html

   <button class="buttonROYAL">روی من کلیک کنید</button>

فرمول استفاده:
html

<نام المان class="نام المان+نام تم"></نام المان>

برای مثال:
html

<button class="buttonCYBER">I'm Hacker!</button>

<input class="username_dark" placeholder="نام کاربری">  

همچنین می‌توانید کد CSS دلخواه خود را اضافه کنید:
html

<عنصر class="نام کلاس" style="کد CSS دلخواه"></عنصر>

---

🌈 تم‌های موجود

کتابخانه Roker.css شامل مجموعه‌ای از تم‌های زیبا و کاربردی است:

• 3D: طراحی سه‌بعدی.
• ROYAL: طراحی سلطنتی.
• GLASS: گرافیک شیشه‌ای.
• CYBER: الهام گرفته از دنیای هکرها.
• COLORFUL: رنگ‌های زنده و پرجنب‌وجوش.
• LUXURY: طراحی شیک و لوکس.
• GRAPHIC: گرافیکی و بصری.
• CLASSIC: طراحی کلاسیک و همیشگی.
• LASH: طراحی خیابانی.
• EVIL: سبک‌های خشن و تاریک.
• BLUE: پالت‌های مدرن آبی.
• WONDER: طراحی خلاقانه و عجیب‌وغریب.
• ODD: سبک‌های اسرارآمیز.
• SMART: طراحی بسیار مدرن.
• ROBOT: سبک رباتیک و علمی‌تخیلی.
• CHAT: طراحی مخصوص برنامه‌های چت.
• IR: الهام گرفته از هنر اصیل ایرانی.
• FIG: طراحی هندسی و گرافیکی.
• CODE: سبک‌های ساده و مخصوص کدنویسی.

برای مثال:
html

<button class="buttonEVIL">این خشن است!</button>

<input class="password_glass" placeholder="رمز عبور">  

برای مثال‌های بیشتر به Simple Projects مراجعه کنید.

---

⚙️ مدل‌های سفارشی

Roker.css از مدل‌های خاص برای طراحی المان‌ها پشتیبانی می‌کند.

مدل‌های موجود:

• dark: طراحی تاریک.
• glass: طراحی شیشه‌ای.
• modern: طراحی مدرن.

مثال‌ها:
html

<button class="button_glass">سلام</button>

<input class="searchBox_modern" placeholder="جستجو کنید">  

---

Roker.css، بهترین انتخاب برای هر پروژه طراحی وب.