HTML'de bu nasıl yapılır?

25-03-2018, 16:20:11

Merhabalar fotoğraftaki beyaz kutu gibi olan şeyi htmlde nasıl yapabilirim? Alt tarafını delikli delikli yapmak istiyorum

25-03-2018, 16:21:45

#2

~~Locisoft~~

Üyeliği durduruldu

Merhabalar efendim background vererek yapabilirsiniz div e iyi gunler dilerim

25-03-2018, 16:21:58

#3

~~Gigrafik~~

Üyeliği durduruldu

Beyaz bölgeyi ve altındaki delikli kısmı photoshop ile hazırlayıp arkaplan olarak kullanabilirsiniz

25-03-2018, 16:23:20

#4

stranos

Locisoft adlı üyeden alıntı: mesajı görüntüle

Merhabalar efendim background vererek yapabilirsiniz div e iyi gunler dilerim

Gigrafik adlı üyeden alıntı: mesajı görüntüle

Beyaz bölgeyi ve altındaki delikli kısmı photoshop ile hazırlayıp arkaplan olarak kullanabilirsiniz

Panelden kontrollü birşey yapacağım veri eklediğimde hep böyle çıkmasını istiyorum photoshop harici boostrap veya html ile yapılamaz mı?

25-03-2018, 16:28:37

#5

erkutarhan

En kolay yöntem yukarıda bahsedilen photoshopdur fakat css ile yapmak istiyorsan css3 ile benzer şeyler mümkün
https://www.diviguide.com/section-dividers/

25-03-2018, 16:36:52

#6

ztk

Kimlik doğrulama veya yönetimden onay bekliyor.

stranos adlı üyeden alıntı: mesajı görüntüle

Panelden kontrollü birşey yapacağım veri eklediğimde hep böyle çıkmasını istiyorum photoshop harici boostrap veya html ile yapılamaz mı?

<!DOCTYPE html>
<html lang="en" dir="ltr">
    <head>
        <meta charset="utf-8">
        <title></title>
        <style media="screen">
            body{
                background-color: #303155;
            }
            .test{
                width: 500px;
                height: 250px;
                background-color:#fff;
                border-radius: 5px;
                border-bottom:18px dotted #303155;
                outline: 18px #303155 solid;  /* inner stroke */
                outline-offset: -6px;
            }
        </style>
    </head>
    <body>
        <div class="test">
        </div>
    </body>
</html>

25-03-2018, 16:41:26

#7

stranos

Yardım eden herkese çok teşekkür ederim.