ورود

**gan**

سلام

من برای برای ویرایش index وبلاگم چند ماه پیش از یکی از بچه های این سایت کمک گرفتم . الان من میخوام index جدید بزنم به کمک نیاز دارم . هیچی از کد نویسی نمی دونم .
لطفا به این لینک برید تا منظورم رو متوجه بشید

همون طور که می بینید چندتا گزینه به صورت عکس قابلیت کلیک خوردن داره .
مثلا شما می تونید روی موسیقی متن فیلم کلیک کنید و به بخش موسیقی متن برید
من الان یه عکس جدید طراحی کردم و اونم چندتا گزینه داره که میخوام قابلیت کلیک خوردن داشته باشه و یکی زحمتش رو بکشه که بزارم تو قسمت قالب جداگانه

لینک عکس

خب عکس 7 تا گزینه داره که میخوام کلیک خور بشه . لینک هر کدوم رو میزارم

دیسکوگرافی
http://unheards.blogfa.com/category/12/%D8%AF%DB%8C%D8%B3%DA%A9%D9%88%DA%AF%D8%B1%D8%A7%D9%81%DB%8C

موسیقی متن
http://unheards.blogfa.com/category/3/%D9%85%D9%88%D8%B3%DB%8C%D9%82%DB%8C-%D9%85%D8%AA%D9%86

موسیقی ایرانی
http://unheards.blogfa.com/category/2/%D9%85%D9%88%D8%B3%DB%8C%D9%82%DB%8C-%D8%A7%DB%8C%D8%B1%D8%A7%D9%86%DB%8C

موسیقی جهانی
http://unheards.blogfa.com/category/5/%D9%85%D9%88%D8%B3%DB%8C%D9%82%DB%8C-%D8%AC%D9%87%D8%A7%D9%86%DB%8C

ویدئو
http://unheards.blogfa.com/category/11/%D9%88%DB%8C%D8%AF%D8%A6%D9%88

Enter To Main Page
http://unheards.blogfa.com/

و یه پایین عکس یه جمله ای وجود داره " اگر برای اولین بار است که از وبلاگ ... لطفا این پست را کامل بخوانید

کلمه " این " به صورت زرد رنگ مشخص شده که میخوام این لینک زیر در این کلمه باشه :
http://unheards.blogfa.com/post/3/%D9%85%D8%B9%D8%B1%D9%81%D9%8A

خب من کد قالب index فعلیم رو میذارم شاید تو کد نویسی به دوستان کمک کنه :

کد: 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Welcome To Unheards </title>

<style type="text/css">

<!--

body {

    background-color: #000000;

}

-->

</style></head>

<body><center><img src="http://s1.picofile.com/file/7548998274/17058496424926587916.jpg" border="0" usemap="#Map" style="width:1200px; height:800px;" />

<map name="Map" id="Map">

  <area shape="rect" coords="652,192,874,236" href="http://unheards.blogfa.com/category/1/%D8%A7%D8%AE%D8%A8%D8%A7%D8%B1-%D9%85%D9%88%D8%B3%D9%8A%D9%82%D9%8A-%D8%AC%D9%87%D8%A7%D9%86" />

  <area shape="rect" coords="656,263,874,311" href="http://unheards.blogfa.com/category/2/%D8%A7%D8%AE%D8%A8%D8%A7%D8%B1-%D9%85%D9%88%D8%B3%D9%8A%D9%82%D9%8A-%D8%A7%D9%8A%D8%B1%D8%A7%D9%86" />

  <area shape="rect" coords="655,338,877,383" href="http://unheards.blogfa.com/category/3/%D9%85%D9%88%D8%B3%D9%8A%D9%82%D9%8A-%D9%85%D8%AA%D9%86-%D9%81%D9%8A%D9%84%D9%85" />

  <area shape="rect" coords="654,409,875,452" href="http://unheards.blogfa.com/category/4/%D9%85%D9%88%D8%B3%D9%8A%D9%82%D9%8A-%D9%85%D8%AA%D9%86-%D8%A8%D8%A7%D8%B2%D9%8A" /><area shape="rect" coords="656,476,878,519" href="http://unheards.blogfa.com/category/9/%D9%86%D8%A7%D8%B4%D9%86%D9%8A%D8%AF%D9%87%D8%A7" />

  <area shape="rect" coords="955,442,1105,484" href="http://unheards.blogfa.com/" />

</map></center>

<BLOGFA></BLOGFA>

</body>

</html>

ممنونم اگر کمکم کنید

**alikhani98**

سلام بفرمایید(دمو)

کد: 

http://jsfiddle.net/Alikhani98/Eg9Bq/2/

این هم کد:

کد: 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Welcome To Unheards </title>

<style type="text/css">

<!--

body {

    background-color: #000000;

}

-->

</style></head>

<body><center>

<img src ="http://s3.picofile.com/file/7965522361/indexnew.jpg" alt="Planets"

usemap="#planetmap">

<map name="planetmap"><area shape="rect" alt="دیسکوگرافی" title="" coords="698,246,913,341" href="http://unheards.blogfa.com/category/12/%D8%AF%DB%8C%D8%B3%DA%A9%D9%88%DA%AF%D8%B1%D8%A7%D9%81%DB%8C" target="" /><area shape="rect" alt="موسیقی متن" title="" coords="699,350,906,421" href="http://unheards.blogfa.com/category/3/%D9%85%D9%88%D8%B3%DB%8C%D9%82%DB%8C-%D9%85%D8%AA%D9%86" target="" /><area shape="rect" alt="موسیقی ایرانی" title="" coords="700,434,912,498" href="http://unheards.blogfa.com/category/2/%D9%85%D9%88%D8%B3%DB%8C%D9%82%DB%8C-%D8%A7%DB%8C%D8%B1%D8%A7%D9%86%DB%8C" target="" /><area shape="rect" alt="موسیقی جهانی" title="" coords="697,508,917,580" href="http://unheards.blogfa.com/category/5/%D9%85%D9%88%D8%B3%DB%8C%D9%82%DB%8C-%D8%AC%D9%87%D8%A7%D9%86%DB%8C" target="" /><area shape="rect" alt="Enter To Main Page" title="" coords="771,760,1186,872" href="http://unheards.blogfa.com/" target="" /><area shape="rect" alt="ویدئو" title="" coords="694,594,845,667" href="http://unheards.blogfa.com/category/11/%D9%88%DB%8C%D8%AF%D8%A6%D9%88" target="" /><area shape="rect" alt="post" title="" coords="583,925,628,966" href="http://unheards.blogfa.com/post/3/%D9%85%D8%B9%D8%B1%D9%81%D9%8A" target="" /></map>

</center>

<BLOGFA></BLOGFA>

</body>

</html>

**beggar-love** · 92-7-18، 06:08 عصر

آقای علیخانی

کد: 

700,434,912,498

با این اعداد جای لینک رو جا ب جا کردید؟؟؟؟؟؟
اینا مختصاتشه؟؟؟؟؟
چطوری مختصات رو بدست آوردید؟؟؟؟؟
میشه توضیح بدید؟؟؟؟

**alikhani98** · 92-7-18، 06:13 عصر

(92-7-18، 06:08 عصر)beggar-love نوشته است: آقای علیخانی

کد:

700,434,912,498

با این اعداد جای لینک رو جا ب جا کردید؟؟؟؟؟؟
اینا مختصاتشه؟؟؟؟؟
چطوری مختصات رو بدست آوردید؟؟؟؟؟
میشه توضیح بدید؟؟؟؟

کد:

http://www.w3schools.com/tags/tag_area.asp

با استفاده از این ابزار :

کد: 

http://www.maschek.hu/imagemap/

**gan** · 92-7-18، 06:41 عصر

آقای علیخانی ممنون

ولی یه مشکلی هست
نمی دونم چه جوری بگم با عکس نشون میدم

این عکس ایندکس قبلی من :

و این ایندکس که شما زحمت کشیدید :

تو ایندکس شما عکس به طور کامل در صفحه نمایش داده نمیشه و باید صفحه رو با موس یا کیبورد سمت دیگه کشید (scrolls . با فلش قرمز مشخص کردم ) .
من میخوام مث ایندکس قبلی عکس به طور کامل توی صفحه نمایش داده بشه و نیازی به scroll کردن نداشته باشه . (سایز هر دو عکس چه تو ایندکس قبلی و چه جدیده یکی هست)

ممنونم

**alikhani98** · 92-7-18، 06:55 عصر

(92-7-18، 06:41 عصر)gan نوشته است: آقای علیخانی ممنون

ولی یه مشکلی هست
نمی دونم چه جوری بگم با عکس نشون میدم

این عکس ایندکس قبلی من :

و این ایندکس که شما زحمت کشیدید :

تو ایندکس شما عکس به طور کامل در صفحه نمایش داده نمیشه و باید صفحه رو با موس یا کیبورد سمت دیگه کشید (scrolls . با فلش قرمز مشخص کردم ) .
من میخوام مث ایندکس قبلی عکس به طور کامل توی صفحه نمایش داده بشه و نیازی به scroll کردن نداشته باشه . (سایز هر دو عکس چه تو ایندکس قبلی و چه جدیده یکی هست)

ممنونم

کد: 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Welcome To Unheards </title>

<style type="text/css">

<!--

body {

   background-color: #000000;

}

-->

</style></head>

<body><center>

<img src ="http://s3.picofile.com/file/7965522361/indexnew.jpg" alt="Planets"

usemap="#planetmap" style="width:1200px; height:800px;">

<map name="planetmap"><area shape="rect" alt="دیسکوگرافی" title="" coords="698,246,913,341" href="http://unheards.blogfa.com/category/12/%D8%AF%DB%8C%D8%B3%DA%A9%D9%88%DA%AF%D8%B1%D8%A7%D9%81%DB%8C" target="" /><area shape="rect" alt="موسیقی متن" title="" coords="699,350,906,421" href="http://unheards.blogfa.com/category/3/%D9%85%D9%88%D8%B3%DB%8C%D9%82%DB%8C-%D9%85%D8%AA%D9%86" target="" /><area shape="rect" alt="موسیقی ایرانی" title="" coords="700,434,912,498" href="http://unheards.blogfa.com/category/2/%D9%85%D9%88%D8%B3%DB%8C%D9%82%DB%8C-%D8%A7%DB%8C%D8%B1%D8%A7%D9%86%DB%8C" target="" /><area shape="rect" alt="موسیقی جهانی" title="" coords="697,508,917,580" href="http://unheards.blogfa.com/category/5/%D9%85%D9%88%D8%B3%DB%8C%D9%82%DB%8C-%D8%AC%D9%87%D8%A7%D9%86%DB%8C" target="" /><area shape="rect" alt="Enter To Main Page" title="" coords="771,760,1186,872" href="http://unheards.blogfa.com/" target="" /><area shape="rect" alt="ویدئو" title="" coords="694,594,845,667" href="http://unheards.blogfa.com/category/11/%D9%88%DB%8C%D8%AF%D8%A6%D9%88" target="" /><area shape="rect" alt="post" title="" coords="583,925,628,966" href="http://unheards.blogfa.com/post/3/%D9%85%D8%B9%D8%B1%D9%81%D9%8A" target="" /></map>

</center>

<BLOGFA></BLOGFA>

</body>

</html>

**gan**

مشکل قبلی درست شد
اما یه مشکل دیگه به وجود اومد
هیچ کدوم از گزینه ها کلیک خور نیستن !
امتحان کنید (http://unheards.blogfa.com/page/index)

**alikhani98** · 92-7-19، 12:28 صبح

(92-7-18، 07:03 عصر)gan نوشته است: مشکل قبلی درست شد
اما یه مشکل دیگه به وجود اومد
هیچ کدوم از گزینه ها کلیک خور نیستن !
امتحان کنید (http://unheards.blogfa.com/page/index)

تست کنید :

کد: 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Welcome To Unheards </title>

<style type="text/css">

<!--

body {

   background-color: #000000;

}

-->

</style></head>

<body><center>

<img src ="http://upload7.ir/images/86461861032646967217.png" alt="Planets"

usemap="#planetmap" style="width:1200px; height:736px;">

<map name="planetmap"><area shape="rect" alt="دیسکوگرافی" title="دیسکوگرافی" coords="498,166,656,234" href="http://unheards.blogfa.com/category/12/%D8%AF%DB%8C%D8%B3%DA%A9%D9%88%DA%AF%D8%B1%D8%A7%D9%81%DB%8C" target="" /><area shape="rect" alt="موسیقی متن" title="موسیقی متن" coords="500,242,652,300" href="http://unheards.blogfa.com/category/3/%D9%85%D9%88%D8%B3%DB%8C%D9%82%DB%8C-%D9%85%D8%AA%D9%86" target="" /><area shape="rect" alt="موسیقی ایرانی" title="" coords="504,308,654,358" href="http://unheards.blogfa.com/category/2/%D9%85%D9%88%D8%B3%DB%8C%D9%82%DB%8C-%D8%A7%DB%8C%D8%B1%D8%A7%D9%86%DB%8C" target="" /><area shape="rect" alt="موسیقی جهانی" title="" coords="500,368,654,416" href="http://unheards.blogfa.com/category/5/%D9%85%D9%88%D8%B3%DB%8C%D9%82%DB%8C-%D8%AC%D9%87%D8%A7%D9%86%DB%8C" target="" /><area shape="rect" alt="ویدئو" title="" coords="496,426,586,476" href="http://unheards.blogfa.com/category/11/%D9%88%DB%8C%D8%AF%D8%A6%D9%88" target="" /><area shape="rect" alt="link" title="link" coords="542,544,874,630" href="http://unheards.blogfa.com/" target="" /><area shape="rect" alt="link" title="link" coords="414,656,448,692" href="http://unheards.blogfa.com/post/3/%D9%85%D8%B9%D8%B1%D9%81%D9%8A" target="" /></map></center>

<BLOGFA></BLOGFA>

</body>

</html>

**radd** · 92-7-19، 12:31 صبح

مثل سايت طراحي ميشه وقتي ايندكس كنيم؟

**gan** · 92-7-19، 12:39 صبح

بسیار عالی . درست شد
خیلی خیلی ممنونم

ورود
نام کاربری:
گذرواژه‌:	گذرواژه‌تان را فراموش کرده‌اید؟
	مرا به خاطر بسپار

بک لینک