رفتن به مطلب

کمک:ایجاد پترن زنبوری برای بک گراند


پست های پیشنهاد شده

سلام دوستان:

می خوام یک بک گراند با پترن درست کنم تقریبا بصورت لانه زنبوری یا توری مانند....

تقریبا یه چیزی شبیه سایت زیر البته ساده و بدون عکس

چطور این کار رو کنم؟

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

http://www.uefa.com/livescores/index.html#date=20130222

لینک به ارسال

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

http://img.uefa.com/imgml/template/background.jpg

لینک به ارسال

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

http://img.uefa.com/imgml/template/background.jpg

سلام مرتضی جان:

من عرض کردم نمی خوام عکس باشه که سرعت سایت رو بیاره پائین....

فقط پترن زنبئری رو می خوام عکسش رو نه

لینک به ارسال

بدون عکس که نمیشه ، شما یه پترن زنبوری پیدا کن و سایزشو مثلا بگیر 10*10 بعد با کدی که پارسا جان داده اون عکسو تکرار کن ...

لینک به ارسال


body {
background: -webkit-radial-gradient(black 15%, transparent 16%) 0 0, -webkit-radial-gradient(black 15%, transparent 16%) 8px 8px, -webkit-radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px, -webkit-radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px;
background-color: #282828;
background-size: 16px 16px;
background: -webkit-radial-gradient(black 15%, transparent 16%) 0 0, -webkit-radial-gradient(black 15%, transparent 16%) 8px 8px, -webkit-radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px, -webkit-radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px;
background-color: #282828;
background-size: 16px 16px;
}

نمونه پیشنمایش


http://jsfiddle.net/pzUfT/

لینک به ارسال

تشکر از همه عزیزان:

این کد رو کجا بذارم توی کدوم قسمت قالب؟


body {
background: -webkit-radial-gradient(black 15%, transparent 16%) 0 0, -webkit-radial-gradient(black 15%, transparent 16%) 8px 8px, -webkit-radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px, -webkit-radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px;
background-color: #282828;
background-size: 16px 16px;
background: -webkit-radial-gradient(black 15%, transparent 16%) 0 0, -webkit-radial-gradient(black 15%, transparent 16%) 8px 8px, -webkit-radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px, -webkit-radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px;
background-color: #282828;
background-size: 16px 16px;
}

نمونه پیشنمایش


http://jsfiddle.net/pzUfT/

سلام و تشکر:

از توی پیش نمایش چیزی پیدا نیست دوست عزیز....

ویرایش شده توسط ACE1
لینک به ارسال

توی فایل سی اس اس قالب تون اضافه کنید یا فایل سی اس اس جدید درست کرده و فراخوانی کنید.

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...