Müzik HayattırFacebookda BenHomepageİletişimForum SitemBlog SayfamHakkımda
  Haberler  
 

FeneRLyy | Genc Webmaster Adayı

Cizimsiz Intro Yapimi

Merhaba ben FeneRLyy size en kısa ve en basit yoldan intro yapmayo öğreticeğim Gülen Tip bu işlem çoooook basit istediğiniz intro şöyle bişey ise;

[Resim: 3h5vc.png]

işiniz çok kolay Gülen Tip

1-
Cooltext'e giriniz.
2-Daha sonra kendinize göre bir logo tipi seçiniz.
3-Yazınızı yazınız renk ve yazı tipini seçiniz.
Not:cooltext.com yabancı bir site oldugu için türkçe karekterleri kabul etmez.(ı,ş,ç...)
4.Render logo demeden önce resim seçimi var onu png/Transparent'i seçiniz.
5-Render logo dedikden sonra çıkan resimi kaydedin.
Şu anda logomuz hazır yani üst resim şimdi butonları yapıcaz Gülen Tip bundada cooltext sitesiniz kullanıcaz.
1-
Cooltext'e giriniz.
2-Alt kısımda butonlar vardır ordan birini seçin kendinize göre
3-Daha sonra yazısını düzenleyin nereye yönlendirmek istiyorsanız.(giriş-forum vb.)
4-Gradient ve yazı tipleriniz ayarladıkdan sonra en alt kısımda resim hover menüsü var ordaki ayarları ayarlayınki resimin üstüne geldiğinde değişsin Gülen Tip
5-Render logo butonuna basın.
6-Karşımıza 3 resim ve altda bir kod çıkıcak bu kodda resimleri nasıl yapıcağımız görünüyor.
Kod sudur;
Kod:
<img src="cooltext662026028.png" onmouseover="this.src='cooltext662026028MouseOver.png';" onmouseout="this.src='cooltext662026028.png';" />
Bu kodun açılımı şöyledir.
Kod:
<img src="1.resim" onmouseover="this.src='2.resim yani hover resimi';" onmouseout="this.src='1.resim';" />
7-Resimleri bilgisayarımıza kaydediyoruz.ve üstdeki gibi resimleri koda sıralıyoruz önizlemesiniz şöyle yapabilirsiniz.bu kodu bir .html uzantılı bir dosyaya kaydedersiniz ve açtıgınızda internet tarayıcınızda kodun çalışıp çalışmadıgı ortaya çıkar.
Geldik şimdi bunları birleştirip intro yapmaya Gülen Tip
Alt'a kod vericek ve oraya resimleri yerleştirmeniz yeterlidir. Gülen Tip

Kod;
Kod:
<table width="800" border="0" cellpadding="0" cellspacing="0">
    <tbody>
        <tr>
            <td style="text-align: center; ">Baslik Resim Kodu</td>
        </tr>
        <tr>
            <td style="text-align: center; ">
            <table width="800" border="0" cellpadding="0" cellspacing="0">
                <tbody>
                    <tr>
                        <td style="text-align: center; ">1.buton kodu</td>
                        <td style="text-align: center; ">2.buton kodu</td>
                    </tr>
                </tbody>
            </table>
            </td>
        </tr>
    </tbody>
</table>

bu kodda 2. butona yer verdim şimdiki kodda sadece 1 butona yer vericem Gülen Tip

Kod:
<table width="800" border="0" cellpadding="0" cellspacing="0">
    <tbody>
        <tr>
            <td style="text-align: center; ">Baslik Resim Kodu</td>
        </tr>
        <tr>
            <td style="text-align: center; ">
            <table width="800" border="0" cellpadding="0" cellspacing="0">
                <tbody>
                    <tr>
                        <td style="text-align: center; ">1.buton kodu</td>
                    </tr>
                </tbody>
            </table>
            </td>
        </tr>
    </tbody>
</table>

Evet bu kadar yapamazsanız bana mesaj atın Göz Kırpan
Bugün 4 ziyaretçi (11 klik) kişi burdaydı!
 
 
Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol