27.11.2010, Saat: 15:04
Header + Logo Tasarımlarını Photoshop'ta Parçalara Bölmeden Link Eklemek
Headerı Photoshop'ta parçalara bölmeden headera link vermek için aşağıdaki yolları izleyiniz..
Header da izlenen taktik RESİME MAP (harita) ekleme taktiğidir.
Öncelikle headerı tanımlamamız gerekmektedir, yani yapmış olduğumuz .png, .gif, .jpg formatlarındaki header resimini tanımlayacağız..
mybb.com.tr/images/header.png Yazan yere sitenizin header adresini yazınız ve images klasörünün içinede yapmış olduğunuz header tasarımını yükleyiniz..
Daha sonra üsteki kodumuzun hemen altına, aşağıdaki vermiş olduğum map linklerini ekliyoruz, yani headerın haritasını çiziyoruz..
Altına eklediğimiz zaman işlem tamamlanacaktır. Bu koduda kendinize göre değiştirmeniz gerekmektedir,
Örneğin : 66, 225, 179, 249 kodu linkin hangi bölümde bulunacağını belirlemektedir.
Yani üsteki karşılık: http://www.mybb.com.tr Ana sayfaya yönleneceğini belirlemektedir.
Bunun en basit düzenlemesi, Front Page, Share Point, Dream Waver gibi Html düzenleme proğramlarına kodumuzu yapıştırmak olacaktır..
Önizleme yaptığımız zaman link alanları belli olmaktadır ve rahatlıkla bir butona link eklercesine düzenleyebilirsiniz.
Html proğramında düzenlemek için aşağıdaki kodları kullanınız:
Adımları doğru bir şekilde uygularsanız sizin yapmış olduğunuz header tasarımlarıda parçalanmadan linklenmiş olacaktır..
Bu yöntem bir nevi pohotoshop'ta resim kesme derdine son vermiş oluyor..
Headerı Photoshop'ta parçalara bölmeden headera link vermek için aşağıdaki yolları izleyiniz..
Header da izlenen taktik RESİME MAP (harita) ekleme taktiğidir.
Öncelikle headerı tanımlamamız gerekmektedir, yani yapmış olduğumuz .png, .gif, .jpg formatlarındaki header resimini tanımlayacağız..
PHP Kod:
<img height="250" src="http://www.mybb.com.tr/images/header.png" width="925" border="0" usemap="#Map">
<map id="Map" name="Map">
mybb.com.tr/images/header.png Yazan yere sitenizin header adresini yazınız ve images klasörünün içinede yapmış olduğunuz header tasarımını yükleyiniz..
Daha sonra üsteki kodumuzun hemen altına, aşağıdaki vermiş olduğum map linklerini ekliyoruz, yani headerın haritasını çiziyoruz..
PHP Kod:
<area shape="RECT" alt="Anasayfa" coords="66, 225, 179, 249" href="http://www.mybb.comtr/">
<area shape="RECT" alt="Arama" coords="194, 225, 273, 249" href="http://www.mybb.com.tr/search.php">
<area shape="RECT" alt="Üye Listesi" coords="500, 224, 604, 248" href="http://www.mybb.com.tr/memberlist.php">
<area shape="RECT" alt="Ajanda" coords="607, 225, 711, 249" href="http://www.mybb.com.tr/calendar.php">
<area shape="RECT" alt="Yardım" coords="712, 225, 816, 249" href="http://www.mybb.com.tr/misc.php?action=help">
<area shape="RECT" coords="586, 36, 857, 198" href="http://www.mybb.com.tr/index.php"></map>
Altına eklediğimiz zaman işlem tamamlanacaktır. Bu koduda kendinize göre değiştirmeniz gerekmektedir,
Örneğin : 66, 225, 179, 249 kodu linkin hangi bölümde bulunacağını belirlemektedir.
Yani üsteki karşılık: http://www.mybb.com.tr Ana sayfaya yönleneceğini belirlemektedir.
Bunun en basit düzenlemesi, Front Page, Share Point, Dream Waver gibi Html düzenleme proğramlarına kodumuzu yapıştırmak olacaktır..
Önizleme yaptığımız zaman link alanları belli olmaktadır ve rahatlıkla bir butona link eklercesine düzenleyebilirsiniz.
Html proğramında düzenlemek için aşağıdaki kodları kullanınız:
PHP Kod:
<img height="250" src="http://www.mybb.com.tr/images/header.png" width="925" border="0" usemap="#Map">
<map id="Map" name="Map">
<area shape="RECT" alt="Anasayfa" coords="66, 225, 179, 249" href="http://www.mybb.comtr/index.php">
<area shape="RECT" alt="Arama" coords="194, 225, 273, 249" href="http://www.mybb.com.tr/search.php">
<area shape="RECT" alt="Üye Listesi" coords="500, 224, 604, 248" href="http://www.mybb.com.tr/memberlist.php">
<area shape="RECT" alt="Ajanda" coords="607, 225, 711, 249" href="http://www.mybb.com.tr/calendar.php">
<area shape="RECT" alt="Yardım" coords="712, 225, 816, 249" href="http://www.mybb.com.tr/misc.php?action=help">
<area shape="RECT" coords="586, 36, 857, 198" href="http://www.mybb.com.tr/index.php"></map>
Adımları doğru bir şekilde uygularsanız sizin yapmış olduğunuz header tasarımlarıda parçalanmadan linklenmiş olacaktır..
Bu yöntem bir nevi pohotoshop'ta resim kesme derdine son vermiş oluyor..
Bağış yapmak ister misin?
[email protected]
[email protected]