» افکت نقطه ای و راه راه توسط سی اس اس

اخبار سایت : پلن تبلیغاتی EG با نمایش تبلیغات متنی شما به همراه لوگو گوگل پلاس شما علاوه بر افزایش رنک گوگل سبب افزایش محبوبیت شما در گوگل می شود - تبلیغات در تک طرح
تبلیغات شما
تبلیغات شما در این مکان, ماهانه 10.000 تومان
YourSite.Com
تبلیغات شما
تبلیغات شما در این مکان, ماهانه 10.000 تومان
YourSite.Com
سرورها
سرورها، فروش فضای وب و دامنه و اعطای نمایندگی فروش
تبلیغات شما
تبلیغات شما در این مکان, ماهانه 10.000 تومان
YourSite.Com
تبلیغات شما
تبلیغات شما در این مکان, ماهانه 10.000 تومان
YourSite.Com
تبلیغات شما
تبلیغات شما در این مکان, ماهانه 10.000 تومان
YourSite.Com
کمپ خبری
اخبار ورزشی ، حوادث ، جهان سیاست ، دنیای فرهنگ و هنر
News.MyCamp.Ir
طراحی وب سایت
طراحی گرافیک سایت
AzinWeb.Com
تبلیغات شما
تبلیغات شما در این مکان, ماهانه 10.000 تومان
YourSite.Com
فال حافظ
نیت کنید و با اشاره فال حافظ بگیرید . قدرت گرفته از تک طرح
Fal.Taktarh.Com
تبلیغات شما
تبلیغات شما در این مکان, ماهانه 10.000 تومان
YourSite.Com
تبلیغات شما
تبلیغات شما در این مکان با نماش گوگل پلاس شما ماهانه 20.000 تومان
YourSite.Com
تبلیغات شما
تبلیغات شما در این مکان, ماهانه 10.000 تومان
YourSite.Com
تبلیغات شما
تبلیغات شما در این مکان, ماهانه 10.000 تومان
YourSite.Com
تبلیغات شما
تبلیغات شما در این مکان با نماش گوگل پلاس شما ماهانه 20.000 تومان
YourSite.Com
فال حافظ شیرازی | قدرت گرفته از تک طرح
با استفاده از این باکس فال حافظ بگیرید , ابتدا نیت کنید
شاید بهتر باشد برای شادی روح حافظ، صلوات یا فاتحه ای نثار نماییم
براي نمايش فال بر روي اعلان رو به رو کليک کنيد

افکت نقطه ای و راه راه توسط سی اس اس


با سلام

آموزش سی اس اسی دارم برای نقطه نقطه کردن تصاویر یا راه راه کردن تصاویر وب بدون استفاده از فوتوشاپ.

یک فایل بلز کنید و کد زیر را قرار دهید

<div id=”content”>
<div id=”dot-effect”></div>
<img src=”img.jpg” />
</div>

این پترن را دانلود کنید یا خودتان پترنی طراحی کنید و سپس به صورت زیر استایل دهید.

در CSS کد زیر را وارد کنید.

dot-effect {background: transparent url(dot.png) repeat; position: absolute; width: 500px; height: 374px;}

جای dot.png آدرس عکس مورد نظر خود را قرار دهید.

منبع : تک طرح

پسورد : www.taktarh.com

نهایت گرافیک
وحید گفته :

ممنون از این مطلب زیبا و کاربردی.ولی باید بگم که خیلی گنگ و مبهم در بارش صحبت کردی.
اگه کسی حرفه ای باشه که دیگه نیازی به آموزش این مطلب نیست.پس این آموزش برای افراد مبتدی است.
ولی اموزش در جد مبتدی نیست.باید یکم شفافتر توضیح بدی.
من خودم که بلد بودم اول یکم گیج شدم ولی بعد ۲-۳ بار خواندن تازه متوجه شدم که تو از یک مدل دیگه استفاده می کنی.
ولی به هر حال ممنون


محسن گفته :

سلام کسی میتونه اینو کامل توضیح بده این فایل با چه پسوندی باشه نام فایلها و نحوه قرار گرفتنشونو یکی بگه دستتون درد نکنه


علی هدشی گفته :

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


باران گفته :

سلام من درست نفهمیدم میشه کامل توضیح داد؟
این کدوبایدکجاگذاشت؟
کجاnew folder باس بازکرد
آخه چراانقدنامفهموم؟؟؟؟؟؟؟؟؟
آموزش به این عــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــالی ای؟؟؟
جان من درست توضیح بدید


علی هدشی گفته :

سلام و احترام , دوست عزیز کجاش رو مشکل دارید ؟


حامد گفته :

سلام خسته نباشید.
اگه میشه یه توضیح کامل بدید چطوری این افکت و برای وردپرس بزارم؟


ایلیاد موسوی گفته :

سلام ، برای استفاده از این افکت در وردپرس باید کد
dot-effect {background: transparent url(../images/dot.png) repeat; position: absolute; width: 500px; height: 374px;}
رو در فایل style.css قالب اضافه کنید و تصویر dot.png رو در فولدر images آپلود کنید ، سپس در فایل های index.php و single.php کد
< div id=”content”>
< div id=”dot-effect”>< /div>
رو در ابتدای چرخه ی مطالب و کد
< /div>
رو در انتهای چرخه وارد کنید


لطفا جهت تبادل لینک از طریق گزینه ی زیر با ما در ارتباط باشید و تبادل لینک یا درخواست تبلیغ در سایت از طریق ارسال دیدگاه رسیدگی نشده و بی پاسخ می ماند . با تشکر


تبادل لینک

عضویت در خبرنامه ی سایت آپلود سنتر پرتال اطلاع رسانی تک طرح تقویم سال 91


0
تنظیمات سایت