Başlangıç için kodlama - duyuru (güzel olmasada fena değil)

[Secilmis42]

CSS:

Kod: Tümünü Seç Tümünü Kopyala

@import url(https://fonts.googleapis.com/css?family=Exo);
.duyuruarka {
  background-color: #F1A744;
  border: solid 5px #F0F0F0;
  height: 62px;
  padding: 10 0 0 10px;
  border-radius: 5px;
}
.onunicineduyuru {
  background: #F0F0F0;
  padding: 14px;
  margin: 7px;
  border-radius: 3px;
  border: solid 1px #E56967;
  font: bold 13px 'Exo';
  text-align: center;
  color: #758D7D;
}

HTML:

Kod: Tümünü Seç Tümünü Kopyala

<div class= "duyuruarka">
   <div class= "onunicineduyuru">
   BURAYA BAŞLIK ASDADASDEQWEASDWQESAADQWEASFASDHJAKSDJKSADJKASDJKAS - OLMADI
  </div>

Önizleme: http://codepen.io/anon/pen/MaYyPE

Not: yorumlarınızı beklerim başlangıç olsada güzel bir kodlama yapmadım yavaş yavaş öğrenicem.

[Wenchernz]

Hoş olmuş. Eline sağlık.

[Gokss]

CSS:

Kod: Tümünü Seç Tümünü Kopyala

.duyuruarka {
  background-color: #F1A744;
  border: solid 5px #F0F0F0;
  height: 62px;
  padding: 10 0 0 10px;
  border-radius: 5px;
}
.onunicineduyuru {
  background: #F0F0F0;
  padding: 14px;
  margin: 7px;
  border-radius: 3px;
  border: solid 1px #E56967;
  font: bold 13px 'Exo';
  text-align: center;
  color: #758D7D;
}

HTML:

Kod: Tümünü Seç Tümünü Kopyala

<div class= "duyuruarka">
   <div class= "onunicineduyuru">
   BURAYA BAŞLIK ASDADASDEQWEASDWQESAADQWEASFASDHJAKSDJKSADJKASDJKAS - OLMADI
  </div>

Önizleme: http://codepen.io/anon/pen/MaYyPE

Not: yorumlarınızı beklerim başlangıç olsada güzel bir kodlama yapmadım yavaş yavaş öğrenicem.

exo yapmışsın da fontu exo fontunu çeken bir adres yok :)
css de en üste

Kod: Tümünü Seç Tümünü Kopyala

@import url(https://fonts.googleapis.com/css?family=Exo);

ekle

[Secilmis42]

Yavaş yavaş, öğreniyorum teşekkürler

[EmSaLSiZ]

Güzel.

[TaaRRuz]

Kodlama öğrenmeye merak salmak güzel.Bu şekilde teşvik edebilirsek başkalarını da güzel olur.

PHP Kod: Tümünü Seç Tümünü Kopyala

<div class= "duyuruarka">
   <div class= "onunicineduyuru">
   BURAYA BAŞLIK ASDADASDEQWEASDWQESAADQWEASFASDHJAKSDJKSADJKASDJKAS - OLMADI
  </div> 


Kodun da dikkat edersen 2 tane

açtın ama bir tane kapattın.Eğer divi kapatmazsan ardından ekleyeceğiniz her kod duyuruarka isimli divinin içine eklenir anladın mı?O yüzden açtığın her divi onunicineduyuru'da olduğu gibi

şeklinde kapatman lazım.

[Secilmis42]

Unutmuşum, ve büyük bir aptallık yapmışım bu tür ayrıntılara fazla girmediğim için hocam :)
Hatırlattığınız için teşekkürler şimdilik böyle olsun :)

Yorumlar için teşekkürler.