MyBBDepo - Türkiyenin MyBB Deposu Forumuna Hoşgeldiniz
Eğer sitemize yaptığınız ilk ziyaretiniz ise, lütfen öncelikle Forum Kurallarını okuyunuz. Forumumuzda bilgi alışverişinde bulunabilmeniz için Kayıt olmalısınız. Üye olmayanlar forumumuzdan yararlanamazlar.
Eğer zaten kayıtlı kullanıcı iseniz, lütfen kullanıcı adınız ve şifreniz ile, Giriş yapınız. (Sitemize üyelik ücretsizdir).
ard26tr avatar
Konuyu Oyla:
  • Derecelendirme: 0/5 - 0 oy
  • 1
  • 2
  • 3
  • 4
  • 5

Derecelendirme: 0/5 - 0 oy

Resimli Footer [Full Resim]


Sponsor Reklam
media venus

Çevrimdışı ard26tr
 Tarih: 02-09-2013, Saat:01:29
(Son Düzenleme: 02-09-2013, Saat:01:31, Düzenleyen: ard26tr.)
#1
Kod:
<html>
<head>
<title>Untitled-8</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1254">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Save for Web Slices (Untitled-8) -->
<table id="Table_01" width="900" height="201" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td colspan="26">
            <img src="images/footherhtml_01.gif" width="900" height="23" alt=""></td>
    </tr>
    <tr>
        <td colspan="5">
            <img src="images/footherhtml_02.gif" width="162" height="6" alt=""></td>
        <td colspan="4" rowspan="2">
            <a href="www.twitter.com">
                <img src="images/Untitled-8_03.gif" width="155" height="102" border="0" alt=""></a></td>
        <td colspan="2" rowspan="3">
            <img src="images/footherhtml_04.gif" width="22" height="113" alt=""></td>
        <td colspan="2" rowspan="2">
            <a href="www.instagram.com">
                <img src="images/Untitled-8_05.gif" width="140" height="102" border="0" alt=""></a></td>
        <td rowspan="2">
            <img src="images/footherhtml_06.gif" width="51" height="102" alt=""></td>
        <td colspan="4" rowspan="2">
            <a href="mail.google.com">
                <img src="images/Untitled-8_07.gif" width="143" height="102" border="0" alt=""></a></td>
        <td colspan="3" rowspan="3">
            <img src="images/footherhtml_08.gif" width="62" height="113" alt=""></td>
        <td colspan="4" rowspan="2">
            <a href="tr.linkedin.com">
                <img src="images/Untitled-8_09.gif" width="131" height="102" border="0" alt=""></a></td>
        <td rowspan="5">
            <img src="images/footherhtml_10.gif" width="34" height="177" alt=""></td>
    </tr>
    <tr>
        <td rowspan="4">
            <img src="images/footherhtml_11.gif" width="15" height="171" alt=""></td>
        <td colspan="3">
            <a href="www.facebook.com">
                <img src="images/Untitled-8_03-13.gif" width="117" height="96" border="0" alt=""></a></td>
        <td rowspan="2">
            <img src="images/footherhtml_13.gif" width="30" height="107" alt=""></td>
    </tr>
    <tr>
        <td colspan="3">
            <img src="images/footherhtml_14.gif" width="117" height="11" alt=""></td>
        <td colspan="4">
            <img src="images/footherhtml_15.gif" width="155" height="11" alt=""></td>
        <td colspan="2">
            <img src="images/footherhtml_16.gif" width="140" height="11" alt=""></td>
        <td rowspan="3">
            <a href="/archive/index.php">
                <img src="images/Untitled-8_17.gif" width="51" height="75" border="0" alt=""></a></td>
        <td colspan="4">
            <img src="images/footherhtml_18.gif" width="143" height="11" alt=""></td>
        <td colspan="4">
            <img src="images/footherhtml_19.gif" width="131" height="11" alt=""></td>
    </tr>
    <tr>
        <td colspan="2">
            <img src="images/footherhtml_20.gif" width="91" height="4" alt=""></td>
        <td colspan="3" rowspan="2">
            <a href="/misc.php?action=help">
                <img src="images/Untitled-8_20.gif" width="71" height="64" border="0" alt=""></a></td>
        <td rowspan="2">
            <img src="images/footherhtml_22.gif" width="9" height="64" alt=""></td>
        <td rowspan="2">
            <a href="/calendar.php">
                <img src="images/Untitled-8_22.gif" width="64" height="64" border="0" alt=""></a></td>
        <td colspan="2" rowspan="2">
            <a href="/stats.php">
                <img src="images/Untitled-8_23.gif" width="78" height="64" border="0" alt=""></a></td>
        <td rowspan="2">
            <img src="images/footherhtml_25.gif" width="11" height="64" alt=""></td>
        <td rowspan="2">
            <a href="/search.php">
                <img src="images/Untitled-8_25.gif" width="64" height="64" border="0" alt=""></a></td>
        <td rowspan="2">
            <a href="/misc.php?action=buddypopup">
                <img src="images/Untitled-8_26.gif" width="76" height="64" border="0" alt=""></a></td>
        <td rowspan="2">
            <img src="images/footherhtml_28.gif" width="10" height="64" alt=""></td>
        <td rowspan="2">
            <a href="/index.php">
                <img src="images/Untitled-8_29.gif" width="72" height="64" border="0" alt=""></a></td>
        <td rowspan="2">
            <img src="images/footherhtml_30.gif" width="12" height="64" alt=""></td>
        <td colspan="2" rowspan="2">
            <a href="/online.php">
                <img src="images/Untitled-8_31.gif" width="66" height="64" border="0" alt=""></a></td>
        <td rowspan="2">
            <img src="images/footherhtml_32.gif" width="12" height="64" alt=""></td>
        <td colspan="2" rowspan="2">
            <a href="/archive/index.php">
                <img src="images/Untitled-8_33.gif" width="64" height="64" border="0" alt=""></a></td>
        <td rowspan="2">
            <img src="images/footherhtml_34.gif" width="12" height="64" alt=""></td>
        <td rowspan="2">
            <a href="/index.php#top">
                <img src="images/Untitled-8_35.gif" width="75" height="64" border="0" alt=""></a></td>
        <td rowspan="2">
            <img src="images/footherhtml_36.gif" width="13" height="64" alt=""></td>
    </tr>
    <tr>
        <td>
            <a href="/misc.php?action=syndication">
                <img src="images/Untitled-8_19.gif" width="83" height="60" border="0" alt=""></a></td>
        <td>
            <img src="images/footherhtml_38.gif" width="8" height="60" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="images/spacer.gif" width="15" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="83" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="8" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="26" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="30" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="15" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="9" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="64" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="67" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="11" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="11" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="64" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="76" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="51" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="10" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="72" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="12" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="49" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="17" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="12" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="33" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="31" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="12" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="75" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="13" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="34" height="1" alt=""></td>
    </tr>
</table>
<!-- End Save for Web Slices -->
</body>
</html>
Eklemek için:
images klasörünü forumun ana dizinine atın
Adminkp>Temalar ve Şablonlar>Şablonlar>Kullandığınız tema>footer şablonlar
kodu uygun yere ekleyin
demo:
Kod:
http://forumsanal.p.ht/footer.html
indir:http://s3.dosya.tc/server10/bQg2Lm/images.rar.html
Virustotal:https://www.virustotal.com/tr/file/577044c0bcc0fde91ad2eea832791d2ee2dc2f59c8518978b019c74d9093d8dd/analysis/1378074480/
İstediğiniz gibi kullanabilirsinizGülümseme
Cevapla
Bunu Beğenenler:
Sponsor Reklam
sponsor reklam sponsor reklam

Çevrimdışı WampiR
 Tarih: 02-09-2013, Saat:06:56
#2
İkonlar çok büyük, renk uyumu yok.
Cevapla
Bunu Beğenenler:

Çevrimdışı ard26tr
 Tarih: 02-09-2013, Saat:10:25
(Son Düzenleme: 02-09-2013, Saat:10:26, Düzenleyen: ard26tr.)
#3
(02-09-2013, Saat:06:56)WampiR Adlı Kullanıcıdan Alıntı: İkonlar çok büyük, renk uyumu yok.

Yorumunuz için teşekkürler.Daha acemiyim bu konularda.İlk footerimdi bu.Yazdıklarınızı acemiliğime verinGülümseme
En yukarıdaki ikonları söylüyorsanız o ikonlara sosyal medya siteleri ve Gmail koydum.
Cevapla
Bunu Beğenenler:

Çevrimdışı WampiR
 Tarih: 02-09-2013, Saat:13:06
#4
(02-09-2013, Saat:10:25)ard26tr Adlı Kullanıcıdan Alıntı:
(02-09-2013, Saat:06:56)WampiR Adlı Kullanıcıdan Alıntı: İkonlar çok büyük, renk uyumu yok.

Yorumunuz için teşekkürler.Daha acemiyim bu konularda.İlk footerimdi bu.Yazdıklarınızı acemiliğime verinGülümseme
En yukarıdaki ikonları söylüyorsanız o ikonlara sosyal medya siteleri ve Gmail koydum.

Anlayışınız için ben teşekkür ederim.

Kod:
http://www.hongkiat.com/blog/40-greatest-web-interface-design-tutorials-photoshop-tutorial/

Bu siteden Photoshop ile site yapımı hakkında güzel örnekler var. İncelersen muhakkak faydasını görürsün.
Cevapla
Bunu Beğenenler:

Çevrimiçi EmreKarakaya
 Tarih: 02-09-2013, Saat:13:38
#5
Öncelikle Şöyle söyleyim
  • Çok Resim Kullanmışsın.Bu da sitenin yüklenme hızını artıracaktır.Kullanıcı bu yüzden senin footeri kaldıracaktır.Bu yüzden css sprite konusunu bir araştır.
  • Yaptığın Footerleri belirli bir renk uyumu içinde yap.Yani sadece bügünü kurtaraıyım diyerek değil.Ayrıca bence resim sayısını biraz düşür.
Cevapla
Bunu Beğenenler:

Çevrimdışı ard26tr
 Tarih: 05-09-2013, Saat:01:31
#6
(02-09-2013, Saat:13:38)EmreKarakaya Adlı Kullanıcıdan Alıntı: Öncelikle Şöyle söyleyim
  • Çok Resim Kullanmışsın.Bu da sitenin yüklenme hızını artıracaktır.Kullanıcı bu yüzden senin footeri kaldıracaktır.Bu yüzden css sprite konusunu bir araştır.
  • Yaptığın Footerleri belirli bir renk uyumu içinde yap.Yani sadece bügünü kurtaraıyım diyerek değil.Ayrıca bence resim sayısını biraz düşür.

Yeni yeni CSS'ye başlıyorum artık.Birşeyler yapmaya çalışıyorum.Yorumunuz için teşekkürler tavsiyeleriniz içinde ayrıca teşekkür ederim.
Cevapla
Bunu Beğenenler:

 


Konu ile Alakalı Benzer Konular
Konular Yazar Yorumlar Okunma Son Yorum
  [1.8] Darkblue Footer Tasarımı [PSD] JohnVasquez 4 1,341 08-04-2016, Saat:16:43
Son Yorum: Moxley
  Header & Footer çizimi önerileri ve görüşleri alabilirmiyim? BeastlyMan 2 427 24-03-2016, Saat:23:11
Son Yorum: BeastlyMan
  ilk footer calışmam nasıl bitanem03 4 1,748 12-12-2015, Saat:19:15
Son Yorum: Proxima35
  Footer Site Acılış ve Gün Otomatik Devam eden Kodlar VendettaTR 4 1,694 24-09-2015, Saat:12:46
Son Yorum: SiberLeon
  Yaptığım Footer | #Poseidon #Poseidon 7 2,753 28-12-2014, Saat:00:21
Son Yorum: marsel221



Konuyu Okuyanlar: 1 Ziyaretçi