✅
Outlook Çizgi / Kutu Sorunu Çözüldü:
Sayfa stil kütüphanesinin (Tailwind CSS) kopyalama sırasında metin ve tablo hücrelerine gizli gri kenarlık (
border: 1px solid #e5e7eb) eklemesi engellendi. Artık "İmzayı Kopyala" butonuna bastığınızda doğrudan saf, çerçevesiz (border:none) HTML panoya aktarılır ve Outlook'ta yazıların etrafında hiçbir kutu veya çizgi çıkmaz.
Tasarım Şablonu Seçin (18 Profesyonel Düzen)
Canlı E-Posta İstemcisi Önizlemesi (Gmail & Outlook)
Gmail Sınırı:
0 / 10.000 karakter
Merhabalar,
Talep ettiğiniz kurumsal bilişim ve bulut altyapı çalışmasına ilişkin detayları ekte bilgilerinize sunarım.
İyi çalışmalar dilerim.
Outlook Kılavuz Çizgisi Korumalı (
border:none; mso-table-lspace:0pt) + PNG Base64 Logo
1
Gmail Web'e Ekleme
- Yukarıdan şablonunuzu seçip "İmzayı Kopyala" butonuna tıklayın.
- Gmail'de sağ üstteki Ayarlar (⚙️) → Tüm ayarları görüntüleyin menüsünü açın.
- Genel → İmza bölümünde imza kutusunun içine tıklayıp Ctrl+V ile yapıştırın ve Değişiklikleri Kaydet'e basın.
2
Microsoft Outlook'ta Çizgisiz Yapıştırma
- "İmzayı Kopyala" butonuna tıklayın (artık sayfa stilleri yerine doğrudan saf
border:noneHTML kopyalanır). - Outlook imza ayarlarında eski imzayı tamamen silip (
Ctrl+A → Delete) Ctrl+V ile yeni imzayı yapıştırın. - İpucu: Eğer Outlook'ta tüm tablolarda kesik kılavuz çizgileri açıksa (yalnızca sizde görünür, karşı tarafa gitmez), ileti penceresinde Biçim Metni (veya Tablo Düzeni) → Kılavuz Çizgilerini Görüntüle seçeneğini kapatabilirsiniz.
Outlook'ta Yazıların Etrafındaki Çizgiler Neden Çıkıyordu ve Nasıl Düzeltildi?
- Tailwind CSS Preflight Kenarlık Sıfırlaması: Tarayıcıda çalışan modern CSS kütüphaneleri, sayfadaki tüm elementlere varsayılan olarak
border-width: 0; border-style: solid; border-color: #e5e7ebtanımlar. Tarayıcıdan seçerek kopyalama yapıldığında, Microsoft Word/Outlook motoruborder-width: 0kuralını yok sayıpborder-style: solidyüzünden her kelimenin (<span>,<strong>,<a>,<td>) etrafına gri kutular çiziyordu. - Saf HTML Pano Aktarımı (ClipboardItem & Iframe İzolasyonu): Artık kopyalama butonu, sayfa stillerinden tamamen arındırılmış bir görünmez
<iframe>ve doğrudantext/htmlpano katmanı kullanır. Her hücre ve metin etiketinde açıkçaborder:0; border:none;tanımlıdır. - İç İçe
<div>Yerine Saf Tablo Satırları (<tr><td>): Tüm 18 şablonda blok<div>ve<p>etiketleri kaldırılarak saf tablo hücrelerine dönüştürüldü.
Logo Yükleme & Gömme Ayarları
Yeni Logo Yüklemek İçin Tıklayın veya Sürükleyin
PNG, JPG, WEBP veya SVG · Otomatik olarak Outlook uyumlu PNG Base64 koduna dönüştürülür
Varsayılan ITD Bilişim Logosu
Optimize PNG · Base64 Gömülü
İmza Bilgileri & Kurumsal Tema
Bilgiler tüm şablonlara anında uygulanır
Alıcının bilgisayarında yüklü değilse yedek yazı tipi kullanılır. Her yerde aynı görünen yazı tipleri: Arial, Verdana, Tahoma, Georgia.
Kurumsal Renk Paleti: