Web tasarımım nasıl olmuş?

  • Konuyu başlatan Konuyu başlatan 2565
  • Başlangıç Tarihi Başlangıç Tarihi
  • Mesaj Mesaj 61
  • Görüntüleme Görüntüleme 2B
  • Etiketler Etiketler
    web
Eki Görüntüle 54797
Hocam belki önbellekten almıştır sizin tarayınız. Değiştirdim çünkü.
Evet kontrol + f5 atınca düzeldi, ancak halihazırda front - end geliştirici olarak söylemem gerekir ki yine olmamış dostum, o siyahlıklar çok kötü gözüküyor... Olması gereken ikon şu şekilde harika gözükürdü;

Çizgileri ve b harfi beyaz olan ikonun çizgileri ve b harfi siyaha dönüşür, iç kısmı beyaza dönüşürse olurdu, böyle çok kötü duruyor açıkçası.
 
Hocam valla ben beceremedim siz bir ikon dosyası olarak veya css olarak verme şansınız var mı?
 
Hocam bu arada sitenin ilk taslağı burada https://hamzakemal.com.tr/.
Şimdi burasıyla şu anki halini Anasayfa - Karşı Atak karşılaştırın önerilerin ne kadar faydalı olduğunu görün!

[CODE lang="css" title="CSS"].menu {
position: relative;
width: 100px;
height: 100px;
}

.circle {
width: 80px;
height: 80px;
border-radius: 50%;
background-color: transparent;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border: 3px solid #ffffff;

.circle span {
font-size: 40px;
color: #ffffff;
transition: color 0.3s;
}

.circle:hover {
border-color: #000000;
}

.circle:hover span {
color: #000000;
}

.circle:hover::before {
background-color: #ffffff;
}

.circle::before {
content: '';
width: 100%;
height: 100%;
border-radius: 50%;
background-color: #000000;
position: absolute;
top: 0;
left: 0;
z-index: -1;
transition: background-color 0.3s;
}
.circle span {
font-size: 40px;
font-family: 'Product Sans', Arial, sans-serif;
font-weight: 800;
letter-spacing: -2px;
}[/CODE]

[CODE title="Html kısmı"]<div class="menu">
<div class="circle">
<span>B</span>
</div>
</div>[/CODE]
 
Bu siteyi kullanmak için çerezler gereklidir. Siteyi kullanmaya devam etmek için çerezleri kabul etmelisiniz. Daha Fazlasını Öğren.…