ایجاد استایل

Jim Jim

Well-Known Member
با سلام به همگی
دوستان چطور میشه برای بکگراند استایل گذاشت
خب روی عکس که مشخصه
اما اگر اون عکس رو بصورت بکگراند قرار بدیم
چطور میشه با شناسه id اون رو وارد کرد
یعنی بجای دستور background از src استفاده کنیم
 

peyman1987

Member
دوست عزیز من درست متوجه نشدم شما میخواین از یه عکس بجای بکگراند استفاده کنین؟؟؟؟

خوب:
کد:
background-image: url('آدرس عکس');
 

peyman1987

Member
خوب اینم استایل css دیگه!!!!!!!

من نمیفهمم اگه میشه مثال بزن یا یه نمونه بزار
 

Jim Jim

Well-Known Member
اما اینجا بکگراند بصورت استایل خارجی وارد نمی شه
 

peyman1987

Member
خوب شما این خط رو داخل فایل css بنویس و با تگ link وارد صفحه ت کن. اینجوری میشه استایل خارجی.
اگه جوابت رو نگرفتی هنوز بخاطر اینه که درست مشخص نمیکنی چی میخوای؟ بهتر توضیح بدی سریعتر به جواب میرسی
 

peyman1987

Member
خطهای زیر رو داخل یه فایل کپی کن و اسمشو بزار style.css
کد:
body
{
   background-image: url('image.jpg');
}

یه عکس با اسم image.jpg هم بزار کنار همین فایل css

بعدش یه فایل html درست کن و کدهای زیر رو توش کپی کن و ذخیره ش کن

کد:
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
</body>
</html>

دقت کن که عکست ، فایل CSS و فایل html باید کنار هم باشن.

به این میگن استایل نویسی یا همون CSS
 

Jim Jim

Well-Known Member
ممنون دوست عزیز ولی بازم نشد
خب تا اینجا که مشکلی نیست. مشخصه.
اصلا src رو دز نظر بگیر
که برای قرار دادن عکس هست
حالا توی دستور بجای background-image از چی استفاده میشه
میشه این نمونه استایل رو برای عکس بنویسی
وقتی که از src استفاده میکنیم
 

peyman1987

Member
آهان الان فهمیدم چی شد. شما میخوای با css آدرس src رو برای عکست تنظیم کنی.
نمیشه با css به خصوصیات عناصر بجز خصوصیت style مقدار داد و از اونجا که src یکی از خواص مخصوص تگ img هست نمیشه به img با css مسیر src داد.
ولی میشه کلک زد و بجای عکس از div استفاده کرد و با css به اون div ارتفاع و طول و بکگراند داد. اینجوری میشه از div بجای img استفاده کرد.

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

Jim Jim

Well-Known Member
یه نگاهی به این بنداز
.mvage_hModB_gray .mvage_hModBL_gray SPAN {
BACKGROUND-IMAGE: url(http://sample.jpg); -filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://sample.jpg',sizingMethod='crop'); -background-image: none
}
 

peyman1987

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

Jim Jim

Well-Known Member
میشه بکگراند رو هایپر لینک کرد؟
یعنی یه عکس رو با background-image وارد کنیم
و بتونیم براش لینک قرار بدیم که با کلیک روی اون به صفحه بعد بر
ولی عکسمون بصورت بکگراند وارد شده باشه
 

peyman1987

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

جدیدترین ارسال ها

بالا