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
2565 dedi:
Eki Görüntüle 54797
Hocam belki önbellekten almıştır sizin tarayınız. Değiştirdim çünkü.
Genişletmek için tıkla...
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ı?
 
2565 dedi:
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!
Genişletmek için tıkla...

[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]
 
Mesaj yazmak için giriş yapmalı ya da kaydolmalısınız.

Benzer konular

Web sayfam nasıl olmuş?
Mesaj
9
Görüntüleme
282
Efe İlhan Yüce
Portfolyom için tasarladığım web sitem nasıl olmuş?
2
Mesaj
10
Görüntüleme
272
Craxidor
Y
Öğrenci odaklı Web sitem için öneriler
2
Mesaj
19
Görüntüleme
800
ygzasln
Y
O
Web sitesine eklenen arama kısmı kaldırılmalı mı?
Mesaj
3
Görüntüleme
91
Nefs İlmi
Menü
Giriş yap
Kaydol
Bu siteyi kullanmak için çerezler gereklidir. Siteyi kullanmaya devam etmek için çerezleri kabul etmelisiniz. Daha Fazlasını Öğren.…