رفتن به مطلب

ساخت جدول قیمت


پست های پیشنهاد شده

با سلام و درود

 

کسی هست با یا بدون هزینه واسم کد html و css جدول قیمت مثل تضاویر زیر بنویسه و بشه به دکمه های buy now لینک داد

دو تضویر به هم متصل هستند نه جدا واسه همین هم email features دو تا شده

با تشکر

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

سلام .

 

اگه این مدل جدول قیمت ها در سطح اینترنت زیاد هستند . اما اگه دقیقا همین رو می خواهید ، در صورتی که سایت خارجی هست ، می تونید ریپ کنید! مشکلی هم نداره :)

 

کد و استایل رو استخراج کنید و ویرایش کنید سپس استفاده کنید .

 

اگر هم وردپرس هست که افزونه های زیادی برای این کار وجود داره .

  • Like 3
لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

با سلام و درود

 

میدونم قصد شما کمک کردنه ولی من اگه میتونستم این کارو انجام بدم دیکه واسش تاپیک نمیزدم که وقت شما هم بگیرم

 

اگر کسی میتونه واسم اماده کنه بدون اموزش لطفا پ.خ بده

 

با تشکر

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

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

 

بله قصد کمک کردن دارم ، شما هم کمک کنید و لینک بدید. از روی عکس نمیتونم بنویسم . اگه وقت داشتم مینوستم

  • Like 3
لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

با سلام

 

بابت لحن-ه بدم پوزش میطلبم

 

عزیز من رو لوکال قالب رو نصب کردم و دمو هم ندارم

 

باتشکر

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

خواهش میکنم. مشکلی نیست.

 

پس اسم قالب رو یا دموی انلاین یا لینک دانلودش رو بفرستید. بالاخره یه جوری این قالب رو در دسترس من قرار بدید تا بتونم کاری کنم.

 

یا جدول های دیگه ای که دموی انلاین دارن رو انتخاب و معرفی کنید

  • Like 3
لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

با سلام و درود

 

ی سرچ زدم دمو رو پیدا کردم

 

لینک ها تنها برای اعضای سایت قابل نمایش است.

 

با تشکر

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

کد زیر را در مکانی که قصد نمایش دارید قرار بدید :

 

 

<div class="vc_row wpb_row vc_row-fluid"><div class="wpb_column vc_column_container vc_col-sm-6 vc_col-lg-3 vc_col-md-3"><div class="wpb_wrapper"><div class="ts-pricing-table-style1 ">                               <div class="price-unit">                                   <span class="price">$20</span>                                   <span class="unit">pm</span>                               </div>                               <h3>Basic Plan</h3><p></p><ul class="content-pricing"><li>10GB Storage Space</li><li>50GB Bandwidth</li><li>10 Free Sub-Domains</li><li>100 E-mail Accounts</li><li>Control Panel & FTP</li></ul><p><a class="cta_pricing" href="https://go.20script.ir/index.php?url=https://go.20script.ir/index.php?url=&anchor=">GET STARTED</a>                           </p></div></div></div><div class="wpb_column vc_column_container vc_col-sm-6 vc_col-lg-3 vc_col-md-3"><div class="wpb_wrapper"><div class="ts-pricing-table-style1 ">                               <div class="price-unit">                                   <span class="price">$30</span>                                   <span class="unit">pm</span>                               </div>                               <h3>Premium Plan</h3><p></p><ul class="content-pricing"><li>10GB Storage Space</li><li>50GB Bandwidth</li><li>10 Free Sub-Domains</li><li>100 E-mail Accounts</li><li>Control Panel & FTP</li></ul><p><a class="cta_pricing" href="https://go.20script.ir/index.php?url=https://go.20script.ir/index.php?url=&anchor=">GET STARTED</a>                           </p></div></div></div><div class="wpb_column vc_column_container vc_col-sm-6 vc_col-lg-3 vc_col-md-3"><div class="wpb_wrapper"><div class="ts-pricing-table-style1 active">                               <div class="price-unit">                                   <span class="price">$50</span>                                   <span class="unit">pm</span>                               </div>                               <h3>ADVANCE Plan</h3><p></p><ul class="content-pricing"><li>10GB Storage Space</li><li>50GB Bandwidth</li><li>10 Free Sub-Domains</li><li>100 E-mail Accounts</li><li>Control Panel & FTP</li></ul><p><a class="cta_pricing" href="https://go.20script.ir/index.php?url=https://go.20script.ir/index.php?url=&anchor=">GET STARTED</a>                           </p></div></div></div><div class="wpb_column vc_column_container vc_col-sm-6 vc_col-lg-3 vc_col-md-3"><div class="wpb_wrapper"><div class="ts-pricing-table-style1 ">                               <div class="price-unit">                                   <span class="price">$20</span>                                   <span class="unit">pm</span>                               </div>                               <h3>Basic Plan</h3><p></p><ul class="content-pricing"><li>10GB Storage Space</li><li>50GB Bandwidth</li><li>10 Free Sub-Domains</li><li>100 E-mail Accounts</li><li>Control Panel & FTP</li></ul><p><a class="cta_pricing" href="https://go.20script.ir/index.php?url=https://go.20script.ir/index.php?url=&anchor=">GET STARTED</a>                           </p></div></div></div>

 

 

 

و این کد رو هم در قالب یک فایل جداگانه با فرمت css در پوشه ی قالبتون قرار بدید و سپس در سایتتون بهش در هیدر لینک بدید :

 

 

.bg_parallax > .container > .vc_row, .bg_parallax > div > .vc_row {   margin-bottom: 0px !important;}.wpb_row, .wpb_content_element, ul.wpb_thumbnails-fluid > li, .last_toggle_el_margin, .wpb_button {   margin-bottom: 35px;}.vc_row {   margin-left: -15px;   margin-right: -15px;}.wpb_row, ul.wpb_thumbnails-fluid > li, .last_toggle_el_margin, .wpb_button {   margin-bottom: 35px;}.vc_row {   margin-left: -15px;   margin-right: -15px;}.vc_col-lg-3 {   width: 25%;}.vc_col-lg-1, .vc_col-lg-2, .vc_col-lg-3, .vc_col-lg-4, .vc_col-lg-5, .vc_col-lg-6, .vc_col-lg-7, .vc_col-lg-8, .vc_col-lg-9, .vc_col-lg-10, .vc_col-lg-11, .vc_col-lg-12 {   float: left;}.vc_col-md-3 {   width: 25%;}.vc_col-md-1, .vc_col-md-2, .vc_col-md-3, .vc_col-md-4, .vc_col-md-5, .vc_col-md-6, .vc_col-md-7, .vc_col-md-8, .vc_col-md-9, .vc_col-md-10, .vc_col-md-11, .vc_col-md-12 {   float: left;}.vc_col-sm-6 {   width: 50%;}.vc_col-sm-1, .vc_col-sm-2, .vc_col-sm-3, .vc_col-sm-4, .vc_col-sm-5, .vc_col-sm-6, .vc_col-sm-7, .vc_col-sm-8, .vc_col-sm-9, .vc_col-sm-10, .vc_col-sm-11, .vc_col-sm-12 {   float: left;}.vc_col-xs-1, .vc_col-sm-1, .vc_col-md-1, .vc_col-lg-1, .vc_col-xs-2, .vc_col-sm-2, .vc_col-md-2, .vc_col-lg-2, .vc_col-xs-3, .vc_col-sm-3, .vc_col-md-3, .vc_col-lg-3, .vc_col-xs-4, .vc_col-sm-4, .vc_col-md-4, .vc_col-lg-4, .vc_col-xs-5, .vc_col-sm-5, .vc_col-md-5, .vc_col-lg-5, .vc_col-xs-6, .vc_col-sm-6, .vc_col-md-6, .vc_col-lg-6, .vc_col-xs-7, .vc_col-sm-7, .vc_col-md-7, .vc_col-lg-7, .vc_col-xs-8, .vc_col-sm-8, .vc_col-md-8, .vc_col-lg-8, .vc_col-xs-9, .vc_col-sm-9, .vc_col-md-9, .vc_col-lg-9, .vc_col-xs-10, .vc_col-sm-10, .vc_col-md-10, .vc_col-lg-10, .vc_col-xs-11, .vc_col-sm-11, .vc_col-md-11, .vc_col-lg-11, .vc_col-xs-12, .vc_col-sm-12, .vc_col-md-12, .vc_col-lg-12 {   position: relative;   min-height: 1px;   padding-left: 15px;   padding-right: 15px;   box-sizing: border-box;}.vc_col-lg-3 {   width: 25%;}.vc_col-lg-1, .vc_col-lg-2, .vc_col-lg-3, .vc_col-lg-4, .vc_col-lg-5, .vc_col-lg-6, .vc_col-lg-7, .vc_col-lg-8, .vc_col-lg-9, .vc_col-lg-10, .vc_col-lg-11, .vc_col-lg-12 {   float: left;}.vc_col-md-3 {   width: 25%;}.vc_col-md-1, .vc_col-md-2, .vc_col-md-3, .vc_col-md-4, .vc_col-md-5, .vc_col-md-6, .vc_col-md-7, .vc_col-md-8, .vc_col-md-9, .vc_col-md-10, .vc_col-md-11, .vc_col-md-12 {   float: left;}.vc_col-sm-6 {   width: 50%;}.vc_col-sm-1, .vc_col-sm-2, .vc_col-sm-3, .vc_col-sm-4, .vc_col-sm-5, .vc_col-sm-6, .vc_col-sm-7, .vc_col-sm-8, .vc_col-sm-9, .vc_col-sm-10, .vc_col-sm-11, .vc_col-sm-12 {   float: left;}.vc_col-xs-1, .vc_col-sm-1, .vc_col-md-1, .vc_col-lg-1, .vc_col-xs-2, .vc_col-sm-2, .vc_col-md-2, .vc_col-lg-2, .vc_col-xs-3, .vc_col-sm-3, .vc_col-md-3, .vc_col-lg-3, .vc_col-xs-4, .vc_col-sm-4, .vc_col-md-4, .vc_col-lg-4, .vc_col-xs-5, .vc_col-sm-5, .vc_col-md-5, .vc_col-lg-5, .vc_col-xs-6, .vc_col-sm-6, .vc_col-md-6, .vc_col-lg-6, .vc_col-xs-7, .vc_col-sm-7, .vc_col-md-7, .vc_col-lg-7, .vc_col-xs-8, .vc_col-sm-8, .vc_col-md-8, .vc_col-lg-8, .vc_col-xs-9, .vc_col-sm-9, .vc_col-md-9, .vc_col-lg-9, .vc_col-xs-10, .vc_col-sm-10, .vc_col-md-10, .vc_col-lg-10, .vc_col-xs-11, .vc_col-sm-11, .vc_col-md-11, .vc_col-lg-11, .vc_col-xs-12, .vc_col-sm-12, .vc_col-md-12, .vc_col-lg-12 {   position: relative;   min-height: 1px;   padding-left: 15px;   padding-right: 15px;   box-sizing: border-box;}.wpb_column > .wpb_wrapper > :last-child {   margin-bottom: 0px;}.ts-pricing-table-style1 {   padding: 25px 20px;   background: #F3F3F3 none repeat scroll 0% 0%;   text-align: center;   border-radius: 5px;   color: #676A6F;   font-size: 14px;   transition: all 1s ease 0s;   margin-top: 130px;}.ts-pricing-table-style1 .price-unit {   width: 100px;   height: 100px;   padding-top: 25px;   border: 3px solid #42454A;   border-radius: 50%;   background: #42454A none repeat scroll 0% 0%;   margin: -70px auto 0px;}.ts-pricing-table-style1 h3 {   font-weight: 500;   font-size: 16px;   color: #252525;   text-transform: uppercase;   margin: 25px 0px 12px;}.ts-pricing-table-style1 .price {   font-size: 30px;   color: #FFF;   line-height: 30px;   display: block;}span.price {   margin-bottom: 0px;}.ts-pricing-table-style1 .unit {   color: #FFF;}.ts-pricing-table-style1 a.cta_pricing {   background: #42454A none repeat scroll 0% 0%;   color: #FFF;   text-transform: uppercase;   margin-top: 35px;   padding: 0px 30px;   line-height: 40px;   border-radius: 3px;   text-decoration: none;   display: inline-block;   transition: all 0.3s ease-out 0s;}.ts-pricing-table-style1 ul {   padding: 0px;   list-style: outside none none;}.ts-pricing-table-style1 li {   border-bottom: 1px solid #E5E5E5;   line-height: 48px;}.ts-pricing-table-style1 ul {   padding: 0px;   list-style: outside none none;}.wpb_column > .wpb_wrapper > :last-child {   margin-bottom: 0px;}.ts-pricing-table-style1.active {   background: #FD4326 none repeat scroll 0% 0%;}.ts-pricing-table-style1.active {   background: #FD4326 none repeat scroll 0% 0%;   color: #FFF;}.ts-pricing-table-style1 {   padding: 25px 20px;   background: #F3F3F3 none repeat scroll 0% 0%;   text-align: center;   border-radius: 5px;   color: #676A6F;   font-size: 14px;   transition: all 1s ease 0s;   margin-top: 130px;}.ts-pricing-table-style1.active .price-unit {   background: #FD4326 none repeat scroll 0% 0%;}.ts-pricing-table-style1.active .price-unit {   border: 3px solid #FFF;   background: #FD4326 none repeat scroll 0% 0%;}.ts-pricing-table-style1 .price-unit {   width: 100px;   height: 100px;   padding-top: 25px;   border: 3px solid #42454A;   border-radius: 50%;   background: #42454A none repeat scroll 0% 0%;   margin: -70px auto 0px;}.ts-pricing-table-style1.active h3 {   color: #FFF;}.ts-pricing-table-style1 h3 {   font-weight: 500;   font-size: 16px;   color: #252525;   text-transform: uppercase;   margin: 25px 0px 12px;}.ts-pricing-table-style1.active li {   border-color: rgba(255, 255, 255, 0.2);}

 

 

 

 

 

نمونه های دیگه ای هم هستند که می تونید استفاده کنید : لینک ها تنها برای اعضای سایت قابل نمایش است.

  • Like 3
لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

مهمان
این موضوع برای عدم ارسال قفل گردیده است.
×
×
  • اضافه کردن...