Şimdi Ara

Donanım Haber Çalışmam

Bu Konudaki Kullanıcılar:
1 Misafir - 1 Masaüstü
5 sn
1
Cevap
0
Favori
190
Tıklama
Daha Fazla
İstatistik
  • Konu İstatistikleri Yükleniyor
0 oy
Öne Çıkar
Sayfa: 1
Giriş
Mesaj
  • Merhabalar donanım haber arayüz tasarımını çalışmasını yaptım.
    not: web tasarımda gelişmek isteyen benle iletişime geçsin: emre_br@outlook.com
    kodlar:
    <!doctype html> 
    <html>
    <head>
    <meta charset="utf-8">
    <title>Başlıksız Belge</title>
    <style>
    .menu {margin-left:40px;}
    .menu ul{list-style:none;margin:0;padding:0;}
    .menu li{float:left; position:relative; width:110px;}
    .menu li ul{display:none; left:0; position:absolute; top:30x;}
    .menu ul li a{font-size: 11px;font-family: Verdana, Arial, Helvetica, sans-serif; background-color:#CCCCCC;; color:black; display:block; width:150px; margin:0; text-decoration:none; line-height:27px; border-bottom: 1px solid #ccc;}
    .menu ul li a:hover {background-color:white;}
    .menu li:hover ul {display:block;}
    .ekran{background-color:#febf55;}
    .header{margin-left:40px; width:1030px;height: 101px;overflow: hidden;background: #f1f1f1;border-bottom: 1px solid #ccc;}
    .menu_1 {margin-left:40px; }
    .menu_1 ul{list-style:none;margin:0;padding:0;}
    .menu_1 li{float:left; position:relative; width:110px;}
    .menu_1 li ul{display:none; left:0; position:absolute; top:30x;}
    .menu_1 ul li a{font-size: 11px;font-family: Verdana, Arial, Helvetica, sans-serif; background-color:#CCCCCC;; color:black; display:block; width:150px; margin:0; text-decoration:none; line-height:27px; border-bottom: 1px solid #ccc; border-radius: 7px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;}
    .menu_1 ul li a:hover {background-color:white;}
    .menu_1 li:hover ul {display:block;}
    .temiz{clear:both;}
    table{margin-left:40px; border-spacing: 2px;
    border-color: gray;
    border-collapse:collapse;
    border-spacing: 2px;
    border-color:#5B5B5B;
    background-color:gainsboro;
    width:1031px; height:26px;}
    table td {border: 1px solid #CCC;}
    td {font: 11px verdana;}
    </style>
    </head>
    <body>
    <div class="ekran">

    <div class="menu"><ul>
    <li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=100458445&url=#" data-href="#">Cevaplananlar</a></li>
    <li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=100458445&url=#" data-href="#">Özel Mesajlar</a></li>
    <li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=100458445&url=#" data-href="#">Taslaklar</a></li>
    <li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=100458445&url=#" data-href="#">Fovoriler</a></li>
    <li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=100458445&url=#" data-href="#">Geçmiş</a></li>
    <li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=100458445&url=#" data-href="#">Forumlarım</a><ul>
    <li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=100458445&url=#" data-href="#">Site Tanımları</a></li>
    <li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=100458445&url=#" data-href="#">[Ayarlar]</a></li></ul>
    <li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=100458445&url=#" data-href="#">İkinci el</a><ul>
    <li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=100458445&url=#" data-href="#">Dükkanım</a></li>
    <li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=100458445&url=#" data-href="#">Fırsatlar</a></li></ul>
    <li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=100458445&url=#" data-href="#">Popüler Konular </a></li> <li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=100458445&url=#" data-href="#">............Zımbırtılar </a></li>
    </ul>
    </div>
    <div class="header"><h1>DONANIM HABER logosu!</h1></div>
    <div class="menu_1"><ul>
    <li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=100458445&url=#" data-href="#">Anasayfa</a><ul>
    <li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=100458445&url=#" data-href="#">Haber</a></li>
    <li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=100458445&url=#" data-href="#">Forum</a></li></ul>
    <li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=100458445&url=#" data-href="#">Ayarlar</a><ul>
    <li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=100458445&url=#" data-href="#">Profil Bilgilerir</a></li> <li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=100458445&url=#" data-href="#">Blog Bilgileri</a></li></ul>
    <li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=100458445&url=#" data-href="#">Bana Özel</a><ul> <li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=100458445&url=#" data-href="#">Gelen Kutusu</a></li> <li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=100458445&url=#" data-href="#">Favoriler</a></li> <li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=100458445&url=#" data-href="#">Dükkanım</a></li></ul> <li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=100458445&url=#" data-href="#">Üyelik İşlemleri</a><ul> <li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=100458445&url=#" data-href="#">Nick İşlemleri</a></li> <li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=100458445&url=#" data-href="#">Şikayet İşlemleri</a></li></ul> <li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=100458445&url=#" data-href="#">Arama</a></li> <li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=100458445&url=#" data-href="#">Diğer</a><ul> <li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=100458445&url=#" data-href="#">Üyeler</a></li> <li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=100458445&url=#" data-href="#">Albümler</a></li></ul><li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=100458445&url=#" data-href="#">Hakkımızda</a><ul> <li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=100458445&url=#" data-href="#">İletişim</a></li> <li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=100458445&url=#" data-href="#">Forum Kuralları</a></li></ul>
    <li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=100458445&url=#" data-href="#"><b>Reklam Ver</b></a></li><li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=100458445&url=#" data-href="#"><b>Kariyer</b></a></li>
    </div><div class="temiz"></div><br>
    <table>
    <tr height="26px">
    <td><font color=FF6000><b>Forum Duyuruları<b></font></td>
    </tr>
    <tr width="1193px" height="26px">
    <td><b>Özel Sayfalar --</b> 1 Eylül 2010</td>
    </tr>
    <tr width="1193" height="48">
    <td align="center"> <B> ............REKLAM.............</B></td>
    </tr>
    </table>
    <br>
    <table> <tr bgcolor="DFDFDF">
    <th align="left" colspan="2"><font color=FF6000><b>Bugünün En Popüler Konuları<b></font></th>
    <th align="center"><font color=FF6000><b>Toplam<b></font></th>
    <th align="center"><font color=FF6000><b>24 Saat<b></font></th>
    <th align="center"><font color=FF6000><b>Son Mesaj<b></font></th>
    </tr>
    </table>
    <table><tr>
    <td bgcolor="f1f1f1"><img src="http://icon.donanimhaber.com/board_snh.gif" alt="Popüler Konu!, Yeni mesajlar"/></td> <td bgcolor="f1f1f1">FENERBAHÇE - SİVASSPOR | 12 Aralık Cuma 20.00</td><td width="91px" align="center" bgcolor="f1f1f1">464</td>
    <td width="91px" align="center" bgcolor="f1f1f1">451</td>
    <td width="101px" align="right" bgcolor="f1f1f1">15 dk. önce</acronym> </td>
    </tr>
    <td bgcolor="f1f1f1"><img src="http://icon.donanimhaber.com/board_snh.gif" alt="Popüler Konu!, Yeni mesajlar"/></td> <td bgcolor="f1f1f1">ÇEK VE SATIŞ BÖLMÜ</td><td width="91px" align="center" bgcolor="f1f1f1">201260</td>
    <td width="91px" align="center" bgcolor="f1f1f1">366</td>
    <td width="101px" align="right" bgcolor="f1f1f1">54 sn. önce</acronym> </td>
    </tr>
    <td bgcolor="f1f1f1"><img src="http://icon.donanimhaber.com/board_snh.gif" alt="Popüler Konu!, Yeni mesajlar"/></td> <td bgcolor="f1f1f1">MESAJ SAATININ SON RAKAMINA GORE ILER...</td><td width="91px" align="center" bgcolor="f1f1f1">312</td>
    <td width="91px" align="center" bgcolor="f1f1f1">309</td>
    <td width="101px" align="right" bgcolor="f1f1f1">bir dk. önce</acronym> </td>
    </tr>
    <td bgcolor="f1f1f1"><img src="http://icon.donanimhaber.com/board_snh.gif" alt="Popüler Konu!, Yeni mesajlar"/></td> <td bgcolor="f1f1f1">FIFA ULTIMATE TEAM (ANA KONU) ( SIMAG....</td><td width="91px" align="center" bgcolor="f1f1f1">161</td>
    <td width="91px" align="center" bgcolor="f1f1f1">292</td>
    <td width="101px" align="right" bgcolor="f1f1f1">bir dk. önce</acronym> </td>
    </tr>
    <td bgcolor="f1f1f1"><img src="http://icon.donanimhaber.com/board_snh.gif" alt="Popüler Konu!, Yeni mesajlar"/></td> <td bgcolor="f1f1f1">LG G3 ANA KONU VE KULLANICILARI KULÜBÜ </td><td width="91px" align="center" bgcolor="f1f1f1">161</td>
    <td width="91px" align="center" bgcolor="f1f1f1">292</td>
    <td width="101px" align="right" bgcolor="f1f1f1">15 SN. önce</acronym> </td>
    </tr>
    </table>
    <br>
    <table> <tr bgcolor="DFDFDF">
    <td width="325" align="center" colspan="2"><font color=FF6000><b>Forum İçeriği<b></font></td>
    <td width="70" align="center"><font color=FF6000><b>Konular<b></font></td>
    <td width="70" align="center"><font color=FF6000><b>Mesajlar<b></font></td>
    <td width="70" align="center"><font color=FF6000><b>Son Mesaj<b></font></td>
    </tr>
    </table>
    <table><tr>
    <td bgcolor="f1f1f1"><img src="http://icon.donanimhaber.com/board_n.gif" alt="Yeni mesajlar"/></td> <td width="515" bgcolor="f1f1f1">Dahili Bileşenler
    Bilgisayarın içine takılan her şey</td><td width="91px" align="center" bgcolor="f1f1f1">376369</td>
    <td width="93px" align="center" bgcolor="f1f1f1">358124</td>
    <td width="88px" bgcolor="f1f1f1">13 Aralık 2014</acronym> </td>
    </tr>
    <td bgcolor="f1f1f1"><img src="http://icon.donanimhaber.com/board_n.gif" alt="Yeni mesajlar"/></td> <td width="515" bgcolor="f1f1f1">Harici Bileşenler Bilgisayar çevre birimleri hakkında konular </td><td width="91px" align="center" bgcolor="f1f1f1">79514</td>
    <td width="93px" align="center" bgcolor="f1f1f1">54971</td>
    <td width="88px" bgcolor="f1f1f1">13 Aralık 2014 </acronym> </td>
    </tr>
    <td bgcolor="f1f1f1"><img src="http://icon.donanimhaber.com/board_n.gif" alt="Yeni mesajlar"/></td> <td width="515" bgcolor="f1f1f1">Hazır ve Markalı Sistemler  </td><td width="91px" align="center" bgcolor="f1f1f1">866 </td>
    <td width="93px" align="center" bgcolor="f1f1f1">1421</td>
    <td width="88px" bgcolor="f1f1f1">13 Aralık 2014 </acronym> </td>
    </tr>
    <td bgcolor="f1f1f1"><img src="http://icon.donanimhaber.com/board_n.gif" alt="Yeni mesajlar"/></td> <td width="515" bgcolor="f1f1f1">Teknik Yardım Bilgisayarınızda bir sorunla mı karşılaştınız? Buraya sorun yardım alın </td><td width="91px" align="center" bgcolor="f1f1f1">376369</td>
    <td width="93px" align="center" bgcolor="f1f1f1">72477</td>
    <td width="88px" bgcolor="f1f1f1">13 Aralık 2014 </acronym> </td>
    </tr>
    <td bgcolor="f1f1f1"><img src="http://icon.donanimhaber.com/board_n.gif" alt="Yeni mesajlar"/></td> <td width="515" bgcolor="f1f1f1">Network ve Güvenlik İnternet Paylaşımı, Wi-Fi Ağ sistemleri ve tabii ki Wi-Fi / Kablosuz Ağ hakkında her şey </td><td width="91px" align="center" bgcolor="f1f1f1">53526</td>
    <td width="93px" align="center" bgcolor="f1f1f1">124978</td>
    <td width="88px" bgcolor="f1f1f1">13 Aralık 2014 </acronym> </td>
    </tr>
    <td width="20" bgcolor="f1f1f1"><img src="http://icon.donanimhaber.com/board_n.gif" alt="Yeni mesajlar"/></td> <td width="515" bgcolor="f1f1f1">Uydu Teknolojileri ve Dijital Yayın Uydu alıcıları, dijital tv kartı ve dijital tv yayını hakkında her şey </td><td width="91px" align="center" bgcolor="f1f1f1">33038</td>
    <td width="93px" align="center" bgcolor="f1f1f1">154897</td>
    <td width="88px" bgcolor="f1f1f1">13 Aralık 2014 </acronym> </td>


    </table>
    <br><br><br>
    </div>
    </body>
    </html>







  • 
Sayfa: 1
- x
Bildirim
mesajınız kopyalandı (ctrl+v) yapıştırmak istediğiniz yere yapıştırabilirsiniz.