جستجو در تالارهای گفتگو
در حال نمایش نتایج برای برچسب های 'جوملاcss'.
1 نتیجه پیدا شد
-
CSS مرتب سازی قالب صفحه فرم تماس با ما در جوملا 3
maryamsitedar پاسخی ارسال کرد برای یک موضوع در مباحث دیگر
در صورتی که سایت خود را توسط جوملا 3 پیاده سازی نموده اید می توانید از کدهای زیر برای فرمت بندی صفحه فرم تماس با ما استفاده نمایید: برای مرتب سازی بخش اطلاعاتب بالای صفحه تماس با ما از کد CSS زیر استفاده نمایید: dt,dd{ float:right;} dt{ clear:right; } dd{ clear:left; } .accordion-heading{ width:100%; clear:both;} برای مرتب سازی فرم تماس با ما جوملا از کد زیر: .controls{ text-align:right;} و برای استایل دهی به تول تیپ های فرم تماس جوملا از کد CSS زیر استفاده نمایید: .tooltip { position: absolute; z-index: 1030; display: block; visibility: visible; font-size: 11px; line-height: 1.4; opacity: 0; filter: alpha(opacity=0); text-align:right; } .tooltip.in { opacity: 0.8; filter: alpha(opacity=80); } .tooltip.top { margin-top: -3px; padding: 5px 0; } .tooltip.right { margin-left: 3px; padding: 0 5px; } .tooltip.bottom { margin-top: 3px; padding: 5px 0; } .tooltip.left { ; padding: 0 5px; } .tooltip-inner { max-width: 200px; padding: 8px; color: #fff; text-align: center; text-decoration: none; background-color: #000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-align:right; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; ; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; ; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip { max-width: 400px; } .tooltip-inner { max-width: none; text-align: right; text-shadow: none; } th .tooltip-inner { font-weight: normal; } .tooltip.hasimage { opacity: 1; } .tip-text { text-align: right; } پس از قرار دادن کدهای مورد نظر صفحه تماس با ما جوملا مرتب شده و می توانید تنظیمات مورد علاقه خود را در فایل CSS اضافه نمایید. منبع: مرتب سازی قالب صفحه فرم تماس با ما