#Kaspersky Internet Security PC:

11PA3-XBPVM-BESHV-FW3UV
exp: 384 Days

Windows | MAC 20 / 21 | Android

@segmenttt
🌐 www.segmentt.ir

ESET Internet Security / ESET NOD32 Antivirus / ESET Mobile Security

Online Activation

⭐️License Key: HXWP-X9UX-SBV5-MEK4-45MP (10-12-2021)

Trial Key: KBPW-XJHP-47MG-BK98-5CSB (04-02-2021)
Trial Key: 8K7J-XCM7-XJWG-SB3R-JVER (11-01-2021)
Trial Key: H2P3-X7UJ-TJWU-4F6K-ADE9 (11-01-2021)
Trial Key: C3WS-X6K7-J9SB-DHGU-B42N (11-01-2021)
Trial Key: VAGE-XURD-3VU2-A82W-6653 (11-01-2021)
Trial Key: G3C7-XSWC-9DS3-JAUC-MSR8 (11-01-2021)
Trial Key: VAXF-XGHU-XWRW-CGRP-VUSS (11-01-2021)
Trial Key: JD5F-XUAP-AXFA-C9US-S9HN (11-01-2021)
Trial Key: 8KC2-X3JR-8MVF-EJFJ-3U6V (11-01-2021)
Trial Key: NCG7-X9AA-BWGH-3F7N-N2AA (11-01-2021)
Trial Key: 3GFM-XVHU-6SCM-2BPB-7MEF (11-01-2021)
Trial Key: F2A6-X4BK-EKVT-VVH4-5FK7 (11-01-202
#nod32


@segmenttt
🌐 www.segmentt.ir

#وب
#آموزش
#HTML
وقت بخیر 🌸

در این پست به ادامه سلکتور های css خواهیم پرداخت 🌱 و با دوتا سلکتور جدید اشنا خواهیم شد ☘️

🔍 نکته : دوستان همانطور که احتمالا (اگرم ندونید الان خواهید فهمید) میدانید ما میتوانیم برای یک تگ از چندین کلاس مختلف استفاده کنیم 🌷

مثال :
<p class="frozen coding hi">hello</p>

اگر به کد بالا دقت بکنید ، ما یک تگ p داریم که این تگ دارای سه کلاس مختلف هستش ☘️

الان میخواهیم با توجه به این مواردی که گفتیم بریم سراغ یاد گیری سلکتور جدید 🌱


☘️ سلکتور بر اساس شامل (موجود) بودن و...

فرض کنید میخواهیم یک سلکتوری رو بنویسیم که این سلکتور بره داخل صفت class اون تگمون و چک‌ کنه ببینه ایا از یک کلاسی که بهش میدیم برخوردار هست یا نه
پس در css اینکارو میکنیم :

[class ~= "hi"]{
color : blue;
}

یا اگر بخواهیم متمایز ترش کنیم :

p[class ~= "hi"]{
color : blue;
}

الان وقتی مرورگر با این کد مواجه میشه ، میره داخل صفت class تگ های p و چک میکنه که ایا مقدار hi رو دارند ؟ یا نه ؟ اگر داشتند که استایلی که دادیم اعمال میشه ، اگرم نداشت خب اعمال نمیشه 🌷 به همین راحتی


☘️ سلکتور بر اساس خط تیره
خب دوستان حالا فرض کنید کد زیر رو در html داریم :

<p class="hi-feozen">hello</p>

دوستان ما این امکان رو داریم که با css بتونیم روی صفت یک تگ حرکت بکنیم ☘️ و اگر اون صفت دارای خط تیره بود ، با توجه به کلمه اول ، اون تگ‌ رو انتخاب بکنیم 🌷
پس در css داریم :

[class |= "hi"]{
color : blue;
}

یا اگر بخواهیم متمایز ترش کنیم :

p[class |= "hi"]{
color : blue;
}

الان وقتی مرورگر با این کد مواجه میشه میره داخل صفت class تگ های p و شروع میکنه به نگاه کردن ، اگر یک کلاسی بود که با خط تیره از کلاس دیگه ای جدا سازی شده بود ، بر اساس اون کلمه ابتدایی اون تگ‌ رو انتخاب میکنه 🌿

🔍 نکته :دوستان دقت داشته باشید که چه چیزی گفتم ، من گفتم بر اساس کلمه ابتدایی یعنی اگر مقدار class شما این باشه : hi-feozen شما فقط میتونید با استفاده از hi انتخاب بکنید ، نه با استفاده از frozen ، دقیقا مثل مثالی که زدیم 🌹


🔍 نکته : دوستان لطفا با سلکتورها بازی بکنید ، با هر کدوم چندتا مثال حل بکنید ، در شرایط‌ مختلف تستشون بکنید ☘️ و مطمعنا این به نفع شما خواهد بود ، شما میتونید سلکتور هارو با هم ادغام بکنید و خیلی چیزای جالبی بسازید 🌷 منم سعی میکنم تا حد امکان شمارو با مثال های مختلف اشنا کنم 🌱



برای درک بهتر این موارد حتما ویدیویی که در زیر همین پست قرار دارد رو مشاهده بکنید 🌸



👁‍🗨➖➖➖➖➖➖➖➖➖➖➖👁‍🗨
#css #css3 #learn_css #Selector #selector_css

#آموزش #آموزش_css #سلکتور #سلکتورها #سلکتورها_در_سی_اس_اس
👁‍🗨➖➖➖➖➖➖➖➖➖➖➖👁‍🗨



شاد و موفق و پیروز باشید 🌸
——————————————
👁‍🗨با فروارد کردن پست های چنل از ما حمایت کنید 👁‍🗨
@segmenttt
🌐 www.segmentt.ir

🦅 x3 %100 Activ #AVAST Licence 🦅


🦅 KEY = VFXFQ4-7PDDT2-4ZU4FW

PLAN = AVAST PREMIUM Security ; 129 DAY

🔻🔻🔻🔻🔻🔻🔻🔻🔻🔻🔻

🦅 KEY = VM8R6L-T6TY32-56L7SJ

PLAN = AVAST PREMIUM Security ; 294 DAY
&
AVAST AntiTrack ; 294 DAY

🔻🔻🔻🔻🔻🔻🔻🔻🔻🔻🔻

🦅 KEY = DDLTE8-BUHQLJ-59L64A

PLAN = AVAST PREMIUM Security ; 294 DAY

🔻🔻🔻🔻🔻🔻🔻🔻🔻🔻🔻
@segmenttt
🌐 www.segmentt.ir

#آموزشی

✅مک آدرس(MAC Address) چیست؟

مک آدرس یا MAC Address مخفف (Media Access Control) هست. مک آدرس یه شماره برای هر نوع از کارت شبکه ها است.فرقی هم نداره چه شبکه ای باشه بدون سیم چه با سیم.مثلا اگه بخواید چند تا سیستم رو به هم وصل کنید باید مک آدرس سیستم ها رو بدونید تا بتونید به هم وصل شون کنید.این مک آدرس مثله یه شماره ملی می مونه و هر کارت شبکه مخصوص خودش هست.از روی این شماره هم می تونن شرکت سازنده اون کارت شبکه و خیلی از اطلاعات رو بدونن.حالا این مک آدرس فقط برای کارت شبکه نیست نه,بلکه هر چیزی که به اینرنت وصل بشه مثله گوشی و تبلت و ... یه مک آدرس مختص به خودش رو داره پس این مک آدرس فقط برای کامپیوتر و یا کارت شبکه ها نیست.مک آدرس رو به عنوان آدرس سخت افزاری کارت شبکه می شناسنش و این ادرس معمولا توسط مدیر شبکه تغییر نمی کنه و از طرف شرکت تولید کننده روی کارت شبکه یا دستگاهی که به شبکه وصل میشه از قبل تعریف شده.از مک آدرس برای شناسایی یک کارت شبکه استفاده میشه و به همین دلیل هم باید منحصر به فرد باشه و نباید تغییر کنه.پس مک آدرس رو با ای پی آدرس اشتباه نگیرید اون ای پی آدرسه که عوض میشه و مک آدرس عوض نمیشه.و یکی از خاصیت های مک آدرس اینه که می تونید از خاصیت مک فیلترینگ که در پست های قبلی توضیح دادم خدمتتون استفاده کنید.و وقتی که شما می خواید از یه سرویسی استفاده کنید اول وارد مک آدرس میشه بعد بر اساس اون یه ای پی آدرس رو در اختیار شبکه قرار میده.😊

✅ای پی آدرس (IP Address) چیست؟

ای پی آدرس یا IP مخفف (Internet Protocol) هست.آی پی آدرس هم تقریبا مثله مک آدرس هستش ولی یه کم باهم فرق دارن.مثلا هی ای پی آدرس ممکنه در روز چند یه بار عوض بشه ولی مک آدرس اصلا عوض نمیشه حالا یه جورایی میشه ولی در حالت عادی نه.هر دو تای این ها کارشون اینه که آدرس اون سیستم , گوشی و... رو به ما بدن.ای پی آدرس برای شناسایی شبکه ای که کامپیوتر در آن قرار گرفته استفاده میشه و می تونیم از روی ای پی آدرس موقعیت اون سیستم,گوشی و... رو به دست بیاریم.ای پی آدرس از طریق سازمان به نام IANA برای هر کشور و هر منطقه ی جغرافیایی به صورت جداگانه هستش.وقتی که ما از مسیریابی بین شبکه ها و استفاده از مسیر یاب ها و روتر ها صحبت شد یعنی سرو کارمون با ای پی آدرس هستش.مثلا شما دوستان که الان با فیلتر شکن وارد تلگرام می شید ای پی تون تغییر کرده.
——————————————
👁‍🗨با فروارد کردن پست های چنل از ما حمایت کنید 👁‍🗨
@segmenttt
🌐 www.segmentt.ir

پس زمینه متقارن
#HTML ,#CSS

<!DOCTYPE html>
<html lang="fa" >
<head>
<meta charset="UTF-8">
<title>پس زمینه متقارن</title>
<style>
body{

position: relative;
background: #6a8d9d;
background: linear-gradient(to right, #29B6F6 50%, #4FC3F7 50%);
}
</style>
</head>
<body>
</body>
</html>
——————————————
👁‍🗨با فروارد کردن پست های چنل از ما حمایت کنید 👁‍🗨
@segmenttt
🌐 www.segmentt.ir

#برنامه_نویسی
——————————————
چه زمانی باید از حلقه for و چه زمانی از حلقه while استفاده کنیم؟
——————————————
👁‍🗨با فروارد کردن پست های چنل از ما حمایت کنید 👁‍🗨
@segmenttt
🌐 www.segmentt.ir

#اموزش_برنامه_نویسی
#برنامه_نویسی
——————————————
هر حلقه ای که با for بنویسیم میتونیم با while هم دقیقا بنویسیم.

معمولا زمانی که میدانیم یک حلقه مثلا 40 بار تکرار می شود بهتره از for استفاده بشه و زمانی که نمی دونیم دقیقا چند بار قراره تکرار بشه از while استفاده میکنیم......
مثلا میخوایم برنامه ای بنویسیم که به ازای هر کلیک کاربر بک عبارت نوشته بشه......حالا دیگه معلوم نیس کاربر چندبار کلیک میکنه که!!پس در اینجا از while استفاده میکنیم

نمونه کد حلقه for👇👇

for( int a = 1; a < 10; a = a +1)
{
//دستورات
}

نمونه کد حلقه while👇👇

int a = 1
while(a != 10)
{
//دستورات
a = a +1
}

در کد بالا دستورات ما 9 بار اجرا می شوند
برای مثال اگر یه Toast داخل این حلقه بنویسیم
9 مرتبه به صورت مداوم یه Toast را به ما نمایش می دهد.
——————————————
👁‍🗨با فروارد کردن پست های چنل از ما حمایت کنید 👁‍🗨
@segmenttt
🌐 www.segmentt.ir

#آموزش
لیست دامنه های اینترنتی با میزبانی داخلی ثبت شده در سامانه
این سایت ها تعرفه داخلی حساب میشن پس تا میتونید دانلود کنید

https://icip.ito.gov.ir/index.php/site/page/view/download

——————————————
👁‍🗨با فروارد کردن پست های چنل از ما حمایت کنید 👁‍🗨
@segmenttt
🌐 www.segmentt.ir

آموزش کرک اکانت Nord VPN 🛡

آموزش کاملا مفهومی به صورت 0 تا 100 برای انجام کرک اکانت های فیلتر شکن عالی Nord VPN ... 🌍
——————————————
👁‍🗨با فروارد کردن پست های چنل از ما حمایت کنید 👁‍🗨
@segmenttt
🌐 www.segmentt.ir

👆 مربوط به پست بالا 👆
——————————————
👁‍🗨با فروارد کردن پست های چنل از ما حمایت کنید 👁‍🗨
@segmenttt
🌐 www.segmentt.ir

#SQL
دستورات SQL Server

——————————————
👁‍🗨با فروارد کردن پست های چنل از ما حمایت کنید 👁‍🗨
@segmenttt
🌐 www.segmentt.ir

#وب
#آموزش
#HTML
وقت بخیر 🌸

خب دوستان در این جلسه قصد داریم چندتا مثال بزنیم از مباحث گذشته ، و همچنین با یک مسئله جدید اشنا بشیم ☘️


p{
color : blue;
}
اگر یادتون باشه با این سلکتور میتوانستیم تگی رو بر اساس نام تگ انتخاب بکنیم ☘️


p,b,i{
color : blue;
}
و همچنین یاد گرفتیم چندتا تگ رو همزمان انتخاب بکنیم ☘️


*{
color : blue;
}
یادگرفتم چطور همه تگ هارو یکجا انتخاب بکنیم ☘️


.frozen {
color : blue;
}
یاد گرفتیم یک تگ رو بر اساس صفت class انتخاب بکنیم ☘️


# frozen {
color : blue;
}
یاد گرفتیم یک تگ رو بر اساس صفت id انتخاب بکنیم ☘️


span.frozen {
color : blue;
}
span#frozen {
color : blue;
}
همچنین یاد گرفتیم که چطور این نوع سلکتور هارو بر اساس نام تگ متمایز کنیم ☘️


div p{
color : blue;
}
div > p{
color : blue;
}
یاد گرفتیم یک تگ رو بر اساس والد فرزندی انتخاب بکنیم ☘️


div + p{
color : blue;
}
div ~ p{
color : blue;
}
یاد گرفتیم یک تگ رو بر اساس خواهر و برادراش انتخاب بکنیم ☘️


[class]{
color : blue;
}
p[class]{
color : blue;
}
یاد گرفتیم که چطور یک تگ رو بر اساس موجود بودن یک صفت یا همون ویژگی انتخاب بکنیم ☘️


[class = " hi"]{
color : blue;
}
p[class = " hi"]{
color : blue;
}
[class ^= " hi"]{
color : blue;
}
[class $= " hi"]{
color : blue;
}
[class *= " hi"]{
color : blue;
}
[class ~= " hi"]{
color : blue;
}
[class |= " hi"]{
color : blue;
}
یاد گرفتیم که یک تگ رو چطور با مقادیر صفت هاش انتخاب بکنیم ☘️


div > span p[name = "hello"]{
color : blue;
}
یاد گرفتیم چطور سلکتور هارو باهم و در کنار هم و به صورت تو در تو بنویسیم ☘️


🌸 و با مثال های مختلف و توضیحاتی کامل به این موارد پرداختیم و سلکتور های مختلفی رو تا بحال باهم کار کردیم 🌸

اینارو گفتم تا هم بتونیم مروری بر گذشته داشته باشیم و هم اشتیاقی برای تمرین و تکرار پیدا بکنیم 🌷


برسیم به مسئله ای جدید که میخواستم با شما مطرحش بکنم :

ببینید دوستان شما میتونید انتخاب گر های ویژگی رو باهم ترکیب بکنید ☘️ یعنی چطوری ؟
مثال بزنم بهتره :

[class ^= "frozen"][name="hello"]{
color : blue;
}
الان این سلکتوری که نوشتیم دقیقا این کارو میکنه : میره تگ هایی رو انتخاب میکنه که صفت name رو دارند و چک میکنه ببینه که ایا مقدار صفت name اونها برابر کلمه hello هست؟ ، و همچنین صفت class رو داره و صفت class اوناها مقدارش با کلمه frozen شروع شده؟ ، اگر این دوتارو باهم داشتند اون تگ هارو انتخاب میکنه 🌷

برای مثال این چنین تگی رو انتخاب میکنه :

<p class="frozen" name="hello">frozen coding</p>

اما مثلا تگ زیر رو انتخاب نمیکنه :

<p class="frozen" name="hi">frozen coding</p>
چون مقدار name این تگ برابر با hello نیست 🌷


🔍 نکته : دوستان بارها این نکته رو گفتم ، شما میتونید با انواع سلکتور ها در کنار هم کار بکنید ، سلکتور های تو در تو بنویسد ، و از قدرت سلکتور ها بهره ببرید ،. اصلا خودتونو محدود به نوشته های ما نکنید وحتما آزمایشات خودتون رو انجام بدید ☘️


برای درک بهتر این موارد حتما ویدیویی که در زیر همین پست قرار دارد رو مشاهده بکنید 🌸



👁‍🗨➖➖➖➖➖➖➖➖➖➖➖👁‍🗨
#css #css3 #learn_css #Selector #selector_css

#آموزش #آموزش_css #سلکتور #سلکتورها #سلکتورها_در_سی_اس_اس
👁‍🗨➖➖➖➖➖➖➖➖➖➖➖👁‍🗨



شاد و موفق و پیروز باشید 🌸
——————————————
👁‍🗨با فروارد کردن پست های چنل از ما حمایت کنید 👁‍🗨
@segmenttt
🌐 www.segmentt.ir

#Computer_Words
✅ لغات مربوط به برنامه نویسی
💻abort ساقط کردن
💻absolute مطلق
💻absorption جذب
💻Abstract مجرد
💻acceleration شتاب‌دهی
💻Accelerator شتاب‌ده
💻Accept پذیرفتن
💻access دستیابی
💻access method روشِ دست‌یابی
💻accessibility دست‌یابی‌پذیری
💻Accessory جانبی
💻Account حساب
💻accounting حساب‌داری
💻accumulated انباشته
💻accuracy دقت
💻acronym سرنام
💻action کنش
💻activation فعال‌سازی
💻Active فعال
💻activity فعالیت
💻Actor کنشگر
💻actual واقعی
💻Actuator کارانداز
💻add جمع کردن
💻Address نشانی
💻address book کتاب نشانی
💻addressing نشانی‌دهی
💻Adjust میزان کردن
💻adjustment تنظیم
💻Administration سرپرستی
💻administrator سرپرست
💻Aggregate انبوهه
💻aggregation انبوهش
💻Alarm هشدار
💻algorithm الگوریتم
💻alias نام‌گردان


——————————————
👁‍🗨با فروارد کردن پست های چنل از ما حمایت کنید 👁‍🗨
@segmenttt
🌐 www.segmentt.ir

#javascript
لیست کلمات کلیدی ( keywords ) زبان جاوا اسکریپت
——————————————
👁‍🗨با فروارد کردن پست های چنل از ما حمایت کنید 👁‍🗨
@segmenttt
🌐 www.segmentt.ir

#php
#برنامه_نویسی
توابع ، کار باداده ها در php

اين تابع براي تغيير انواع داده بکار ميرود.دو ارگومنت ان به ترتيب نام متغير ويکي از انواع داده است
settype();


اين تابع براي برسي نوع داده يک متغير استفاده ميشود ومقدار بازگشتي ان نوع داده متغير است
gettype();


اين تابع نوع داده متغير همراه با تعدادومقدار انرا برميگرداند
var_dump();


اين تابع چک ميکند که ايا نوع داده ي متغير بولين است يا نه
is_bool();


اين تابع چک ميکند که ايا نوع داده ي متغير عدد صحيح است يا نه
is_int();


اين تابع چک ميکند که ايا متغير تهي است يا نه
is_null();

اين تابع چک ميکند که ايا نوع داده ي متغير رشته است يا نه
is_string();


اين تابع چک ميکند که ايا نوع داده ي متغير عدد اعشاري است يا نه
is_float();


اين تابع چک ميکند که ايا نوع داده ي متغير يک شي است يا نه
is_object();
——————————————
👁‍🗨با فروارد کردن پست های چنل از ما حمایت کنید 👁‍🗨
@segmenttt
🌐 www.segmentt.ir

#وب
#آموزش
#html
(مشخصه ها یا صفت ها در Html)

💠 صفت ها در Html توضیحات بیشتری درباره المان ها میدهند.

💢 همه ی المان ها در html میتوانند attribute داشته باشند.
💢 صفت ها(Attributes) همیشه در اول تگ تعریف میشوند.

🌀 href Attribute

💢 تگ <a> یک هایپرلینک را تعریف میکند. صفت href تعیین میکند که لینک تعریف شده در صفحه به کجا هدایت شود:

<a href="https://www.Google.com">Html & Css </a>

❗️ در جلسات اینده در مورد لینک ها توضیحات بیشتری به شما میدهیم.

🌀 Src Attribute

💢 تک <img> برای وارد کردن عکس در صفحه استفاده می شود. تگ Src آدرس عکس را تعیین می کند:

<img src="img_Car.jpg">


🌀 Height and Width Attribute

💢 تگ img باید شامل اتریبیوت های width و height باشد. این صفت ها طول و عرض عکس را تعیین میکنند:

<img src="img_Car.jpg" width="500" height="600">


🌀 Title Attribute

💢 این attribute اطلاعات اضافه ای را در مورد یک المان نشان میدهد. مقدار وارد شده در این اتریبیوت به عنوان یک tooltip در بالای المان نشان داده میشود:

<p title="I'm a tooltip">This is a paragraph.</p>


❗️ نکته 1: همیشه از حروف کوچک برای attribute ها استفاده کنید. البته شما میتوانید هم 🔵از حروف کوچک استفاده کنید هم از حروف بزرگ ولی پیشنهاد ما به شما این است که از حروف کوچک استفاده کنید. مثلا به جای نوشتن TITLE بنویسید title.

❗️ نکته 2: همیشه از دابل کوتیشن استفاده کنید.
🔵 html به شما اجازه میدهد که از دابل کوتیشن استفاده #نکنید. ولی پیشنهاد ما به شما این است که استفاده کنید.
(در آینده خواهید فهمید)
✅ <a href="https://www.google.com">Visit our HTML tutorial</a>

❌ <a href="https://www.google.com">Visit our HTML tutorial</a>




✳️ خلاصه این فصل:

⭕️ همه ی عناصر در Html میتوانند Attribute داشته باشند.
⭕️ صفت href تعیین میکند که لینک تعریف شده به کدام صفحه هدایت شود.
⭕️ صفت Src آدرس عکس را در تگ img تعیین میکند.
⭕️صفت های height و width به ترتیب طول و عرض یک شکل یا عکس را تعیین میکند.
⭕️ صفت title اطلاعات اضافه ای را در مورد تگ تعیین میکند.
——————————————
👁‍🗨با فروارد کردن پست های چنل از ما حمایت کنید 👁‍🗨
@segmenttt
🌐 www.segmentt.ir

#Computer_Words
✅ لغات مربوط به برنامه نویسی
💻Align هم ترازکردن
💻alignment تراز کردن
💻allocation تخصیص
💻alpha channel مجرای آلفا
💻alphabet الفبا
💻alphanumeric الفبا-عددی
💻ALT (کلید) دگرساز
💻alteration تغییر
💻ambiguous مبهم
💻Analog قیاسی
💻analogy قیاس
💻Analysis تحلیل
💻analyzer تحلیل‌کننده
💻ancestor نیا
💻AND و
💻animation پویا نمایی
💻Anonymous بی‌نام
💻answer پاسخ
💻Answer mode حالت پاسخ
💻anti-aliasing حذفِ لبه‌ی ناصاف
💻appearance ظاهر
💻Append پیوستن
💻Applet برنامک
💻Application کاربرد
💻Application Launcher راه انداز کاربرد
💻applied کاربردی
💻approximation تقریب
💻Arc کمان
💻architecture معماری
💻archive بایگانی
💻area ناحیه
💻Argument نشانوند
💻Array آرایه
💻Arrow key کلید جهت
💻Ascending order ترتیبِ صعودی
💻Ascii اسکی
💻aspect ratio ضریبِ نسبت
💻assertion ادعا
💻assignment انتساب
💻association انجمن
💻assumption فرض


——————————————
👁🗨با فروارد کردن پست های چنل از ما حمایت کنید 👁🗨
@segmenttt
🌐 www.segmentt.ir

✅ اتریبیوت title
——————————————
👁‍🗨با فروارد کردن پست های چنل از ما حمایت کنید 👁‍🗨
@segmenttt
🌐 www.segmentt.ir

سورس کد Scope Chat

#HTML , #CSS

<!DOCTYPE html>
<html lang="fa" >
<head>
<meta charset="UTF-8">
<title>chat Scope</title>
<style>
body {
background: #368dda;
margin-top:15%;
margin-left:35%;

}
.scope {
position: relative;
font-family: sans-serif;
font-size: 18px;
line-height: 24px;
width: 300px;
background: #fff;
border-radius: 40px;
padding: 24px;
text-align: center;
color: #000;
}
.scope-bl:before {
content: "";
width: 0px;
height: 0px;
position: absolute;
border-left: 24px solid #fff;
border-right: 12px solid transparent;
border-top: 12px solid #fff;
border-bottom: 20px solid transparent;
left: 32px;
bottom: -24px;
}
</style>
</head>
<body>
<div class="scope scope-bl">
iSource
</div>
</body>
</html>

——————————————
👁‍🗨با فروارد کردن پست های چنل از ما حمایت کنید 👁‍🗨
@segmenttt
🌐 www.segmentt.ir

‍ #دانستنی
✳️ ۱۰ دلیل برتری لینوکس نسبت به MAC OS و ویندوز
——————————————
👁‍🗨با فروارد کردن پست های چنل از ما حمایت کنید 👁‍🗨
@segmenttt
🌐 www.segmentt.ir