İmzaya Link Eklemek ( Fotoğraflı Anlatım )

Merhabalar, bugün boş boş otururken kendi imzama böyle birşey yapmak geldi aklıma. Belki başka üyelerimiz de yapmak ister diye burada paylaşmak istedim.
Yapacağımız şey, imzamızda bulunan bir fotoğrafa link eklemek. Bu sayede, o fotoğrafa tıkladığımızda eklemiş olduğunuz link'e ait sayfaya ulaşacağız. Tabi bu linkler sitenin kuralları dahilinde olmalı. Mesela ben imzamda kendi akvaryumumun fotoğrafını kullanıyorum ve tıkladığınızda o akvaryumun tanıtım sayfasına ulaşacaksınız.
Amaç anlaşıldığına göre nasıl yapıldığına bakalım. Aslında bunu forum kodları sayesinde yapıyoruz, ortada büyücülük vs. yok yani.
Çoğu kişinin aşina olduğu bir durumdur aslında ama bilmeyenler ve yapmak steyenler için rehber olmasını umuyorum.

Öncelikle hangi kodları kullanacağımıza bakalım.
İşimize yarayacak olan 2 kod var.



Birincisi, imzamızı fotoğraf olarak göstermek istediğimiz için IMG (1) kodu.
İkincisi ise, bu fotoğrafı link olarak kullanabilmek için URL (2) kodu.

Şimdi nasıl yapıldığına bakalım.

Önce imzamızı hazırlıyoruz. Bu fotoğraf ya da resim, imzamızda gözükecek olan görsel. Önceden sitede müsade edilen format ve büyüklükte hazırlamak gerekiyor.



Ben fotoğraf eklemek için her zaman imageshack sitesini kullanıyorum. Bu sitenin verdiği ''Direct Link'' bağlantısı işimize yarayacak olan link.
İşte bu:
http://img843.imageshack.us/img843/2584/dsc00976b.jpg
Bu linki kaybetmiyoruz.


Şimdi imzamıza eklemek istediğimiz linki buluyoruz. Benim kullandığım link akvaryumumun tanıtım konusunun linki.
Yani bu:
http://www.akvaryum.com/Forum/tanganyika_sigliklari_k387656.asp

Şimdi gelelim, bu linkleri forum kodları ile beraber kullanarak imzamızı yapmaya.



İşaretlediğim kısımdaki kodu kullanacağız öncelikle. Şu şekilde önce yönlendirme yapacağımız linki imzamıza gömüyoruz:



Daha sonra fotoğraf veya resmimizi eklemek için IMG kodunu kullanarak, az önceki kaldığımız yerden devam ediyoruz. Fotoğrafımızın linkini yazdıktan sonra başına ve sonuna uygun kodları yazıyoruz (ya da bunun için forumun fotoğraf ekleme aracını kullanıyoruz) :



Bundan sonra da en sona yazarak imzamızı bitiriyoruz.

Son hali şu şekilde olacak:




Bu kodların imza olarak görünümü ise şu şekilde olacak ve tıkladığınızda göreceksiniz ki tanıtım konusuna ulaşabileceksiniz.
(Konu içerisinde link olarak kabul etmedi, fotoğrafa tıklayınca sadece büyütme işlemi yapılabiliyor, özelliğin kullanımını görebilmek için imzamdaki fotoğrafa tıklayabilirsiniz.)




Yapmak isteyenlere şimdiden kolay gelsin.
Saygılar.



reverse2010-09-16 12:05:33

Teşekkürler Arman bey güzel bi konuya değinmişiniz.

Ve detaylı anlatımınız için teşekkür ederim...

Kolay gelsin.

Gerçekten çok teşekkürler Arman abi ellerine sağlık çok faydalı bir konu olmuş işime çok yaradı

Güle güle kullan Şafak. Ama imzan çok büyük olmuş, benden söylemesi. Yönetimden uyarı gelmeden gerekli düzenlemeyi yap istersen. Maksimum yükseklik 100 piksel olmalıydı yanlış hatırlamıyorsam.

[QUOTE=reverse]


Merhabalar, bugün boş boş otururken kendi imzama böyle birşey yapmak geldi aklıma. Belki başka üyelerimiz de yapmak ister diye burada paylaşmak istedim.
Yapacağımız şey, imzamızda bulunan bir fotoğrafa link eklemek. Bu sayede, o fotoğrafa tıkladığımızda eklemiş olduğunuz link'e ait sayfaya ulaşacağız. Tabi bu linkler sitenin kuralları dahilinde olmalı. Mesela ben imzamda kendi akvaryumumun fotoğrafını kullanıyorum ve tıkladığınızda o akvaryumun tanıtım sayfasına ulaşacaksınız.
Amaç anlaşıldığına göre nasıl yapıldığına bakalım. Aslında bunu forum kodları sayesinde yapıyoruz, ortada büyücülük vs. yok yani.img src="smileys4/smiley4.gif" border="0" align="absmiddle" alt="Big%20smile" /
Çoğu kişinin aşina olduğu bir durumdur aslında ama bilmeyenler ve yapmak steyenler için rehber olmasını umuyorum.

Öncelikle hangi kodları kullanacağımıza bakalım.
İşimize yarayacak olan 2 kod var.

a href="#" target="_blank"a href="http://img806.imageshack.us/img806/3692/sonbbh.jpg" class="highslide" onclick="return hs.expand(this)"img src="http://img806.imageshack.us/img806/3692/sonbbh.jpg" style="max-width: 320px;" //a/a

Birincisi, imzamızı fotoğraf olarak göstermek istediğimiz için font color="#ff0000"bIMG/b/font (1) kodu.
İkincisi ise, bu fotoğrafı link olarak kullanabilmek için font color="#ff0000"bURL/b/font (2) kodu.

Şimdi nasıl yapıldığına bakalım.

Önce imzamızı hazırlıyoruz. Bu fotoğraf ya da resim, imzamızda gözükecek olan görsel. Önceden sitede müsade edilen format ve büyüklükte hazırlamak gerekiyor.

a href="#" target="_blank"/aa href="#" target="_blank"/aa href="#" target="_blank"a href="http://img843.imageshack.us/img843/2584/dsc00976b.jpg" class="highslide" onclick="return hs.expand(this)"img src="http://img843.imageshack.us/img843/2584/dsc00976b.jpg" style="max-width: 320px;" //a/a

Ben fotoğraf eklemek için her zaman imageshack sitesini kullanıyorum. Bu sitenin verdiği ''Direct Link'' bağlantısı işimize yarayacak olan link.
İşte bu:
http://img843.imageshack.us/img843/2584/dsc00976b.jpg
Bu linki kaybetmiyoruz.


Şimdi imzamıza eklemek istediğimiz linki buluyoruz. Benim kullandığım link akvaryumumun tanıtım konusunun linki.
Yani bu:
http://www.akvaryum.com/Forum/tanganyika_sigliklari_k387656.asp

Şimdi gelelim, bu linkleri forum kodları ile beraber kullanarak imzamızı yapmaya.

a href="#" target="_blank"/aa href="#" target="_blank"/aa href="#" target="_blank"a href="http://img833.imageshack.us/img833/4559/ekranalnts123.jpg" class="highslide" onclick="return hs.expand(this)"img src="http://img833.imageshack.us/img833/4559/ekranalnts123.jpg" style="max-width: 320px;" //a/a

İşaretlediğim kısımdaki kodu kullanacağız öncelikle. Şu şekilde önce yönlendirme yapacağımız linki imzamıza gömüyoruz:

a href="#" target="_blank"/aa href="#" target="_blank"/aa href="#" target="_blank"a href="http://img684.imageshack.us/img684/866/ekranalntsasasa.jpg" class="highslide" onclick="return hs.expand(this)"img src="http://img684.imageshack.us/img684/866/ekranalntsasasa.jpg" style="max-width: 320px;" //a/a

Daha sonra fotoğraf veya resmimizi eklemek için font color="#ff0000"bIMG/b/font kodunu kullanarak, az önceki kaldığımız yerden devam ediyoruz. Fotoğrafımızın linkini yazdıktan sonra başına ve sonuna uygun kodları yazıyoruz (ya da bunun için forumun fotoğraf ekleme aracını kullanıyoruz) :

a href="#" target="_blank"/aa href="#" target="_blank"/aa href="#" target="_blank"a href="http://img696.imageshack.us/img696/4198/songibi.jpg" class="highslide" onclick="return hs.expand(this)"img src="http://img696.imageshack.us/img696/4198/songibi.jpg" style="max-width: 320px;" //a/a

Bundan sonra da en sona a href="#" target="_blank"/aa href="#" target="_blank"/aa href="#" target="_blank"a href="http://img819.imageshack.us/img819/6716/url.jpg" class="highslide" onclick="return hs.expand(this)"img src="http://img819.imageshack.us/img819/6716/url.jpg" style="max-width: 320px;" //a/a yazarak imzamızı bitiriyoruz.

Son hali şu şekilde olacak:

a href="#" target="_blank"/aa href="#" target="_blank"/aa href="#" target="_blank"a href="http://img178.imageshack.us/img178/3296/sssof.jpg" class="highslide" onclick="return hs.expand(this)"img src="http://img178.imageshack.us/img178/3296/sssof.jpg" style="max-width: 320px;" //a/a


Bu kodların imza olarak görünümü ise şu şekilde olacak ve tıkladığınızda göreceksiniz ki tanıtım konusuna ulaşabileceksiniz.
font color="#ff0000"bfont size="1"(Konu içerisinde link olarak kabul etmedi, fotoğrafa tıklayınca sadece büyütme işlemi yapılabiliyor, özelliğin kullanımını görebilmek için imzamdaki fotoğrafa tıklayabilirsiniz.)/font/b/font

a href="http://www.akvaryum.com/Forum/tanganyika_sigliklari_k387656.asp" target="_blank"/aa href="#" target="_blank"/aa href="#" target="_blank"/aa href="#"a href="http://img39.imageshack.us/img39/825/dsc00976bx.jpg" class="highslide" onclick="return hs.expand(this)"img src="http://img39.imageshack.us/img39/825/dsc00976bx.jpg" style="max-width: 320px;" //a/a


Yapmak isteyenlere şimdiden kolay gelsin.img src="smileys4/smiley4.gif" border="0" align="absmiddle" alt="Big%20smile" /
Saygılar.




editededitIDreverse/editIDeditDate2010-09-16 12:05:33/editDate/edited[/QUOTE]




linkler bozulmuş fotolar açılmıyor