لیست چت

مشاهده همه

  • A
  • B
  • D
  • J
  • O
چت با خیلش

آنلاین

  • مشاهده نمایه
  • به دوستان btn-close اضافه کنید
  • به گروه اضافه کنید
  • مسدود کردن
سلام سامیم چطوری؟ 8:40 قبل از ظهر, امروز
سلام خالد من خوبم ممنون شما چطور؟ 8:55 قبل از ظهر, امروز
من هم خوبم ممنون از قالب چتتون 9:00 قبل از ظهر, امروز
شما خوش آمدید 9:05 قبل از ظهر, امروز
من به دنبال الگوهای بعدی شما هستم 9:07 قبل از ظهر, امروز
باشه ممنون روز خوبی داشته باشی 9:10 قبل از ظهر, امروز
خداحافظ، می بینمت 9:12 قبل از ظهر, امروز
سلام سامیم چطوری؟ 8:40 قبل از ظهر, امروز
سلام خالد من خوبم ممنون شما چطور؟ 8:55 قبل از ظهر, امروز
من هم خوبم ممنون از قالب چتتون 9:00 قبل از ظهر, امروز
شما خوش آمدید 9:05 قبل از ظهر, امروز
من به دنبال الگوهای بعدی شما هستم 9:07 قبل از ظهر, امروز
باشه ممنون روز خوبی داشته باشی 9:10 قبل از ظهر, امروز
خداحافظ، می بینمت 9:12 قبل از ظهر, امروز
اطلاعیه ها

مشاهده همه

  • وضعیت سرور
  • KK
  • اجتماعی
  • RU
  • وضعیت سرور
  • AU
  • MO
یادداشت ها

یادداشت های جدید اضافه کنید

یاش ادمین سیستم مدیریت فروش © 2024 تمامی حقوق محفوظ است

ساخته شده با DexignZone

تست زنده


		
	<button type="button" class="btn btn-primary me-2 mb-2 liveToastBtn">Top Left Toast</button>
	<div class="toast-container position-fixed top-0 start-0 p-3">
		<div class="toast livetoast" role="alert" aria-live="assertive" aria-atomic="true">
			<div class="toast-header">
				<strong class="me-auto">بوت استرپ</strong>
				<small class="text-body-secondary">11 دقیقه پیش</small>
				<button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button>
			</div>
			<div class="toast-body">
				سلام، دنیا! این یک پیام تست است.
			</div>
		</div>
	</div>
	<button type="button" class="btn btn-primary me-2 mb-2 liveToastBtn">تست بالا سمت راست</button>
	<div class="toast-container position-fixed top-0 end-0 p-3">
		<div class="toast livetoast" role="alert" aria-live="assertive" aria-atomic="true">
			<div class="toast-header">
				<strong class="me-auto">بوت استرپ</strong>
				<small class="text-body-secondary">11 دقیقه پیش</small>
				<button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button>
			</div>
			<div class="toast-body">
				سلام، دنیا! این یک پیام تست است.
			</div>
		</div>
	</div>
	<button type="button" class="btn btn-primary me-2 mb-2 liveToastBtn">تست پایین سمت چپ</button>
	<div class="toast-container position-fixed bottom-0 start-0 p-3">
		<div class="toast livetoast" role="alert" aria-live="assertive" aria-atomic="true">
			<div class="toast-header">
				<strong class="me-auto">بوت استرپ</strong>
				<small class="text-body-secondary">11 دقیقه پیش</small>
				<button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button>
			</div>
			<div class="toast-body">
				سلام، دنیا! این یک پیام تست است.
			</div>
		</div>
	</div>
	<button type="button" class="btn btn-primary me-2 mb-2 liveToastBtn">تست پایین سمت راست</button>
	<div class="toast-container position-fixed bottom-0 end-0 p-3">
		<div class="toast livetoast" role="alert" aria-live="assertive" aria-atomic="true">
			<div class="toast-header">
				<strong class="me-auto">بوت استرپ</strong>
				<small class="text-body-secondary">11 دقیقه پیش</small>
				<button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button>
			</div>
			<div class="toast-body">
				سلام، دنیا! این یک پیام تست است.
			</div>
		</div>
	</div>

نمونه اولیه تست


	<div class="toast show" role="alert" aria-live="assertive" aria-atomic="true">
		<div class="toast-header">
			<?xml version="1.0" encoding="UTF-8"?>
			<svg class="me-2" width="15px" height="15px" version="1.1" viewBox="-1 0 30 30" xmlns="http://www.w3.org/2000/svg">
			<g fill="none" fill-rule="evenodd">
			<g transform="translate(-362 -880)" fill="var(--primary)">
			<path d="m365 904 3-6v-8c0-4.418 3.582-8 8-8s8 3.582 8 8v8l3 6h-22zm11 4c-1.305 0-2.403-0.837-2.816-2h5.632c-0.413 1.163-1.511 2-2.816 2zm10-10v-8c0-5.522-4.478-10-10-10s-10 4.478-10 10v8l-4 8h9.101c0.463 2.282 2.48 4 4.899 4s4.436-1.718 4.899-4h9.101l-4-8z"></path>
			</g>
			</g>
			</svg>
		<strong class="me-auto">بوت استرپ</strong>
		<small class="text-body-secondary">11 دقیقه پیش</small>
		<button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button>
		</div>
		<div class="toast-body">
		سلام، دنیا! این یک پیام تست است.
		</div>
	</div>

انباشتن تست


	<div class="toast-container position-static">
		<div class="toast show mb-3" role="alert" aria-live="assertive" aria-atomic="true">
		<div class="toast-header">
			<?xml version="1.0" encoding="UTF-8"?>
			<svg class="me-2" width="15px" height="15px" version="1.1" viewBox="-1 0 30 30" xmlns="http://www.w3.org/2000/svg">
			<g fill="none" fill-rule="evenodd">
			<g transform="translate(-362 -880)" fill="var(--primary)">
			<path d="m365 904 3-6v-8c0-4.418 3.582-8 8-8s8 3.582 8 8v8l3 6h-22zm11 4c-1.305 0-2.403-0.837-2.816-2h5.632c-0.413 1.163-1.511 2-2.816 2zm10-10v-8c0-5.522-4.478-10-10-10s-10 4.478-10 10v8l-4 8h9.101c0.463 2.282 2.48 4 4.899 4s4.436-1.718 4.899-4h9.101l-4-8z"></path>
			</g>
			</g>
			</svg>
			<strong class="me-auto">بوت استرپ</strong>
			<small class="text-body-secondary">همین الان</small>
			<button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button>
		</div>
		<div class="toast-body">
			ببینید؟ درست مثل این.
		</div>
		</div>
	
		<div class="toast show mb-3" role="alert" aria-live="assertive" aria-atomic="true">
		<div class="toast-header">
			<?xml version="1.0" encoding="UTF-8"?>
			<svg class="me-2" width="15px" height="15px" version="1.1" viewBox="-1 0 30 30" xmlns="http://www.w3.org/2000/svg">
			<g fill="none" fill-rule="evenodd">
			<g transform="translate(-362 -880)" fill="var(--secondary)">
			<path d="m365 904 3-6v-8c0-4.418 3.582-8 8-8s8 3.582 8 8v8l3 6h-22zm11 4c-1.305 0-2.403-0.837-2.816-2h5.632c-0.413 1.163-1.511 2-2.816 2zm10-10v-8c0-5.522-4.478-10-10-10s-10 4.478-10 10v8l-4 8h9.101c0.463 2.282 2.48 4 4.899 4s4.436-1.718 4.899-4h9.101l-4-8z"></path>
			</g>
			</g>
			</svg>
			<strong class="me-auto">بوت استرپ</strong>
			<small class="text-body-secondary">2 ثانیه پیش</small>
			<button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button>
		</div>
		<div class="toast-body">
			مراقب باشید، نان تست ها به طور خودکار روی هم چیده می شوند
		</div>
		</div>
		
		<div class="toast show mb-3" role="alert" aria-live="assertive" aria-atomic="true">
			<div class="toast-header">
			<?xml version="1.0" encoding="UTF-8"?>
			<svg class="me-2" width="15px" height="15px" version="1.1" viewBox="-1 0 30 30" xmlns="http://www.w3.org/2000/svg">
			<g fill="none" fill-rule="evenodd">
			<g transform="translate(-362 -880)" fill="#2BC155">
			<path d="m365 904 3-6v-8c0-4.418 3.582-8 8-8s8 3.582 8 8v8l3 6h-22zm11 4c-1.305 0-2.403-0.837-2.816-2h5.632c-0.413 1.163-1.511 2-2.816 2zm10-10v-8c0-5.522-4.478-10-10-10s-10 4.478-10 10v8l-4 8h9.101c0.463 2.282 2.48 4 4.899 4s4.436-1.718 4.899-4h9.101l-4-8z"></path>
			</g>
			</g>
			</svg>
			<strong class="me-auto">بوت استرپ</strong>
			<small class="text-body-secondary">5 دقیقه پیش</small>
			<button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button>
			</div>
			<div class="toast-body">
			ببینید؟ درست مثل این.
			</div>
		</div>
	
		<div class="toast show mb-3" role="alert" aria-live="assertive" aria-atomic="true">
			<div class="toast-header">
			<?xml version="1.0" encoding="UTF-8"?>
			<svg class="me-2" width="15px" height="15px" version="1.1" viewBox="-1 0 30 30" xmlns="http://www.w3.org/2000/svg">
			<g fill="none" fill-rule="evenodd">
			<g transform="translate(-362 -880)" fill="#FF2E2E">
			<path d="m365 904 3-6v-8c0-4.418 3.582-8 8-8s8 3.582 8 8v8l3 6h-22zm11 4c-1.305 0-2.403-0.837-2.816-2h5.632c-0.413 1.163-1.511 2-2.816 2zm10-10v-8c0-5.522-4.478-10-10-10s-10 4.478-10 10v8l-4 8h9.101c0.463 2.282 2.48 4 4.899 4s4.436-1.718 4.899-4h9.101l-4-8z"></path>
			</g>
			</g>
			</svg>
			<strong class="me-auto">بوت استرپ</strong>
			<small class="text-body-secondary">8 ثانیه پیش</small>
			<button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button>
			</div>
			<div class="toast-body">
			مراقب باشید، نان تست ها به طور خودکار روی هم چیده می شوند
			</div>
		</div>
	</div>

طرح رنگ تست


	<div class="toast-container position-static">
		<div class="toast show align-items-center mb-3" role="alert" aria-live="assertive" aria-atomic="true">
			<div class="d-flex">
				<div class="toast-body">
					سلام، دنیا! این یک پیام تست است.
				</div>
				<button type="button" class="btn-close me-2 m-auto p-3" data-bs-dismiss="toast" aria-label="Close"></button>
			</div>
		</div>
		<div class="toast show align-items-center text-white bg-primary border-0 mb-3" role="alert" aria-live="assertive" aria-atomic="true">
			<div class="d-flex">
				<div class="toast-body">
					سلام، دنیا! این یک پیام تست است.
				</div>
				<button type="button" class="btn-close btn-close-white me-2 m-auto p-3" data-bs-dismiss="toast" aria-label="Close"></button>
			</div>
		</div>
		<div class="toast show align-items-center text-white bg-secondary border-0 mb-3" role="alert" aria-live="assertive" aria-atomic="true">
			<div class="d-flex">
				<div class="toast-body">
					سلام، دنیا! این یک پیام تست است.
				</div>
				<button type="button" class="btn-close btn-close-white me-2 m-auto p-3" data-bs-dismiss="toast" aria-label="Close"></button>
			</div>
		</div>
		<div class="toast show align-items-center text-white bg-success border-0 mb-3" role="alert" aria-live="assertive" aria-atomic="true">
			<div class="d-flex">
				<div class="toast-body">
					سلام، دنیا! این یک پیام تست است.
				</div>
				<button type="button" class="btn-close btn-close-white me-2 m-auto p-3" data-bs-dismiss="toast" aria-label="Close"></button>
			</div>
		</div>
		<div class="toast show align-items-center text-white bg-danger border-0 mb-3" role="alert" aria-live="assertive" aria-atomic="true">
			<div class="d-flex">
				<div class="toast-body">
					سلام، دنیا! این یک پیام تست است.
				</div>
				<button type="button" class="btn-close btn-close-white me-2 m-auto p-3" data-bs-dismiss="toast" aria-label="Close"></button>
			</div>
		</div>
		<div class="toast show align-items-center text-white bg-info border-0 mb-3" role="alert" aria-live="assertive" aria-atomic="true">
			<div class="d-flex">
				<div class="toast-body">
					سلام، دنیا! این یک پیام تست است.
				</div>
				<button type="button" class="btn-close btn-close-white me-2 m-auto p-3" data-bs-dismiss="toast" aria-label="Close"></button>
			</div>
		</div>
		<div class="toast show align-items-center text-white bg-warning border-0 mb-3" role="alert" aria-live="assertive" aria-atomic="true">
			<div class="d-flex">
				<div class="toast-body">
					سلام، دنیا! این یک پیام تست است.
				</div>
				<button type="button" class="btn-close btn-close-white me-2 m-auto p-3" data-bs-dismiss="toast" aria-label="Close"></button>
			</div>
		</div>
	</div>

دکمه تست


	<div class="toast-container position-static">
		<div class="toast show mb-3" role="alert" aria-live="assertive" aria-atomic="true">
		<div class="toast-header">
			<?xml version="1.0" encoding="UTF-8"?>
			<svg class="me-2" width="15px" height="15px" version="1.1" viewBox="-1 0 30 30" xmlns="http://www.w3.org/2000/svg">
			<g fill="none" fill-rule="evenodd">
			<g transform="translate(-362 -880)" fill="var(--primary)">
			<path d="m365 904 3-6v-8c0-4.418 3.582-8 8-8s8 3.582 8 8v8l3 6h-22zm11 4c-1.305 0-2.403-0.837-2.816-2h5.632c-0.413 1.163-1.511 2-2.816 2zm10-10v-8c0-5.522-4.478-10-10-10s-10 4.478-10 10v8l-4 8h9.101c0.463 2.282 2.48 4 4.899 4s4.436-1.718 4.899-4h9.101l-4-8z"></path>
			</g>
			</g>
			</svg>
			<strong class="me-auto">بوت استرپ</strong>
			<small class="text-body-secondary">همین الان</small>
			<button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button>
		</div>
		<div class="toast-body">
				سلام، دنیا! این یک پیام تست است.
				<div class="mt-2 pt-2 border-top">
				<button type="button" class="btn btn-primary btn-sm">اقدام کنید</button>
				<button type="button" class="btn btn-secondary btn-sm" data-bs-dismiss="toast">بستن</button>
				</div>
			</div>
		</div>
	
		<div class="toast show mb-3" role="alert" aria-live="assertive" aria-atomic="true">
		<div class="toast-header">
			<?xml version="1.0" encoding="UTF-8"?>
			<svg class="me-2" width="15px" height="15px" version="1.1" viewBox="-1 0 30 30" xmlns="http://www.w3.org/2000/svg">
			<g fill="none" fill-rule="evenodd">
			<g transform="translate(-362 -880)" fill="#2BC155">
			<path d="m365 904 3-6v-8c0-4.418 3.582-8 8-8s8 3.582 8 8v8l3 6h-22zm11 4c-1.305 0-2.403-0.837-2.816-2h5.632c-0.413 1.163-1.511 2-2.816 2zm10-10v-8c0-5.522-4.478-10-10-10s-10 4.478-10 10v8l-4 8h9.101c0.463 2.282 2.48 4 4.899 4s4.436-1.718 4.899-4h9.101l-4-8z"></path>
			</g>
			</g>
			</svg>
			<strong class="me-auto">بوت استرپ</strong>
			<small class="text-body-secondary">2 ثانیه پیش</small>
			<button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button>
		</div>
		<div class="toast-body">
				سلام، دنیا! این یک پیام تست است.
				<div class="mt-2 pt-2 border-top">
				<button type="button" class="btn btn-success btn-sm">اقدام کنید</button>
				<button type="button" class="btn btn-secondary btn-sm" data-bs-dismiss="toast">بستن</button>
				</div>
			</div>
		</div>
		
		<div class="toast show mb-3" role="alert" aria-live="assertive" aria-atomic="true">
			<div class="toast-header">
			<?xml version="1.0" encoding="UTF-8"?>
			<svg class="me-2" width="15px" height="15px" version="1.1" viewBox="-1 0 30 30" xmlns="http://www.w3.org/2000/svg">
			<g fill="none" fill-rule="evenodd">
			<g transform="translate(-362 -880)" fill="#FF2E2E">
			<path d="m365 904 3-6v-8c0-4.418 3.582-8 8-8s8 3.582 8 8v8l3 6h-22zm11 4c-1.305 0-2.403-0.837-2.816-2h5.632c-0.413 1.163-1.511 2-2.816 2zm10-10v-8c0-5.522-4.478-10-10-10s-10 4.478-10 10v8l-4 8h9.101c0.463 2.282 2.48 4 4.899 4s4.436-1.718 4.899-4h9.101l-4-8z"></path>
			</g>
			</g>
			</svg>
			<strong class="me-auto">بوت استرپ</strong>
			<small class="text-body-secondary">5 دقیقه پیش</small>
			<button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button>
			</div>
			<div class="toast-body">
				سلام، دنیا! این یک پیام تست است.
				<div class="mt-2 pt-2 border-top">
				<button type="button" class="btn btn-danger btn-sm">اقدام کنید</button>
				<button type="button" class="btn btn-secondary btn-sm" data-bs-dismiss="toast">بستن</button>
				</div>
			</div>
		</div>
	</div>

تست پس زمینه جامد


		<div class="toast-container position-static custom-toast">
			<div class="toast overflow-hidden show" role="alert" aria-live="assertive" aria-atomic="true">
				<div class="toast-header bg-primary text-white">
					<strong class="me-auto">Bootstrap</strong>
					<small>11 دقیقه پیش</small>
					<button type="button" class="btn-close btn-close-white" data-bs-dismiss="toast" aria-label="Close"></button>
				</div>
				<div class="toast-body">
					سلام، دنیا! این یک پیام تست است.
				</div>
			</div>
			<div class="toast overflow-hidden show" role="alert" aria-live="assertive" aria-atomic="true">
				<div class="toast-header bg-secondary text-white">
					<strong class="me-auto">Bootstrap</strong>
					<small>11 دقیقه پیش</small>
					<button type="button" class="btn-close btn-close-white" data-bs-dismiss="toast" aria-label="Close"></button>
				</div>
				<div class="toast-body">
					سلام، دنیا! این یک پیام تست است.
				</div>
			</div>
			<div class="toast overflow-hidden show" role="alert" aria-live="assertive" aria-atomic="true">
				<div class="toast-header bg-success text-white">
					<strong class="me-auto">Bootstrap</strong>
					<small>11 دقیقه پیش</small>
					<button type="button" class="btn-close btn-close-white" data-bs-dismiss="toast" aria-label="Close"></button>
				</div>
				<div class="toast-body">
					سلام، دنیا! این یک پیام تست است.
				</div>
			</div>
			<div class="toast overflow-hidden show" role="alert" aria-live="assertive" aria-atomic="true">
				<div class="toast-header bg-danger text-white">
					<strong class="me-auto">Bootstrap</strong>
					<small>11 دقیقه پیش</small>
					<button type="button" class="btn-close btn-close-white" data-bs-dismiss="toast" aria-label="Close"></button>
				</div>
				<div class="toast-body">
					سلام، دنیا! این یک پیام تست است.
				</div>
			</div>
		</div>

کپی رایت © توسعه یافته توسط DexignZone 2024