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

[ACE1 4]

سلام دوستان:

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

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

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

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

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

[Morteza 34190]

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

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

[ACE1 4]

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

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

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

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

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

[Parsa 23463]

حالبت تکرار برای زمینه: CSS

body {
background:url('body-bg.png') repeat;
}

[mahdi.a 432]

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

[mehral 785]

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 4]

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

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

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/

سلام و تشکر:

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

ویرایش شده اسفند 91 توسط ACE1

[Farzad 3805]

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

[mahdi.a 432]

شما این کد رو بزارید جای کد background توی کلاس body ، اوکی ؟