تولتیپ -داشبرد - تینکر - قالب مدیریتی تیلوند اچ تی ام ال

صفحات

کاربران

ویل اسمیت

willsmith@left4code.com

کوین اسپیسی

denzelwashington@left4code.com

برد پیت

bradpitt@left4code.com

آنجلینا جولی

angelinajolie@left4code.com

محصولات

سونی مستر سریز ای‌ناین‌جی

تولتیپ

تولتیپ ساده

نمایش کد

  HTMLOpenTagdiv class="text-center"HTMLCloseTag HTMLOpenTaga href="javascript:;" class="tooltip btn btn-primary" title="This is awesome tooltip example!"HTMLCloseTagShow TooltipHTMLOpenTag/aHTMLCloseTag HTMLOpenTag/divHTMLCloseTag

تولتیپ با کلیک

نمایش کد

  HTMLOpenTagdiv class="text-center"HTMLCloseTag HTMLOpenTaga href="javascript:;" data-trigger="click" class="tooltip btn btn-primary" title="This is awesome tooltip example!"HTMLCloseTagShow TooltipHTMLOpenTag/aHTMLCloseTag HTMLOpenTag/divHTMLCloseTag

تولتیپ لایت

نمایش کد

  HTMLOpenTagdiv class="text-center"HTMLCloseTag HTMLOpenTaga href="javascript:;" data-theme="light" class="tooltip btn btn-primary" title="This is awesome tooltip example!"HTMLCloseTagShow TooltipHTMLOpenTag/aHTMLCloseTag HTMLOpenTag/divHTMLCloseTag

تولتیپ سفارشی

نمایش کد

  HTMLOpenTag!-- BEGIN: Custom Tooltip Toggle --HTMLCloseTag HTMLOpenTagdiv class="text-center"HTMLCloseTag HTMLOpenTaga href="javascript:;" data-theme="light" data-tooltip-content="#custom-content-tooltip" data-trigger="click" class="tooltip btn btn-primary" title="This is awesome tooltip example!"HTMLCloseTagShow TooltipHTMLOpenTag/aHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag!-- END: Custom Tooltip Toggle --HTMLCloseTag HTMLOpenTag!-- BEGIN: Custom Tooltip Content --HTMLCloseTag HTMLOpenTagdiv class="tooltip-content"HTMLCloseTag HTMLOpenTagdiv id="custom-content-tooltip" class="relative flex items-center py-1"HTMLCloseTag HTMLOpenTagdiv class="w-12 h-12 image-fit"HTMLCloseTag HTMLOpenTagimg alt="Rubick Tailwind HTML Admin Template" class="rounded-full" src="dist/images/profile-9.jpg"HTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="ml-4 mr-auto"HTMLCloseTag HTMLOpenTagdiv class="font-medium dark:text-gray-300 leading-relaxed"HTMLCloseTagمورگان فریمنHTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="text-gray-600"HTMLCloseTagقالب اچ تی ام ال بوت‌سترپ مدیریتیHTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag!-- END: Custom Tooltip Content --HTMLCloseTag

تولتیپ با نمودار

نمایش کد

  HTMLOpenTag!-- BEGIN: Custom Tooltip Toggle --HTMLCloseTag HTMLOpenTagdiv class="text-center"HTMLCloseTag HTMLOpenTaga href="javascript:;" data-theme="light" data-tooltip-content="#chart-tooltip" data-trigger="click" class="tooltip btn btn-primary" title="This is awesome tooltip example!"HTMLCloseTagShow TooltipHTMLOpenTag/aHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag!-- END: Custom Tooltip Toggle --HTMLCloseTag HTMLOpenTag!-- BEGIN: Custom Tooltip Content --HTMLCloseTag HTMLOpenTagdiv class="tooltip-content"HTMLCloseTag HTMLOpenTagdiv id="chart-tooltip" class="py-1"HTMLCloseTag HTMLOpenTagdiv class="font-medium dark:text-gray-300"HTMLCloseTagNet WorthHTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="flex items-center mt-2 sm:mt-0"HTMLCloseTag HTMLOpenTagdiv class="mr-2 w-20 flex dark:text-gray-600"HTMLCloseTag USP: HTMLOpenTagspan class="ml-auto font-medium text-theme-9"HTMLCloseTag+23%HTMLOpenTag/spanHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="w-24 sm:w-32 lg:w-56"HTMLCloseTag HTMLOpenTagcanvas class="simple-line-chart-1" data-random="true" height="30"HTMLCloseTagHTMLOpenTag/canvasHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag!-- END: Custom Tooltip Content --HTMLCloseTag

حالت تیره