CMT BG Form Testere

/* 1.1 Başlık Satırı Özel Ayarları */ .dynamic-product-table thead tr th { background-color: #003b7a !important; /* Başlık arka plan rengi */ color: #fff !important; /* Yazı rengi */ padding: 12px 8px !important; /* Yüksekliği artırmak/azaltmak için burayı değiştir */ font-weight: 700 !important; /* Yazıları daha kalın yapar */ border-bottom: 2px solid #ddd !important; /* Alt çizgiyi belirginleştirir */ } /* 1. Tablo Genel Yapısı ve Satır Yüksekliği */ .dynamic-product-table { width: 100%; border-collapse: collapse; } .dynamic-product-table td, .dynamic-product-table th { padding: 6px 4px !important; line-height: 1.2 !important; vertical-align: middle !important; border-bottom: 1px solid #eee; text-align: center; } /* 2. Miktar Kolonu ve Giriş Kutusu (Input) */ .dynamic-product-table th:nth-child(8) { width: 70px !important; } .qty-input { width: 60px !important; height: 30px !important; padding: 2px !important; font-size: 14px; border: 1px solid #ddd; border-radius: 4px; text-align: center; vertical-align: middle; } /* Ok tuşlarını her zaman göster */ .qty-input::-webkit-inner-spin-button, .qty-input::-webkit-outer-spin-button { opacity: 1; } /* 3. Sepete Ekle Butonu */ .cart-btn-premium { padding: 6px 15px !important; font-size: 13px !important; vertical-align: middle; cursor: pointer; background-color: #a31533; color: white; border: none; border-radius: 4px; transition: 0.3s; } .cart-btn-premium:hover { background-color: #000; } /* 4. Fiyat ve Tutar Renkleri */ .calculated-price { font-weight: bold; color: #555; } .total-price { font-weight: bold; color: #222; }

document.addEventListener("DOMContentLoaded", function() { let css = ` .dynamic-product-table { width: 100%; border-collapse: collapse; } .dynamic-product-table td, .dynamic-product-table th { padding: 6px 4px !important; line-height: 1.2 !important; vertical-align: middle !important; border-bottom: 1px solid #eee; text-align: center; } .dynamic-product-table tbody tr:nth-child(odd) { background: #f7f9fc !important; } .dynamic-product-table tbody tr:nth-child(even) { background: #ffffff !important; } .qty-input { width: 60px !important; height: 30px !important; padding: 2px !important; font-size: 14px; border: 1px solid #ddd; border-radius: 4px; text-align: center; } .cart-btn-premium { padding: 6px 15px !important; font-size: 13px !important; cursor: pointer; background-color: #003b7a !important; color: #fff !important; border: none !important; border-radius: 4px !important; transition: all 0.20s ease !important; } .cart-btn-premium:hover { background-color: #002b5a !important; transform: translateY(-2px); box-shadow: 0 4px 8px rgba(0,0,0,0.15) !important; } `; let styleTag = document.createElement("style"); styleTag.innerHTML = css; document.head.appendChild(styleTag); });

Kod	D	B	b	d	Z	Birim Fiyat	Miktar	Tutar	Satın Al
271.250.24M*	250	2,4	1,6	30	24	Hesaplanıyor…		0.00 TL	Sepete Ekle
290.250.24M*	250	2,8	1,8	30	24	Hesaplanıyor…		0.00 TL	Sepete Ekle
271.300.24M*	300	2,6	1,8	30	28	Hesaplanıyor…		0.00 TL	Sepete Ekle
286.020.12M	300	2,8	1,8	30	20	Hesaplanıyor…		0.00 TL	Sepete Ekle
278.028.12M	300	3,2	2,2	30	28	Hesaplanıyor…		0.00 TL	Sepete Ekle
271.350.24M*	350	3,2	2,2	30	24	Hesaplanıyor…		0.00 TL	Sepete Ekle
278.036.14M	350	3,5	2,5	30	36	Hesaplanıyor…		0.00 TL	Sepete Ekle
285.036.16M	400	3,5	2,5	30	36	Hesaplanıyor…		0.00 TL	Sepete Ekle
285.036.18M	450	4,0	2,8	30	36	Hesaplanıyor…		0.00 TL	Sepete Ekle
285.044.20M	500	4,0	2,8	30	44	Hesaplanıyor…		0.00 TL	Sepete Ekle
286.040.22M	550	4,2	3,2	30	40	Hesaplanıyor…		0.00 TL	Sepete Ekle
286.040.24M	600	4,2	3,2	30	40	Hesaplanıyor…		0.00 TL	Sepete Ekle
286.040.24M	700	4,4	3,2	30	46	Hesaplanıyor…		0.00 TL	Sepete Ekle