En son haberler modülü yapımı

uma350 · 4 Şubat 2011

Merhaba arkadaşlar,
Umarım bilgisi olan vardır, hazırlamakta olduğum php kodlu siteme en son haberler modülü koymak istiyorum , hani haber sitelerinde bolca gördüğümüz mouse u başlıkların üzerine getirince habere ait resimlerin çıktığı modül.Hatta SDN nin anasayfasındaki modül de aynı şey.Bu modül nasıl hazırlanır arkadaşlar bir yardım ediverin gözünüzü seveyim az araştırdım , çeşitli javascript kodları var ama biraz karışık ve istediğim gibi değil.Bu konuda bilgisi olan arkadaşlardan bilgilerini esirgememelerini rica ediyorum.İyi forumlar :flowers:

EnverYigit · 4 Şubat 2011

Sitende kullandığın hazır sistem mi ona göre hazır modül eklentiler var? (Wordpress, Joomla vs.)

uma350 · 4 Şubat 2011

Yok hazır değil kendim kodlamaya çalışıyorum , bilgisyarımda localhost üzerinden.Daha yeniyim bu işte , acemilik işte anlamıyoruz.

EnverYigit · 4 Şubat 2011

O zaman hazır eklentileri indirip kodlamalarına bakabilirsin bence.

uma350 · 4 Şubat 2011

Hocam indirip bakıyorum ama baktımlarında hep manşetler link olarak verilmiş ama ben öyle istemiyorum.Yani yeni bir haber olduğunda ben tekrar elle o haberi girmek istemiyorum.Yeni bir haber eklendiğinde o modüle de aynı anda kendiliğinden ilk sıraya yerleşsin istiyorum.Yani veritabanından haberler bölümünden girilen en son örneğin 5 haberi okuyup baştan aşağıya modülde sıralayacak.Sorun bunu yapabilmekte.Öbür türlü zaten yazılan linkleri değiştirdur zor değil , ama işte bunu modüle kendiliğinden yaptırmak problem , öğrenmek istediğim kısım orası.

mTanriverdi · 4 Şubat 2011

Bak manşet haberleri ile ilgili 25 tane örnek verilmiş. Hepsi jQuery biraz karıştır yaparsın. Çok basit sadece resim adresi ve linkleri belirtiyorsun.

http://designbeep.com/2010/05/13/25-very-detailed-jquery-image-and-content-slider-tutorials/

uma350 · 4 Şubat 2011

Eyvallah hocam sağolasın bir bakalım bakalım

keyloger · 4 Şubat 2011

bu dediğin yapabilmen için linkler yerine veritabanı sorgusundan çekilen verileri alacağını söylemen gerekiyor, bunun içinde artık php kullanıyorsan php ile yada asp kullanıyorsan asp ile veritabanına bağlanıp, son haberleri çekebilirsin.

uma350 · 5 Şubat 2011

Peki bu indirdiğim dosyalarda da style.css dosyası var.Ben bu modülü benim anasayfaya eklediğim zaman mesela bağlantı linklerindeki renk atamaları falan çakışıyor bu sefer garip renkler falan çıkıyor ortaya , yani şu <a href.. diye devam eden url linklerinin renk ayarları falan varya , işte onlar sitemin içindeki style.css dosyası ile çakışıyor.Bu sorunu nasıl halledebilirim acaba hocam ?

mTanriverdi · 5 Şubat 2011

style dosyalarını editlemelisin. Nasıl mı? İki style dosyasına bak stillere isim ver veya ve projeden class ile belirttiklerini kullan.

uma350 · 5 Şubat 2011

Hocam mesela bumodülün kodları ;

Kod:

* {
margin : 0;
padding : 0;
}
html {
height : 100%;
}
body {
height : 100%;
color : #a4a4a4;
cursor : default;
font-size : 11px;
line-height : 16px;
text-align : center;
background-color : #000;
background-position : 50% 0;
background-repeat : no-repeat;
font-family : Tahoma, sans-serif;
}
a:link, a:visited {
color : #ff0000;
text-decoration : none;
}
a img {
border : 0;
}
div.wrap {
width : 993px;
margin : 0 auto;
text-align : left;
}
div#top div#nav {
float : left;
clear : both;
width : 993px;
height : 52px;
margin : 22px 0 0;
}
div#top div#nav ul {
float : left;
width : 700px;
height : 52px;
list-style-type : none;
}
div#nav ul li {
float : left;
height : 52px;
}
div#nav ul li a {
border : 0;
height : 52px;
display : block;
line-height : 52px;
text-indent : -9999px;
}
div#header {
margin : -1px 0 0;
}
div#video-header {
height : 683px;
margin : -1px 0 0;
}
div#header div.wrap {
height : 299px;
background : url(images/header-bg.png) no-repeat 50% 0;
}
div#header div#slide-holder {
z-index : 40;
width : 993px;
height : 299px;
position : absolute;
}
div#header div#slide-holder div#slide-runner {
top : 9px;
left : 9px;
width : 973px;
height : 278px;
overflow : hidden;
position : absolute;
}
div#header div#slide-holder img {
margin : 0;
display : none;
position : absolute;
}
div#header div#slide-holder div#slide-controls {
left : 0;
bottom : 228px;
width : 973px;
height : 46px;
display : none;
position : absolute;
background : url(images/slide-bg.png) 0 0;
}
div#header div#slide-holder div#slide-controls p.text {
float : left;
color : #fff;
display : inline;
font-size : 10px;
line-height : 16px;
margin : 15px 0 0 20px;
text-transform : uppercase;
}
div#header div#slide-holder div#slide-controls p#slide-nav {
float : right;
height : 24px;
display : inline;
margin : 11px 15px 0 0;
}
div#header div#slide-holder div#slide-controls p#slide-nav a {
float : left;
width : 24px;
height : 24px;
display : inline;
font-size : 11px;
margin : 0 5px 0 0;
line-height : 24px;
font-weight : bold;
text-align : center;
text-decoration : none;
background-position : 0 0;
background-repeat : no-repeat;
}
div#header div#slide-holder div#slide-controls p#slide-nav a.on {
background-position : 0 -24px;
}
div#header div#slide-holder div#slide-controls p#slide-nav a {
background-image : url(images/silde-nav.png);
}
div#nav ul li a {
background : url(images/nav.png) no-repeat;
}

Bu da sayfadaki Anasayfa , iletişim vs. bağlantı linklerinin kodları ;

Kod:

.menu{
    border:none;
    border:0px;
    margin:0px;
    padding:0px;
    font: 67.5% "Tahoma", "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
    font-size:12px;
    font-weight:bold;
    
    }
.menu ul{
    background:#000000;
    height:35px;
    list-style:none;
    margin:0;
    padding:0;

    }
    .menu li{
        float:left;
        padding:0px;
        }
    .menu li a{
        background:#333333 url("images/seperator.gif") bottom right no-repeat;
        color:#ff0000;
        display:block;
        font-weight:bold;
        line-height:35px;
        margin:0px;
        padding:0px 25px;
        text-align:center;
        text-decoration:none;
        }
        .menu li a:hover, .menu ul li:hover a{
            background: #2580a2 url("images/hover.gif") bottom center no-repeat;
            color:#FFFFFF;
            text-decoration:none;
            }
    

    
    
    .menu li ul{
        background:#333333;
        display:none;
        height:auto;
        padding:0px;
        margin:0px;
        border:0px;
        position:absolute;
        width:225px;
        z-index:200;
        /*top:1em;
        /*left:0;*/
        }
    .menu li:hover ul{
        display:block;
        
        }
    .menu li li {
        background:url('images/sub_sep.gif') bottom left no-repeat;
        display:block;
        float:none;
        margin:0px;
        padding:0px;
        width:225px;
        }
    .menu li:hover li a{
        background:none;
        
        }
    .menu li ul a{
        display:block;
        height:35px;
        font-size:12px;
        font-style:normal;
        margin:0px;
        padding:0px 10px 0px 15px;
        text-align:left;
        }
        .menu li ul a:hover, .menu li ul li:hover a{
            background:#2580a2 url('images/hover_sub.gif') center left no-repeat;
            border:0px;
            color:#ffffff;
            text-decoration:none;
            }
    .menu p{
        clear:left;
        }

Nasıl bir değişiklik yapmalı mesela ?
Bu arada kusura bakma hocam sanada zahmet veriyorum ama bu css dosylarını çözemedim gitti.

mTanriverdi · 5 Şubat 2011

anasayfadanın html kaynağını gönder bakalım. Onun yapısına.

uma350 · 6 Şubat 2011

Kod:

<body topmargin="0" leftmargin="0" rightmargin="0" background="Temalar/TemaUma/Grafikler/template_r6_c665.jpg">

<div align="center">
    <table border="0" id="table1" bgcolor="#1D1D1D" cellspacing="0" cellpadding="0">
        <tr>
            <td width="7">
            <img border="0" src="Temalar/TemaUma/Grafikler/template_r6_c1.jpg" width="16" height="147"></td>
            <td bgcolor="#000000">
            <p align="center">
            <img border="0" src="Temalar/TemaUma/Grafikler/template_r1_c1%20copy.jpg" width="790" height="147" align="center"></td>
            <td>
            <img border="0" src="Temalar/TemaUma/Grafikler/template_r6_c1.jpg" width="16" height="147"></td>
        </tr>
        <tr>
            <td width="7" background="Temalar/TemaUma/Grafikler/template_r6_c1.jpg">
            <img border="0" src="Temalar/TemaUma/Grafikler/template_r6_c1.jpg" width="16" height="80"></td>
            <td bgcolor="#000000" height="50">
            <div align="center">
                <table border="0" id="table2" cellspacing="0" cellpadding="0">
                    <tr>
                        <td>
                      
// anasayfa bölümlerinin olduğu kısım
  
                        <style media="all" type="text/css">@import "Temalar/TemaUma/menu/menu_style.css";</style>
<div class="menu">
<ul>
<li><a href="index.php" target="_self" >Anasayfa</a>
</li>
<li><a href="Sayfa.php?Git=UyeHesabi&Sayfa=YeniUyeKaydi" target="_self" >Kayıt</a>
</li>
<li><a href="Sayfa.php?Git=HaberKonulari" target="_self" >Haberler</a>
</li>
<li><a href="Sayfa.php?Git=ZiyaretciDefteri" target="_self" >Ziyaretçi Defteri</a>
</li>
<li><a href="Sayfa.php?Git=VideoMp3" target="_self" >Müzik-Video</a>
</li>
<li><a href="Sayfa.php?Git=KoseYazarlari" target="_self" >Köşe Yazarları</a>
</li>
<li><a href="Sayfa.php?Git=iletisim" target="_self" >İletişim</a>
</li>
</ul>
</div>

                        
                        <p></td>
                    </tr>
                </table>
            </div>
            </td>
            <td background="Temalar/TemaUma/Grafikler/template_r6_c1.jpg">
            <img border="0" src="Temalar/TemaUma/Grafikler/template_r6_c1.jpg" width="16" height="80"></td>
        </tr>
        <tr>
            <td width="7" valign="top" background="Temalar/TemaUma/Grafikler/template_r6_c1.jpg">
            <img border="0" src="Temalar/TemaUma/Grafikler/template_r6_c1.jpg" width="16" height="135"></td>
            <td valign="top">
            <div align="center">
            <table border="0" width="100%" id="table3" cellspacing="0" cellpadding="0">
                <tr>
                    <td width="16" background="Temalar/TemaUma/Grafikler/template_r8_c666.jpg">
                    <img border="0" src="Temalar/TemaUma/Grafikler/template_r8_c666.jpg" width="16" height="15"></td>
                    <td background="Temalar/TemaUma/Grafikler/template_r8_c666.jpg">
                    <img border="0" src="Temalar/TemaUma/Grafikler/template_r8_c666.jpg" width="728" height="15"></td>
                    <td width="16" background="Temalar/TemaUma/Grafikler/template_r8_c666.jpg">
                    <img border="0" src="Temalar/TemaUma/Grafikler/template_r8_c666.jpg" width="16" height="15"></td>
                </tr>
                <tr>
                    <td width="16" background="Temalar/TemaUma/Grafikler/template_r6_c12.jpg">
                    <img border="0" src="Temalar/TemaUma/Grafikler/template_r6_c12.jpg" width="16" height="80"></td>
                    <td bgcolor="#1D1D1D">
                    &nbsp;</td>
                    <td width="16" background="Temalar/TemaUma/Grafikler/template_r6_c13.jpg">
                    <img border="0" src="Temalar/TemaUma/Grafikler/template_r6_c13.jpg" width="16" height="80"></td>
                </tr>
                <tr>
                    <td width="16" background="Temalar/TemaUma/Grafikler/template_r8_c666.jpg">
                    <img border="0" src="Temalar/TemaUma/Grafikler/template_r8_c666.jpg" width="16" height="15"></td>
                    <td background="Temalar/TemaUma/Grafikler/template_r8_c666.jpg">
                    <img border="0" src="Temalar/TemaUma/Grafikler/template_r8_c666.jpg" width="728" height="15"></td>
                    <td width="16" background="Temalar/TemaUma/Grafikler/template_r8_c666.jpg">
                    <img border="0" src="Temalar/TemaUma/Grafikler/template_r8_c666.jpg" width="16" height="15"></td>
                </tr>
                </table>
            </div>
            </td>
            <td valign="top" background="Temalar/TemaUma/Grafikler/template_r6_c1.jpg">
            <img border="0" src="Temalar/TemaUma/Grafikler/template_r6_c1.jpg" width="16" height="135"></td>
        </tr>
        <tr>
            <td width="7" valign="top" background="Temalar/TemaUma/Grafikler/template_r6_c1.jpg" height="56">
            &nbsp;</td>
            <td valign="top" height="56">
            
  // modül kısmı
          
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
 <head>
  <title>jquery sliders</title>
  <link rel="stylesheet" href="Temalar/TemaUma/style.css" type="text/css" media="screen" />
  <script type="text/javascript">var _siteRoot='',_root='';</script>
  <script type="text/javascript" src="Temalar/TemaUma/js/jquery.js"></script>
  <script type="text/javascript" src="Temalar/TemaUma/js/scripts.js"></script>
 </head>
 <body>
  <!--/top-->
  <div id="header"><div class="wrap">
   <div id="slide-holder">
<div id="slide-runner">
    <a href=""><img id="slide-img-1" src="$resim" class="slide" alt="" /></a>
    <a href=""><img id="slide-img-2" src="Temalar/TemaUma/images/nature-photo1.png" class="slide" alt="" /></a>
    <a href=""><img id="slide-img-3" src="Temalar/TemaUma/images/nature-photo2.png" class="slide" alt="" /></a>
    <a href=""><img id="slide-img-4" src="Temalar/TemaUma/images/nature-photo3.png" class="slide" alt="" /></a>
    <a href=""><img id="slide-img-5" src="Temalar/TemaUma/images/nature-photo4.png" class="slide" alt="" /></a>
    <a href=""><img id="slide-img-6" src="Temalar/TemaUma/images/nature-photo4.png" class="slide" alt="" /></a>
    <a href=""><img id="slide-img-7" src="Temalar/TemaUma/images/nature-photo6.png" class="slide" alt="" /></a> 
    <div id="slide-controls">
     <p id="slide-client" class="text"><strong>post: </strong><span></span></p>
     <p id="slide-desc" class="text"></p>
     <p id="slide-nav"></p>
    </div>
</div>
    
    <!--content featured gallery here -->
   </div>
   <script type="text/javascript">
    if(!window.slider) var slider={};slider.data=[{"id":"slide-img-1","client":"nature beauty","desc":"haberbaslik"},{"id":"slide-img-2","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-3","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-4","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-5","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-6","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-7","client":"nature beauty","desc":"add your description here"}];
   </script>
  </div></div><!--/header-->
 </body>
</html>        
    
    </td>
            <td valign="top" background="Temalar/TemaUma/Grafikler/template_r6_c1.jpg" height="56">
            &nbsp;</td>
        </tr>
        <tr>
            <td width="7" valign="top" background="Temalar/TemaUma/Grafikler/template_r6_c1.jpg" height="56">
            &nbsp;</td>
            <td valign="top" height="56">

</td>
            <td valign="top" background="Temalar/TemaUma/Grafikler/template_r6_c1.jpg" height="56">
            &nbsp;</td>
        </tr>
        <tr>
            <td width="7" valign="top" background="Temalar/TemaUma/Grafikler/template_r6_c1.jpg">
            <img border="0" src="Temalar/TemaUma/Grafikler/template_r6_c1.jpg" width="16" height="50"></td>
            <td valign="top">
            
            </td>
            <td valign="top" background="Temalar/TemaUma/Grafikler/template_r6_c1.jpg">
                    &nbsp;</td>
        </tr>
        <tr>
            <td width="7" valign="top" background="Temalar/TemaUma/Grafikler/template_r6_c1.jpg">
                    <img border="0" src="Temalar/TemaUma/Grafikler/template_r6_c1.jpg" width="16" height="15"></td>
            <td valign="top" background="Temalar/TemaUma/Grafikler/template_r8_c666.jpg">
                    <img border="0" src="Temalar/TemaUma/Grafikler/template_r8_c666.jpg" width="728" height="15"></td>
            <td valign="top" background="Temalar/TemaUma/Grafikler/template_r6_c1.jpg">
                    <img border="0" src="Temalar/TemaUma/Grafikler/template_r6_c1.jpg" width="16" height="15"></td>
        </tr>
        <tr>
            <td width="7" valign="top" background="Temalar/TemaUma/Grafikler/template_r6_c1.jpg">
            <img border="0" src="Temalar/TemaUma/Grafikler/template_r6_c1.jpg" width="16" height="20"></td>
            <td valign="top" bgcolor="#000000">
            <p align="center"><b><font color="#FF6600">Copyright © 2011</font><font color="#FF0000"> 
            | Designed By </font><font color="#FF6600">UGUR</font></b></td>
            <td valign="top" background="Temalar/TemaUma/Grafikler/template_r6_c1.jpg">
            <img border="0" src="Temalar/TemaUma/Grafikler/template_r6_c1.jpg" width="16" height="20"></td>
        </tr>
        <tr>
            <td width="7" valign="top" bgcolor="#000000">
                    <img border="0" src="Temalar/TemaUma/Grafikler/template_r6_c1.jpg" width="16" height="7"></td>
            <td valign="top" background="Temalar/TemaUma/Grafikler/template_r8_c666.jpg">
                    <img border="0" src="Temalar/TemaUma/Grafikler/template_r8_c666.jpg" width="790" height="15"></td>
            <td valign="top" bgcolor="#000000">
                    <img border="0" src="Temalar/TemaUma/Grafikler/template_r6_c1.jpg" width="16" height="7"></td>
        </tr>
    </table>
</div>

</body>

Bu şekilde hocam..

En son haberler modülü yapımı

uma350

Profesör

EnverYigit

Profesör

uma350

Profesör

EnverYigit

Profesör

uma350

Profesör

mTanriverdi

Doçent

uma350

Profesör

keyloger

Rektör

uma350

Profesör

mTanriverdi

Doçent

uma350

Profesör

mTanriverdi

Doçent

uma350

Profesör

Son mesajlar

Forum istatistikleri

Sosyal ağlar