Merhaba arkadaşlar bir 404 uhu sayfası yapayım dedim. Aşağıdaki gibi bir görüntü oluştu. Sizce nasıl olmuş?
Ağlayan emoji kod halinde svg'dir.

Yarım yamalakta olsa kodları verdim. Bootstrap 3 olmadan bu şekilde görünmez. Görseli ve emojiyi vermedim. Rahatlıkla bulursunuz zaten. Emoji'yi svg kodları için svg bir emoji buldum ve illustrator ile svg kodunu aldım :)

Ha birde arama kutusu ve önerilen adresler temamla ilgili olduğundan hem daha eklemdim hem ekleseydim veremezdim.

Düzenleme üstüne düzenleme yaptım ama css kodları bir elden geçirin aynı kodları 4 defa falan kullandım. Ben birazdan elden geçiririm ancak buradan düzenlemeye üşenirim sanırım. O yüzden yazdım :)

Arkada bir de ağlama sesi bulunmaktadır. :)

<script>
$(function(){
$(".svg").load('aglama_emoji.txt')
})
</script>

Aradığınız sayfa bulunamadı

Bir zamanlar UHU(404)'un olduğu gibi bu sayfada var olmuş olabilir. Ancak fark etti isen artık ikiside yok :(

Lütfen geçmişi benimle bırak ve aşağıdaki
arama kutusunu ya da önerilen adresleri kullanarak GİT


.uhu img{
width: 100%;
}
.svg{
position: relative;
top: -150px;
}
.uhu h1{
position: relative;
top: -150px;
color: #393939;
font-size: 2.3em;
font-family: 'Exo 2', sans-serif;
padding-bottom: 5px;
font-weight: 900;
text-transform: uppercase;
text-align: center;
}
.uhu h2{
position: relative;
top: -150px;
color: #393939;
font-size: 1.6em;
font-family: 'Exo 2', sans-serif;
padding-bottom: 5px;
line-height: 1.3em;
font-weight: 600;
text-align: center;
}
.uhu h3{
position: relative;
top: -150px;
color: #393939;
font-size: 1.4em;
font-family: 'Exo 2', sans-serif;
padding-bottom: 5px;
line-height: 1.3em;
font-weight: 500;
text-align: center;
}
.uhu h3 samp{
font-weight: 700;
}