نام فایل : Effects.zip
اندازه : 262.96 KB
پسورد : www.mybbco.ir
فقط اعضا میتوانند فایل پیوست را دریافت کنند .

جلوه متون در مای بی بی
image

سلام به همه دوستان عزیز ، همراهان همیار بی بی و کاربران خوب انجمن ساز MyBB
قصد دارم تا در این تایپیک به شما آموزش بدم که چه طوری و در کجای انجمن خودتون میتونید ویژگی هایی رو یا استفاده از کد های HTML و CSS به متن های اضافه کنید 

خوب میریم برای آموزش Smile

اول از همه ویژگی های HTML رو بررسی میکنیم 

تگ هایی که شما نیاز دارید عبارتند از : <span></span> و <strong></strong> و <em></em> و <s></s>
که یکی یکی توضیحشون میدم 

تگ <strong></strong> : نوشته ها رو ضخیم (یا بولد) میکنه مثل : REZA
تگ <em></em> : نوشته ها رو کج (یا ایتالیک) میکنه مثل : REZA
تگ <s></s> : روی نوشته خط میکشه مثل : REZA
تگ <span></span> : اگر با HTML آشنایی دارید که خیلی هم خوب ولی اگر آشنایی ندارید فقط بدونید که ویژگی های CSS که در ادامه توضیح خوام داد ، درون این تگ قرار میگیره 

این کد ها به صورت تو در تو هم نوشته میشن به صورت زیر 
<span><strong><em><s>REZA</s></em></strong></span> 

لازم میدونم کمی در مورد بخش بالایی توضیح بدم 
1 - تگ باز به مثل این تگ هایی گفته میشه <strong> و تگ بسته هم به مثل این تگ هایی </strong>
2 - اگر به صورت تو در تو  کد نویسی میکنید یادتون باشه که تگ ها رو به ترتیب باز شدن ببندید 
3 - وابسته به نیازتون از تگ ها استفاده کنید و از همه در یک جا استفاده نکنید تا کارتون زیبا تر به نظر بیاد

ویژگی های CSS : 

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

ویژگی هایی که به کارتون میاد عبارتند از :

      color: #3b3b3b;
      background-color:#1b94c3;
      background:url(images URL);
      border-radius:2px;
      font-size:24px;
      text-shadow: 0px 0px 5px #ffffff; 

این ویژگی ها رو هم یکی یکی توضیح میدم 

color : رنگ متن مارو مشخص میکنه 
background-color : پشت نوشته ما یک رنگ رو به صورت پس زمینه قرار میده 
background-image : پشت نوشته ها عکسی رو به عنوان پس زمینه قرار میده
border-radius : باعث میشه گوشه های پس زمینه ما مقداری خمیده بشه
font-size : اندازه نوشته رو تغییر میده
text-shadow : متن رو شایه دار میکنه (فقط مقدار رنگش رو تغییر بدین)

روش استفاده : 

همون طور که قبل تر گفتم در تگ <span></span> قرار میگیرن مثل کد زیر : 

<span> style="      
      color: #3b3b3b;
      background-color:#1b94c3;
      background:url(Images URL);
      border-radius:2px;
      font-size:24px;
      text-shadow: 0px 0px 5px #ffffff;"
</span>

چند نکته هم در مورد این ویژگی ها بگم 
 1 - میتونید بعد از تأیین استایل در تگ <span></span> ، تگ های دیگه رو هم به اون اضافه کنید
2 - کد رنگ ها رو میتونید از طریق فتوشاپ یا اگر ساتی در این زمینه هست تولسد کنید البته یادتون باشه که حتما # رو قرار بدین 
3 - به جای Images URL ، آدرس عکستون رو از تو هاستتون یا جایی که آپلود کردین ، بذارید
4 - در border-radius هر قدر که مقدار رو بیشتر از 2 کنید گوشه ها بیشتر خمیده میشه ، پس در مقدارش احتیاط کنید تا بیش از جد انتظار نشه 
5 - ابعاد فونت بیشتر از 72 نباشه ولی شما سعی کنید در محدوده 12 تا 18 تغییر بدین تا زیاد بزگ نشه
6 - در text-shadow فقط مقدار رنگ رو تغییر بدین و اگر از برنامه نویسی وب سر رشته ندارید دست به بقه کد نزنید
7 - بار هم تأکید میکنم که وابسته به نیازتون از این ویژگی ها استفاده کنید ، به نظر من استفاده هم زمان از این ویژگی ها خیلی جالب نمیشه 


محل هایی که این روش کاربرد داره :

در انجمن : عنوان انجمن ها و توضیح کوتاه آنها ، سبک نام کاربری ها ، پیشوند‌های موضوع ، فیلد‌های مشخصات اختیاری (عنوان و توضیح کوتاه) و پیام انبوه
در پلاگین ها : اخبار و اطلاعیه های انجمن و ...


بسته ای از عکس های gif برای قرار دادن در پس زمینه متن های شما در پیوست همین ارسال قرار دادم که میتونید از آن ها استفاده کنید


به نظرم همین مقدار و با این استاندارد کافی باشه ولی اگر نکته ای از قلم افتاده بگید تا بررسی بشه و در پست اول قرار بگیره Smile

موفق و پیروز باشید thanks
تصویر (ها)
           
نویسنده :

X
پلاگین گالری آواتار
[color=#ff0000] پلاگین :[/color] [size=small]Avatar Gallery Manager[/size]   [color=#ff0000]نسخه ...
تعیین نشده
    دیدگاه های کاربران 0

    برای عضویت در کانال تلگرامی
    [همیار مای بی بی]
    کلیک کنید
    دریافت آخرین اخبار ، کدهای تخفیف و جوایز
    برای اطلاع از آخرین اخبار مای بی بی فارسی عضو کانال تلگرامی شوید :