لینک کردن یک عکس در css

[niloofar 12]

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

می خواستم ببینم چطور میتونم با استفاده از کد css لینک هر قسمت از منو را به مجموعه مورد نظرم بدم؟

فرم منو را در همین پست قرار دادم.ممنون میشم راهنمایی کنید.

[mmfallah 67]

هر چند دقیقا متوجه منظورتون نشدم.

ولی احتمالات را می گم

برای لینک داردن به هر چیزی در css از کد

<a href="http://.ir">

لینک مجموعه مورد نظر را وارد کنید

راه حل دوم:

توی موقعیتی که برای منو تنظیم کردین background بدید و با استفاده از ماژول منو اون را فراخونی کنید و منو را جوری تنظیم کنید که با توجه به background در جای مناسب قرار بگیره

[niloofar 12]

یعنی میگید کل تصویر را بذارم بک گراند؟و ماژول منو را فعال کنم؟

فکر خوبیه.

امتحانش میکنم.

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

<div id="magicgfx_ir_01">
                                                        </div>
				<div id="magicgfx_ir_02"></div>
				<div id="magicgfx_ir_03"></div>

#magicgfx_ir_01 {

position:absolute;

left:0px;

top:0px;

width:189px;

height:47px;

background-image:url(../images/magicgfx_ir__01.png) ;

background-repeat:no-repeat;

background-position:top right;

}

#magicgfx_ir_02 {

position:absolute;

left:189px;

top:0px;

width:160px;

height:47px;

background-image:url(../images/magicgfx_ir__02.png);

background-repeat:no-repeat;

background-position:top right;

}

#magicgfx_ir_03 {

position:absolute;

left:349px;

top:0px;

width:162px;

height:47px;

background-image:url(../images/magicgfx_ir__03.png);

background-repeat:no-repeat;

background-position:top right;

}

[niloofar 12]

چطوری تو قسمت css اش لینک دار کنم هر کدوم از بک گراندها را؟

[حجت مردانه زاده 596]

من دقیقا متوجه نشدم؛ اینجا کی به کیه ! چی به چیه!!!؟ :21::1dco2x0p1lilzhfpg1t:21:

سوال یه چیزه، جوابها یه چیزدیگه ! پاسخ به جواب هم یه چیز دیگه ست !!!!

دقیقا سوال چیه حالا!؟

[mmfallah 67]

توی همون فایل index بهش لینک بدین

به اینصورت

<div id="magicgfx_ir_01">
 <a href="http://.ir">    منوی اصلی
</div>
<div id="magicgfx_ir_02">
<a href="http://.ir">    درباره ما
</div>

ولی به اینصورت ایستاتیک میشه

[niloofar 12]

من دقیقا متوجه نشدم؛ اینجا کی به کیه ! چی به چیه!!!؟ :21::1dco2x0p1lilzhfpg1t:21:

سوال یه چیزه، جوابها یه چیزدیگه ! پاسخ به جواب هم یه چیز دیگه ست !!!!

دقیقا سوال چیه حالا!؟

من تو ساخت منویی که در ابتدا گذاشتم با مشکل مواجه شدم.اون را به قسمت های مختلف تقسیم کردم.مثل شکل زیر.

و به عنوان پس زمینه در دایو هایی که ایجاد کردم به کار بردم.حالا میخواهم که هر کدوم از این پس زمینه ها رو لینک بدهم به مجموعه موردنظر.و این کار رو میخواهم از طریق css انجام بدهم.

کدهایی رو که استفاده کردم قرار دادم.ممنون میشوم راهنمایی کنید چطور این تصاویر را لینک کنم.

امیدوارم توانسته باشم منظورم را رسانده باشم.

[niloofar 12]

توی همون فایل index بهش لینک بدین

به اینصورت

<div id="magicgfx_ir_01">
 <a href="http://.ir">    منوی اصلی
</div>
<div id="magicgfx_ir_02">
<a href="http://.ir">    درباره ما
</div>

ولی به اینصورت ایستاتیک میشه

اگر امکانش هست تو css میخواهم این کارو انجام بدهم نه توی html.

چون همونطور که دیدید میخواهم نوشته ها روی عکس باشند.و متنی ندارم که بهش لینک بدهم.:heey:

[حجت مردانه زاده 596]

خب الان متوجه شدم چی شده...!

خوب دوست عزیز، منوی شما افکت هم داره یا فقط و تصویره!؟

ایا سورس آماده ی منو هست یا ...!؟ بفرمایین بگین تا بگم چه کنین...

[niloofar 12]

خب الان متوجه شدم چی شده...!

خوب دوست عزیز، منوی شما افکت هم داره یا فقط و تصویره!؟

ایا سورس آماده ی منو هست یا ...!؟ بفرمایین بگین تا بگم چه کنین...

نه منو افکت خاصی نداره.

<div id="magicgfx_ir_01">
                   </div>
				<div id="magicgfx_ir_02">
                   </div>
				<div id="magicgfx_ir_03">

#magicgfx_ir_01 {
position:absolute;
left:0px;
top:0px;
width:189px;
height:47px;
background-image:url(../images/magicgfx_ir__01.png) ;

background-repeat:no-repeat;
background-position:top right;

}

#magicgfx_ir_02 {
position:absolute;
left:189px;
top:0px;
width:160px;
height:47px;
background-image:url(../images/magicgfx_ir__02.png);
background-repeat:no-repeat;
background-position:top right;
}

#magicgfx_ir_03 {
position:absolute;
left:349px;
top:0px;
width:162px;
height:47px;
background-image:url(../images/magicgfx_ir__03.png);
background-repeat:no-repeat;
background-position:top right;
}

اینم قسمتی از کد هستش.

اگر راهنمایی کنید ممنون میشوم.

[niloofar 12]

دوستان کسی میتونه کمک کنه این منو را به سرانجامی برسونم :13:

[mehdininja 10]

سلام ، اصولش اون نیست که از سی اس اس لینک کنی ، و نمی شه ،

فردا طرف یه منو جدید ایجاد کنه چی ؟

<style type="text/css">
A:link {text-decoration: none}
A:visited {text-decoration: none}
A:active {text-decoration: none}
A:hover {text-decoration: underline; color: red;}
</style>

[niloofar 12]

منوی بالا فیکس هستش.قرار نیست چیزی بهش اضافه بشه.

منوی سمت راست برای دسته ببندی های دیگر هستش و داینامیکن.

[mehdininja 10]

شما میخواهید در سی اس اس لینک بدید که شدنی نیست . اگر مشکل لینک هست باید از طریق خود جوملا لینک داد .

[ابوالفضل طالبی 280]

توی css نیمتونید لینک بدید .. باید کدهای خودتون کمی اصلاح کنید

توی css از تگ background استفاده نکنید.به شکلی میگن کدهای خودتون اصلاح کنید مشکل رفع بشه

<div id="magicgfx_ir_01">
   <a href="http://domain.com">
        <img src="images/magicgfx_ir__01.png" />
   </a>
</div>
<div id="magicgfx_ir_02">
   <a href="http://domain.com">
        <img src="images/magicgfx_ir__02.png" />
   </a>
</div>