• به وب استیودنت خوش آمدیدد
  • آموزش های ما را از وب سایت به نشانی www.WebStudent.ir پیگیری کنید
  • لطفا قوانین را مطالعه فرمایید
  • آموزش های گام به گام و تصویری
  • لطفا قوانین را مطالعه فرمایید
درود مهمان گرامی! ورود ثبت نام


آموزش افکت سایه متن جوملا
زمان کنونی: 1398-9-19، 19:56:14
کاربرانِ درحال بازدید از این موضوع: 1 مهمان
نویسنده: Odin
آخرین ارسال: Odin
پاسخ 1
بازدید 1161



امتیاز موضوع:
  • 0 رأی - میانگین امتیازات: 0
  • 1
  • 2
  • 3
  • 4
  • 5
آموزش افکت سایه متن جوملا
#1
در این آموزش قصد داریم به شما آموزش دهیم که چگونه به وسیله ی CSS به مطالب سایت خود افکت سایه ی متن بدهید.

شاید در خیلی از سایت ها دیده باشید که مطالب آن سایت دارای افکت سایه است.


برای سایه دار کردن متن ها در جوملا باید فایل CSS مربوط به قالب خود را باز کنید. برای پیدا کردن فایل CSS قالب دلخواه خود به پوشه templates رفته و پوشه مربوط به قالب خود را انتخاب کنید، معمولا فایل CSS شما در داخل پوشه css و اغلب با نام template.css است. مثلا در سیستم من که از قالب jm_galaxy استفاده شده است، فایل css در آدرس زیر است.

کد:
templates/jm_galaxy/css/templates.css

حال فایل templates.css را باز کنید و کد زیر را بین Body قرار دهید:


کد php:
text-shadow0px 0px 3px



مثلا من کد بالا را اینگونه در Body قرار دادم:

کد php:
body {
    
line-height21px;
    
font-familytahoma;
    
text-shadow0px 0px 3px;



امیدواریم این آموزش برای شما سودمند باشد.

وب استیودنت را به دوستان خود معرفی کنید.



سایر آموزش های مرتبط:
وقتی دانستن با بکارگیری دانسته ها همراه شود به منبعی برای قدرت و توانایی تبدیل می شود.
 
پاسخ
  



پرش به انجمن:


کاربران در حال بازدید: 1 مهمان



:fixed;left : 2px;top :130px;float : left;width : 35px;height:320px;text-align:left;padding:0px;;border:0px #fff solid; background: #005ea7; background: -moz-linear-gradient(top, #005ea7 0%, #003965 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#005ea7), color-stop(100%,#003965)); background: -webkit-linear-gradient(top, #005ea7 0%,#003965 100%); background: -o-linear-gradient(top, #005ea7 0%,#003965 100%); background: -ms-linear-gradient(top, #005ea7 0%,#003965 100%); background: linear-gradient(to bottom, #005ea7 0%,#003965 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005ea7', endColorstr='#003965',GradientType=0 ); } .tdicons a{-webkit-transition : all 0.5s ease-in-out;-moz-transition : all 0.5s ease-in-out;-o-transition : all 0.5s ease-in-out;display : block;float : left;margin : 8px;padding : 5px;font-weight : bold;color : #fff;border-radius : 8px 0 8px 0;} .tdicons img{-webkit-transition : all 0.2s ease-in-out;-moz-transition : all 0.2s ease-in-out;-o-transition : all 0.2s ease-in-out;padding:0px;} .tdicons img:hover{padding : 0px 0px 0px 8px;}