RSS Haber V1

22 Aralık 2013 0 Yazar: İbrahim AY

Çeşitli kaynaklardan elde edilen haberleri, ziyaretçileriniz ile paylaşabileceğiniz uygulama.

Yukarıda gördüğünüz içeriği sitenize eklemek için aşağıdaki kodlardan yararlanabilirsiniz.
İçeriğin boyutlarını değiştirmek için #rsshaber{ width : 100%; overflow:auto; border:1px } kısmında gerekli değişikliği yapabilirsiniz. Diğer kodlar içeriğin görünümü (haber başlığı, metni, resmi vb) ile ilgilidir ve değiştirmek serbesttir.

Hepsini Seç


 <style>
#rsshaber{  width : 700px;  overflow:auto;  border:1px  }
#rssmenuimg img{margin-left:15px;}
#sayfa{}
#sayfa #kaynakbaslik{font-family:  'Hoefler Text', Georgia, 'Times New Roman', serif;
                      font-weight: normal;
                      font-size: 1.75em;
                      letter-spacing: .2em;
                      line-height: 1.1em;
                      margin:0px;
                      text-align: center;
                      text-transform: uppercase;
                      }
#sayfa #haber{
              border-bottom:2px solid gray;
              width:100%;
              float:left;
              padding:10px;
              }
#sayfa #haber #baslik{
                      font: bold 24px "Century Schoolbook", Georgia, Times, serif;
                      color: #333;
                      line-height: 90%;
                      margin: .2em 0 .4em 0;
                      letter-spacing: -2px;
                      }
                      
#sayfa #haber #baslik a{
                          color: #600;
                          text-decoration: none;
                          }
#sayfa #haber #icerik{
                      color: #76879b;
                      font-size: 12px;
                      font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
                      padding-top:15px;
                      margin-left: 15px;
                      text-align: justify;
                      text-indent: 50px;
                      vertical-align:baseline;
                      }
#sayfa #haber  #icerik img{
                  max-width:20%;
                  max-height:20%;
                  float:left;
                  margin-top:-15px;
                  margin-left:-15px;
                  margin-right:15px;
                  }
#sayfa #haber #tarih{
                      font-size: 85%;
                      text-transform: uppercase;
                      letter-spacing: 1px;
                      color: #bbb;
                      font-size: 10px;
                      font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
                      font-weight: 100;
                      float:right;
                      }
</style>