Web sitesindeki içeriği CSS ile birlikte kopyalama

Bir web sitesinin örneğin: Footer alanını CSS'in ilgili bölümüyle kopyalamak mümkün mü?

Öyle bir program var mı?

Teşekkürler.

Tarayıcıdaki İncele/Inspect özelliği ile alabiliyorsun buradan:



Template'i tek bir şekilde indiren program var mı bilmiyorum. Yüksek ihtimalle eklenti/site vardır.

Sağ tık incele kısmında HTML ve CSS kodları çıkmaktadır. Program var mı bir fikrim yok.

Eğer tüm sayfa tasarımını almak istiyorsan WinHTTrack Website Copier kullanabilirsin, bu yazılım site tasarımını olduğu gibi kopyalamaya yarıyor. Pek legal bir şey değil esasen o yüzden tasarımı olduğu gibi kullanmayınız, footer kodlarını alıp kendinize göre düzenleyin yeterli.

Aslında dediklerinizin hepsi doğru ama şöyle düşünelim;
Mesela footerin HTML'ini alınca CSS'in komplesini alınca sorun yok tek tek seçip almam gerekiyor CSS'ten mesela bunu o CSS kod aralğını alsa yeterli normalde bunu nasıl yapabilirim?

lglg2017 dedi:

Aslında dediklerinizin hepsi doğru ama şöyle düşünelim;
Mesela footerin HTML'ini alınca CSS'in komplesini alınca sorun yok tek tek seçip almam gerekiyor CSS'ten mesela bunu o CSS kod aralğını alsa yeterli normalde bunu nasıl yapabilirim?

Genişletmek için tıkla...

CSS katman katman yazıldığı için sadece bir bölümün stillerini kopyalamak kolay olmayabilir. Mesela footer'daki yazı stilleri CSS dosyasında yukarda belirlenmiş olabilir. Footer kısmında sadece renkleri değiştiriliyor olabilir. O yüzden sadece o kısmı almak verimli olmayabilir diye düşünüyorum.

DevTools'tan footer elementine sağ tık > Copy > Copy styles

Fakat sadece <footer>'ın css kodunu alır. Alt elementler içinde aynı işlemleri yapmalısınız.

omer_61 dedi:

DevTools'tan footer elementine sağ tık > Copy > Copy styles

Fakat sadece <footer>'ın css kodunu alır. Alt elementler içinde aynı işlemleri yapmalısınız.

Genişletmek için tıkla...

Ekran görüntüsü ile gösterme şansınız var mı rica edersem ?
HTML içerikteki tüm CSS bilgilerini kopyalamıyor bu dediğiniz. Daha farklı bir yol var mı?
Teşekkürler.
HTML içerikteki tüm CSS bilgilerini kopyalamıyor bu dediğiniz. Daha farklı bir yol var mı?
Teşekkürler.

lglg2017 dedi:

Ekran görüntüsü ile gösterme şansınız var mı rica edersem ?

Genişletmek için tıkla...

Bu şekilde o elementin sahip olduğu tüm CSS'i verir (:hover, :focus, ::before, ::after hariç);