• اطلاعیه ها

    • Morteza

      باهم بسازیم: اطلس ووکامرس و وردپرس   14/07/96

      تاپیک ایجاد شده برای بحث در جهت ایجاد یک منبع، ویکی، صفحات توضیحی و یا بخش آموزشی جامع برای وردپرس و متعلقات مختلف آن است. لطفا جهت مشارکت در این بحث، ارائه پیشنهاد و یا انتقاد به تاپیک فوق مراجعه کنید. باهم بسازیم: اطلس ووکامرس و وردپرس
ACE1

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

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

سلام دوستان:

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

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

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

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

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

0

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


لینک به پست

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

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

3

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


لینک به پست

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

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

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

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

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

0

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


لینک به پست

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


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

5

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


لینک به پست

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

3

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


لینک به پست


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/

3

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


لینک به پست

ارسال شده در (ویرایش شده)

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

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


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
0

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


لینک به پست

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

1

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


لینک به پست

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

1

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


لینک به پست

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

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

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

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


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

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

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


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