HTML / CSS ile buton menüsü nasıl yapılır?

sprXogzz · 28 Nisan 2023

Arkadaşlar istediğim şeyi çizdim ve siyah kısım sitenin ilk kısımı:
İstediğim şey tam olarak şu: Sol tarafa beyaz bir kısım koyup onun üstüne butonları eklemeyi düşünüyorum ama bunu nasıl yapacağımı bulamadım, çözemedim.
Bootstrap'ta falan aradım bulamadım bilen çözen varsa yazabilir mi? Teşekkürler, iyi sosyaller.

Phanzox · 28 Nisan 2023

sprXogzz dedi:
Arkadaşlar istediğim şeyi çizdim ve siyah kısım sitenin ilk kısımı:
İstediğim şey tam olarak şu: Sol tarafa beyaz bir kısım koyup onun üstüne butonları eklemeyi düşünüyorum ama bunu nasıl yapacağımı bulamadım, çözemedim.
Bootstrap'ta falan aradım bulamadım bilen çözen varsa yazabilir mi? Teşekkürler, iyi sosyaller.

Eki Görüntüle 1758455

Çok detaylı hakim değilim konuya ancak buna bakabilirsin.

W3Schools.com

W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

www.w3schools.com

Samet Kırıcı · 28 Nisan 2023

sprXogzz dedi:
Arkadaşlar istediğim şeyi çizdim ve siyah kısım sitenin ilk kısımı:
İstediğim şey tam olarak şu: Sol tarafa beyaz bir kısım koyup onun üstüne butonları eklemeyi düşünüyorum ama bunu nasıl yapacağımı bulamadım, çözemedim.
Bootstrap'ta falan aradım bulamadım bilen çözen varsa yazabilir mi? Teşekkürler, iyi sosyaller.

Eki Görüntüle 1758455

istediğin sol taraf için buton koymakmı sol beyaz kısmı nasıl yapacağını mı öğrenmek istiyorsun ona göre anlatacağım?

Oğuz21321 · 28 Nisan 2023

Samet Kırıcı dedi:
İstediğin sol taraf için buton koymakmı sol beyaz kısmı nasıl yapacağını mı öğrenmek istiyorsun ona göre anlatacağım?

Hocam uyarı yedim de 1 saat banım var buradan yazacağım. Sol beyaz kısmı nasıl yapacağımı öğrenmek istiyorum yanlış başlık attım o sebeple yanlış anlaşılmış.

Samet Kırıcı · 28 Nisan 2023

Anlatıyorum;
Sol taraf için örneğin bir Div etiketi aç class Beyaz ver sonra css de Beyaz kısmın boyutunu ayarla örneğin
300x100 yapalım sonra bune bir display flex vereceksin ve flex direction column vereceksin çünkü alt alta sıralanması için padding top ver üst kısım için bottom da ver alt kısım için sonra align-item center veriyoruz sebebi dikeyde ortalanması için sonra bide yataytda sıralanması için justify content center verin
sonra Beyaz adlı divin içinde istediğiniz kadar div ekleyin aralarında 10 px boşluk bırakır ve ekler

Kod:

.Beyaz {
widht: 300px;
height: 100px;
gap: 10px;
display: flex;
flex-direction: column;
padding-top: 20px;
padding-bottom: 20px;
align-items: center;
justify-content: center;
}

Oğuz21321 · 28 Nisan 2023

Samet Kırıcı dedi:
Anlatıyorum;
Sol taraf için örneğin bir Div etiketi aç class Beyaz ver sonra css de Beyaz kısmın boyutunu ayarla örneğin
300x100 yapalım sonra bune bir display flex vereceksin ve flex direction column vereceksin çünkü alt alta sıralanması için padding top ver üst kısım için bottom da ver alt kısım için sonra align-item center veriyoruz sebebi dikeyde ortalanması için sonra bide yataytda sıralanması için justify content center verin
sonra Beyaz adlı divin içinde istediğiniz kadar div ekleyin aralarında 10 px boşluk bırakır ve ekler

Kod:

.Beyaz { widht: 300px; height: 100px; gap: 10px; display: flex; flex-direction: column; padding-top: 20px; padding-bottom: 20px; align-items: center; justify-content: center; }

hocam teşekkür ederim yeni başladım da bunu kopyalayıp yapıştırsam olur mu? (Çalışır mı)

Samet Kırıcı · 28 Nisan 2023

Oğuz21321 dedi:
hocam teşekkür ederim yeni başladım da bunu kopyalayıp yapıştırsam olur mu? (Çalışır mı)

beyaz isimli div açın yapıştırın çalışır

sprXogzz dedi:
Arkadaşlar istediğim şeyi çizdim ve siyah kısım sitenin ilk kısımı:
İstediğim şey tam olarak şu: Sol tarafa beyaz bir kısım koyup onun üstüne butonları eklemeyi düşünüyorum ama bunu nasıl yapacağımı bulamadım, çözemedim.
Bootstrap'ta falan aradım bulamadım bilen çözen varsa yazabilir mi? Teşekkürler, iyi sosyaller.

Eki Görüntüle 1758455

Ayrıca sana önerim html ve css konusunda chat gpt çok başarılı bu tarz soruları çok iyi cevaplıyor ben html ve css yapıyorum genellikle çok işime yarıyor chatgpt

Oğuz21321 · 28 Nisan 2023

HTML:

<div>beyaz</div>

    .Beyaz {

        widht: 300px;

        height: 100px;

        gap: 10px;

        display: flex;

        flex-direction: column;

        padding-top: 20px;

        padding-bottom: 20px;

        align-items: center;

        justify-content: center;

        }

doğru mu hocam

Samet Kırıcı · 28 Nisan 2023

Oğuz21321 dedi:

HTML:

<div>beyaz</div>

    .Beyaz {

        widht: 300px;

        height: 100px;

        gap: 10px;

        display: flex;

        flex-direction: column;

        padding-top: 20px;

        padding-bottom: 20px;

        align-items: center;

        justify-content: center;

        }

doğru mu hocam

hayır yanlış html kodu yanlış

<div class="Beyaz">

Oğuz21321 dedi:

HTML:

<div>beyaz</div>

    .Beyaz {

        widht: 300px;

        height: 100px;

        gap: 10px;

        display: flex;

        flex-direction: column;

        padding-top: 20px;

        padding-bottom: 20px;

        align-items: center;

        justify-content: center;

        }

doğru mu hocam

bu konularda yeniysen ProtoTürk adlı youtube kanalı var html ve css serisi var onu full bitir

Oğuz21321 · 28 Nisan 2023

Samet Kırıcı dedi:
hayır yanlış html kodu yanlış

bu konularda yeniysen ProtoTürk adlı youtube kanalı var html ve css serisi var onu full bitir

Teşekkür Ederim

HTML / CSS ile buton menüsü nasıl yapılır?

sprXogzz

Hectopat

Phanzox

Decapat

W3Schools.com

Samet Kırıcı

Hectopat

Oğuz21321

Femtopat

Samet Kırıcı

Hectopat

Oğuz21321

Femtopat

Samet Kırıcı

Hectopat

Oğuz21321

Femtopat

Samet Kırıcı

Hectopat

Oğuz21321

Femtopat