Linkler kendi arasında anlaşamıyor

P

playboinacruu

Hectopat
Katılım
15 Şubat 2021
Mesajlar
233
Çözümler
3
Daha fazla  
Cinsiyet
Erkek
Meslek
Student
1619550606401.png


Olay şu:

1619550620118.png


Sitem bilgisayarda bu şekilde gözüküyor oldukça güzel.
Fakat telefonda:

1619550655234.png


Şeklinde gözüküyor.
Yapmak istediğim ekrana göre linklerin satır atlaması.
Fakat gözüktüğü gibi birbirlerine sıkışıyorlar ve asla satır atlamıyorlar.
Bunu bir şekilde çözemedim.
Yardımcı olursanız minnettar olurum.
*Kodlarım GitHub uurcan7/linktree repomda yer almakta*
Ayrıca neden u7.hanime founder yazısı morlaştı onu da çözemedim. *not: GitHub uurcan7/linktree repomda o kısım bulunmamakta.
 
Son düzenleme:
El Quvava dedi:
HTML konusunda pek bir fikrim olmasa da mobil versiyon için ayrı kodlamanız gerektiğini biliyorum. Mobil için HTML kodları araştırabilirsiniz.
Genişletmek için tıkla...

Uh.
Böyle bir düşüncem vardı fakat...
Bu çok uğraştıracak peki ya mobilde nasıl satır atlamasını sağlayacağım?
Mümkünse mobil için özel geliştirmeyeyim.
Viewport zaten var.
 
playboinacruu dedi:
Uh.
Böyle bir düşüncem vardı fakat...
Bu çok uğraştıracak peki ya mobilde nasıl satır atlamasını sağlayacağım?
Mümkünse mobil için özel geliştirmeyeyim.
Viewport zaten var.
Genişletmek için tıkla...

Dediğim gibi öğrendiğim bir kodlama dili değil. İngilizcen iyi ise stackoverflow gibi kodlama forumlarına sorabilirsin.
 
Ayrıca sitemde Body'in tüm ekranı kaplamasını nasıl sağlarım?
Body kapansa bile tüm ekranda etkisini devam ettirsin yani.
El Quvava dedi:
Dediğim gibi öğrendiğim bir kodlama dili değil. İngilizcen iyi ise stackoverflow gibi kodlama forumlarına sorabilirsin.
Genişletmek için tıkla...

Orada sormuştum fakat birisi geldi downvote verdi tüm keyfim kaçtı :/
Hala bir yanıt yok o taraftan.
 
Mobil uyumlu olması için Bootstrap gibi bir kütüphane kullanmanız gerek. Tüm kodları tekrar gözden geçirip yazmanız gerekir.

Yazının morlaşmasını
CSS: 
text-decoration:none
kodunu kullanarak çözebilirsiniz.

playboinacruu dedi:
Ayrıca sitemde Body'in tüm ekranı kaplamasını nasıl sağlarım?
Body kapansa bile tüm ekranda etkisini devam ettirsin yani.
Genişletmek için tıkla...
Her ekrana uyumlu (responsive) yaptıktan sonra Bootstrap kullanarak sitedeki içeriğin konumlandırılmasında absolute yerine relative kullanırsanız muhtemelen olur.
 
Son düzenleme:
Tasarımınızı "responsive" yani her cihaza uygun yapmak için CSS kodlarınızda @media kurallarını kullanmalısınız. Örnek olarak:

[CODE lang="css" title="CSS"]@media only screen and (max-width: 600px) {
body {
background-color: lightblue;
}
}[/CODE]

Bu kodda body elementinin rengi sayfanin genişliği 600pxden küçük ise açık mavi olacaktır.
Daha detaylı anlatımı W3Schools'da bulabilirsiniz.
 
Ascendency dedi:
Mobil uyumlu olması için Bootstrap gibi bir kütüphane kullanmanız gerek. Tüm kodları tekrar gözden geçirip yazmanız gerekir.

Yazının morlaşmasını
CSS: 
text-decoration:none
kodunu kullanarak çözebilirsiniz.


Her ekrana uyumlu (responsive) yaptıktan sonra Bootstrap kullanarak sitedeki içeriğin konumlandırılmasında absolute yerine relative kullanırsanız muhtemelen olur.
Genişletmek için tıkla...
O kodun zaten Style.css dosyamda olduğunu fark ettim
İçerisinden:
[CODE lang="css" title="style.css"]body {
cursor: url('https://uurcan7.xyz/cursor.cur'), auto;
overflow: auto;
margin: auto;
padding: auto;
font-family: var(--font);
background-color: #000;
animation: 1s ease-out var(--delay) 1 transitionAnimation;
animation-fill-mode: forwards
}[/CODE]
Ayrıca nasıl HTML de body kodunun tüm ekranı kaplamasını sağlarım? *Söylemişsiniz zaten, Gözümden kaçmış üzgünüm :D*
isaeken dedi:
Tasarımınızı "responsive" yani her cihaza uygun yapmak için CSS kodlarınızda @media kurallarını kullanmalısınız. Örnek olarak:

[CODE lang="css" title="CSS"]@media only screen and (max-width: 600px) {
body {
background-color: lightblue;
}
}[/CODE]

Bu kodda body elementinin rengi sayfanin genişliği 600pxden küçük ise açık mavi olacaktır.
Daha detaylı anlatımı W3Schools'da bulabilirsiniz.
Genişletmek için tıkla...

Bunun sorunuma ne gibi bir katkısı olacak anlamış değilim.
 
Son düzenleme:

Benzer konular

BabaFİngo
HTML-CSS linkler ortalanmıyor
Mesaj
3
Görüntüleme
167
Kxaan
Kxaan
Beyaz atlı playboy
Sadece HTML5 ve CSS3 ile ufak işler yapılabilir mi?
2
Mesaj
13
Görüntüleme
1B
ctrlshift
ctrlshift
G
HTML vs HTML5?
2
Mesaj
14
Görüntüleme
3B
Vavien.
Vavien.
1
HTML5 ve CSS teması geliştiriyorum
Mesaj
2
Görüntüleme
369
147472
1
XhutdowN
HTML5 ve CSS ile yapılan sitenin Background'ı çok geniş
Mesaj
4
Görüntüleme
382
kKerem
kKerem

Yeni konular

Yeni mesajlar

Geri
Yukarı