جلوه های متن جوملا 2.5
ایجاد جلوه های بصری به روشی آسان برای هر مدیر سایتی یک رویا است چرا که نحوه نمایش مطالب شما به نحوی تاثیر گزار باعث جذب مخاطبین شده و و تا انتهای مطلب سایت شما را میخوانند همین امر ماندگاری بازدید کننده را در سایت افزایش میدهد که باعث بالارفتن رتبه سایت شما در موتورهای جستجو میشود . پلاگینی بسیار کاربردی که امروز برای شما منتشر میشود این وظیفه را بخوبی به انجام میرساند چند سال پیش همین پلاگین در سایت جومینا برای جوملا 1.5 منتشر شده بود که از آن استقبال بسیار خوبی شد امروز این پلاگین برای نسخه 2.5 جهت استفاده شما منتشر میشود . که تغییرات اندکی نیز در آن داده ایم و از رنگ های ویندوز 8 Metro در آن استفاده شده است
- تزئینات مطلب
- 13708 بازدید
- 3 نظر
این پلاگین به هر قالب که شما داشته باشید جلوه های ویژه ای میبخشد که باعث میگردد تا متن های شما از حالت یکنواختی درآید .این پلاگین در داخل متون کاربرد دارد و نحوه استفاده از این پلاگین به صورت زیر میباشد :
زمانی که مشغول نگارش یک مطلب در ادیتور جوملا هستید دکمه html واقع در ادیتور را فشار دهید و متون خود را بین کد هایی که در زیر برای شما توضیح میدهم قرار دهید .
برای اعلام اخطار به کاربر در درون متن
کد قابل استفاده {xtypo_alert }متن شما { /xtypo_alert } |
حالت نمایش در صفحه
ب
رای اعلام توجه به کاربر درون متن
کد قابل استفاده {xtypo_info }متن شما { /xtypo_info } |
حالت نمایش در صفحه
برای اعلام احتیاط به کاربر درون متن
کد قابل استفاده {xtypo_warning }متن شما { /xtypo_warning } |
حالت نمایش در صفحه
برای اعلام برچسب به کاربر درون متن
کد قابل استفاده {xtypo_sticky }متن شما { /xtypo_sticky } |
حالت نمایش در صفحه
برای اعلام خبرخوان به کاربر درون متن
کد قابل استفاده {xtypo_feed }متن شما { /xtypo_feed } |
حالت نمایش در صفحه
{xtypo_feed}این یک متن آزمایشی است. که با استفاده از پلاگین جلوه های متن ایجاد شده است توجه داشته باشید کدهای بالا را بدون فاصله space بکار ببرید تا متن شما به این صورت در درون قالب نمایش داده شود ما مجبور شدیم این کد ها را با space استفاده نماییم تا کد به نمایش در آید{/xtypo_feed}
برای اعلام لینک دانلود به کاربر درون متن
کد قابل استفاده {xtypo_download }متن شما { /xtypo_download } |
حالت نمایش در صفحه
برای آنکه یک کد را دورن مطلب خود به نمایش بگذارید میتوانید از کد های زیر درون ادیتور استفاده کنید :
کد قابل استفاده { xtypo_code}کد مورد نظر شما{ /xtypo_code} |
حالت نمایش در صفحه
#position {direction:rtl; padding:10px 20px; margin:10% 20%}
برای آنکه دور یک متن کادر مشکی قرار دهید و زمینه هم مشکی باشد از کد زیر استفاده نمایید :
کد قابل استفاده { xtypo_rounded1}متن مورد نظر شما { / xtypo_rounded1 } |
حال اگر بخواید درون متن کادر مشکی را قرار دهید اما این کادر درون متن شما تنها سمت چپ باشد و مابقی متن شمت راست باشد از کد زیر استفاده نمایید
کد قابل استفاده { xtypo_rounded_left1}متن مورد نظر شما { / xtypo_rounded_left1 } |
{xtypo_rounded_left1}این یک متن آزمایشی است. که با استفاده از پلاگین جلوه های متن ایجاد شده است توجه داشته باشید کدهای بالا را بدون فاصله space بکار ببرید تا متن شما به این صورت در درون قالب نمایش داده شود ما مجبور شدیم این کد ها را با space استفاده نماییم تا کد به نمایش در آید{/xtypo_rounded_left1}
این یک متن آزمایشی است. که با استفاده از پلاگین جلوه های متن ایجاد شده است توجه داشته باشید کدهای بالا را بدون فاصله space بکار ببرید تا متن شما به این صورت در درون قالب نمایش داده شود ما مجبور شدیم این کد ها را با space استفاده نماییم تا کد به نمایش در آید
حال اگر بخواهید جعبه مشکل در سمت راست باشد از کد زیر استفاده نمایید:
کد قابل استفاده { xtypo_rounded_right1}متن مورد نظر شما { / xtypo_rounded_right1 } |
{xtypo_rounded_right1}این یک متن آزمایشی است. که با استفاده از پلاگین جلوه های متن ایجاد شده است توجه داشته باشید کدهای بالا را بدون فاصله space بکار ببرید تا متن شما به این صورت در درون قالب نمایش داده شود ما مجبور شدیم این کد ها را با space استفاده نماییم تا کد به نمایش در آید{/xtypo_rounded_right1}
این یک متن آزمایشی است. که با استفاده از پلاگین جلوه های متن ایجاد شده است توجه داشته باشید کدهای بالا را بدون فاصله space بکار ببرید تا متن شما به این صورت در درون قالب نمایش داده شود ما مجبور شدیم این کد ها را با space استفاده نماییم تا کد به نمایش در آید
برای نمایش کادر طوسی به دور متن از کد زیر استفاده نمایید:
کد قابل استفاده { xtypo_rounded2}متن مورد نظر شما { / xtypo_rounded2 } |
همچنین برای نمایش راست و چپ جعبه طوسی مانند جعبه مشکی از کد های زیر استفاده میشود با این تفاوت که left1 تبدیل به left2 میشود
کد قابل استفاده { xtypo_rounded_right2}متن مورد نظر شما { / xtypo_rounded_right2 } کد قابل استفاده { xtypo_rounded_left2}متن مورد نظر شما { / xtypo_rounded_left2 } |
برای نمایش کادر آبی به دور متن از کد زیر استفاده نمایید:
کد قابل استفاده { xtypo_rounded3}متن مورد نظر شما { / xtypo_rounded3 } |
همچنین برای نمایش راست و چپ جعبه آبی مانند جعبه مشکی از کد های زیر استفاده میشود با این تفاوت که left1 تبدیل به left3 میشود
کد قابل استفاده { xtypo_rounded_right2}متن مورد نظر شما { / xtypo_rounded_right3 } کد قابل استفاده { xtypo_rounded_left2}متن مورد نظر شما { / xtypo_rounded_left3 } |
برای نمایش کادر قرمز به دور متن از کد زیر استفاده نمایید:
کد قابل استفاده { xtypo_rounded4}متن مورد نظر شما { / xtypo_rounded4 } |
همچنین برای نمایش راست و چپ جعبه قرمز مانند جعبه مشکی از کد های زیر استفاده میشود با این تفاوت که left1 تبدیل به left4 میشود
کد قابل استفاده { xtypo_rounded_right2}متن مورد نظر شما { / xtypo_rounded_right4 } کد قابل استفاده { xtypo_rounded_left2}متن مورد نظر شما { / xtypo_rounded_left4 } |
این پلاگین ارزشمند را حتما استفاده نمایید تا وب سایت شما حرفه ای تر به نظر اید
برای بازدید از راهنمای انگلیسی این پلاگین اینجا را کلیک کنید
حجم فایل : | 100.68 KB |
نوع فایل : |
![]() |
رمز فایل : | www.joomina.ir |
دانلـــــــود : | برای دانلود فایل کلیک کنید |
توضیحات : | 1- ابتدا فایل را با رمزی که در اختیار شما قرار داده شده است را از حالت فشرده خلرج سازید 2- سپس به قسمت مدیریت جوملا رفته و از منو بالا گسترش ها را انتخاب و روی مدیریت قالب کلیک کنید 3- سپس قالب را انتخاب و دکمه پیش فرض را فشار دهید این قالب توسط وب سایت جومینا طراحی شده است |
- برچسب ها
- جوملا 2,5
- پلاگین جوملا
من فایل جلسه اول رو دیدم و عالی بود.
میخوام در این دوره شرکت کنم که از ادامه دوره ...
این دوره کاملا رایگان بود و قسمت های بعدی هم در سایت منتشر نمیشود
لینک دانلود کجاست ؟