aminq10

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

21 پست در این موضوع قرار دارد

سلام

یه تصویر توی css تعریف کردم

میخوام توی صفحه html عکس که توی Css تعریف کردم را لینک دار کنم ...

چجوری ؟

0

به اشتراک گذاری این پست


لینک به پست

این عکس به چه صورت تعرفی شده؟

بدون کد که نمیشه کمکی کرد.

1

به اشتراک گذاری این پست


لینک به پست

بصورت زیر در css


.vpn1 {
background: url(//netgozar.in/img/1.png) no-repeat center;
}

0

به اشتراک گذاری این پست


لینک به پست

این کلاس رو در بین یک div تعریف کردین ؟

0

به اشتراک گذاری این پست


لینک به پست

بله

0

به اشتراک گذاری این پست


لینک به پست

خب تگ div رو لینک دار کنید!

0

به اشتراک گذاری این پست


لینک به پست

خوب کردم نمیشه

0

به اشتراک گذاری این پست


لینک به پست

دو تا div را میشه تو هم تعریف کرد ؟

آخه من یه عکس تعریف کردم برای بکگراند و چند تا div دیگه تو اون تعریف کردم اما نشون نمیده ... بصورت زیر


<div class="sidebar" >
<div class="tes" ></div>
<div class="supor" ></div>
<div class="dllll" ></div>
<div class="addressssss" ></div>
<div class="fbook" ></div>
<div class="nama" ></div>
</div>

0

به اشتراک گذاری این پست


لینک به پست

در سایتم دقیقا همین کار رو برای لوگوی سایت انجام دادم


<a href="http://parsa.ws/" title="طراحی وب پارسا">
<div class="logo_p"></div>
</a>

برای نمونه:


<!DOCTYPE html >
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style>
.p {
width:100px;
background-color:#0CF;
}
.p1{
width:33%;
height:100px;
background-color:#0F9;
}
.p2{
width:33%;
height:100px;
background-color:#CC6;
}
.p3{
width:33%;
height:100px;
background-color:#963;
}
</style>
</head>
<body>
<a href="faf">
<div class="p">
<div class="p1">sad</div>
<div class="p2">asd</div>
<div class="p3">asd</div>
</div>
</a>
</body>
</html>

2

به اشتراک گذاری این پست


لینک به پست

نگرفتم چی شد ...

ببین پارسا جان

من یه عکس کلی تعریف کردم برای بکگراند مثلا سایدبار

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

کد های من ...


<div class="sidebar" >
<div class="tes" ></div>
<div class="supor" ></div>
<div class="dllll" ></div>
<div class="addressssss" ></div>
<div class="fbook" ></div>
<div class="nama" ></div>
</div>

0

به اشتراک گذاری این پست


لینک به پست

کدوم یکی از این div زیر دارای استایل اون عکس هست :

				    <div class="tes" ></div>
<div class="supor" ></div>
<div class="dllll" ></div>
<div class="addressssss" ></div>
<div class="fbook" ></div>
<div class="nama" ></div>

2

به اشتراک گذاری این پست


لینک به پست

منظورت را نفهمیدم کدوم عکس ؟

0

به اشتراک گذاری این پست


لینک به پست

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

2

به اشتراک گذاری این پست


لینک به پست

اینم امتحان کنید :)


<a href="address" class="sample">Example Link</a>

3

به اشتراک گذاری این پست


لینک به پست

مرسی vahid جان حالا نمایش میده ولی وسطش example link میاد و فقط اندازه یک مستطیل تا جایی که eample link هست را نمایش میده بقیش را نمایش نمیده

اگه منظورم را گرفتی که هیچ اگه نگرفتی بگو تا عکسش را بزارم ...

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


<div class="sidebar" > عکس بکگراند
<div class="tes" ></div> این عکس
<div class="supor" ></div> اینم عکس
<div class="dllll" ></div> اینم عکس
<div class="addressssss" ></div>اینم عکس
<div class="fbook" ></div>اینم عکس
<div class="nama" ></div>اینم عکس
</div>

0

به اشتراک گذاری این پست


لینک به پست

فکر میکنم شما width و height رو تنظیم نکردید

به مثالم یه نگاه بیندازید

0

به اشتراک گذاری این پست


لینک به پست

چرا بعدا تعریف کردم بازم نشد ...

مثلا :


.vpn1 {
background: url(//netgozar.in/img/1.png) no-repeat center;
width=100;
height=100;
}

0

به اشتراک گذاری این پست


لینک به پست

شما یک div کلی دارید که بکگراند داره.

بعد هم داخلش چند تا عکس هست.

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

عکسهای داخل هم لینک دار بشن یا نشن؟

1

به اشتراک گذاری این پست


لینک به پست

مرسی vahid جان حالا نمایش میده ولی وسطش example link میاد و فقط اندازه یک مستطیل تا جایی که eample link هست را نمایش میده بقیش را نمایش نمیده

اگه منظورم را گرفتی که هیچ اگه نگرفتی بگو تا عکسش را بزارم ...

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


<div class="sidebar" > عکس بکگراند
<div class="tes" ></div> این عکس
<div class="supor" ></div> اینم عکس
<div class="dllll" ></div> اینم عکس
<div class="addressssss" ></div>اینم عکس
<div class="fbook" ></div>اینم عکس
<div class="nama" ></div>اینم عکس
</div>

عکسشو بذار

0

به اشتراک گذاری این پست


لینک به پست

آقا مرتضی :

من یه div کلی دارم که بکگراند

و 6 تا عکس که داخل این div هست ...

حالا من میخوام این 6 تا عکسم هم با div تعریف کنم

اصن وقتی 6 تا را تعریف میکنم نمیاد اگه میومد که لینک دار کردنش کاری نداره

وحید :

بفرما اینم عکس البته این عکس ها با استفاده از تگ img اوردم فقط بکگراندش با div چون اون عکس ها نمیاد ...

post-10-0-35881900-1338958980_thumb.png

0

به اشتراک گذاری این پست


لینک به پست

نمونه ایی که پیوست کردم رو چک کن.

css_sprites.rar

1

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری