استک | قالب HTML چند منظوره با صفحه ساز Variant
ثبت نام با ایمیل
حساب کاربری دارید؟ ورود

آکاردئون ها

این عناصر را می توان به راحتی در صفحات و بلوک های مختلف مورد استفاده قرار دهید و سفارشی سازی کنید

شما میتوانید تمام المان های بکار رفته را در قالب استک از
صفحه لیست المان ها ← مشاهده کنید

استایل دکمه ای— باز شدن چندتایی تب

رفتار پیش‌فرض آکاردئون این است که به کاربران اجازه می‌دهد با کلیک بر روی عنوان، چندین پنجره را باز کنند. با کلیک مجدد روی عنوان، پنجره ها بسته می شوند. 

<ul class="accordion accordion-1">
	<li class="active">
		<div class="accordion__title">
			<span class="h5">پنل یک</span>
		</div>
		<div class="accordion__content">
			محتوای انتخابی شما
		</div>
	</li>
	<li>
		<div class="accordion__title">
			<span class="h5">پنل دو</span>
		</div>
		<div class="accordion__content">
			محتوای انتخابی شما
		</div>
	</li>
</ul>
  • خوانایی کد بالا

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

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

  • طراحی بصری

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

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

  • تجربه استک

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

طراحی ساده— باز شدن چندتایی تب

رفتار پیش‌فرض آکاردئون این است که به کاربران اجازه می‌دهد با کلیک بر روی عنوان، چندین پنجره را باز کنند. با کلیک مجدد روی عنوان، پنجره ها بسته می شوند. 

<ul class="accordion accordion-1">
	<li class="active">
		<div class="accordion__title">
			<span class="h5">پنل یک</span>
		</div>
		<div class="accordion__content">
			محتوای انتخابی شما
		</div>
	</li>
	<li>
		<div class="accordion__title">
			<span class="h5">پنل دو</span>
		</div>
		<div class="accordion__content">
			محتوای انتخابی شما
		</div>
	</li>
</ul>
  • خوانایی کد بالا

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

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

  • طراحی بصری

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

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

  • تجربه استک

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

استایل دکمه ای — باز شدن تکی تب

به تنها یک تب اجازه می دهد در هر زمان فعال بماند. با کلیک بر روی یک تب جدید، تب فعال قبلی به طور خودکار بسته می شود. این امر با استفاده از کلاس .accordion--oneopen امکان پذیر میباشد 

<ul class="accordion accordion-1 accordion--oneopen">
	<li class="active">
		<div class="accordion__title">
			<span class="h5">پنل یک</span>
		</div>
		<div class="accordion__content">
			محتوای انتخابی شما
		</div>
	</li>
	<li>
		<div class="accordion__title">
			<span class="h5">پنل دو</span>
		</div>
		<div class="accordion__content">
			محتوای انتخابی شما
		</div>
	</li>
</ul>
  • خوانایی کد بالا

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

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

  • طراحی بصری

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

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

  • تجربه استک

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

طراحی ساده— باز شدن تکی تب

به تنها یک تب اجازه می دهد در هر زمان فعال بماند. با کلیک بر روی یک تب جدید، تب فعال قبلی به طور خودکار بسته می شود. این امر با استفاده از کلاس .accordion--oneopen امکان پذیر میباشد 

<ul class="accordion accordion-2 accordion--oneopen">
	<li class="active">
		<div class="accordion__title">
			<span class="h5">پنل یک</span>
		</div>
		<div class="accordion__content">
			محتوای انتخابی شما
		</div>
	</li>
	<li>
		<div class="accordion__title">
			<span class="h5">پنل دو</span>
		</div>
		<div class="accordion__content">
			محتوای انتخابی شما
		</div>
	</li>
</ul>
  • خوانایی کد بالا

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

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

  • طراحی بصری

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

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

  • تجربه استک

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

به دنبال بخش های آکاردئون زیبا هستید؟

مشاهده بخش آکاردئون ها

یا در صفحه ساز اختصاصی↗ شروع به ویرایش بکنید