mbdev12

با بخش چهارم از آموزش در خدمت شما دوستان عزیز گارد ایران هستم . 
تا الان نحوه استفاده از css در html و نحوه فراخوانی ، قوانین فراخوانی و سبک های استفاده از css رو گفتیم . 
حالا می خواهیم خود css رو کار کنیم .
 
color : 
برای تنظیم رنگ یک متن از color استفاده می کنیم . 
مثال : 
This is the hidden content, please ورود یا ثبت نام توجه : سمیکالن رو برای بستن اون استایل گذاشتیم و برای استایل بعدی به این صورت عمل می کنیم : 
This is the hidden content, please ورود یا ثبت نام پس بعد از هر استایل یک ; برای جداسازی از پارامتر استایل قبلی استفاده می کنیم . 
 
 
width :
برای دادن عرض یک عکس ، باکس و ... از width استفاده می کنیم .
مثال : 
This is the hidden content, please ورود یا ثبت نام دو مقدار اصلی که می توانید به width بدهید px و % هستند . 
 
height : 
حالا برای مشخص کردن ارتفاع مثلا یک عکس از height استفاده می کنیم .
مثال : 
This is the hidden content, please ورود یا ثبت نام و دو مقدار اصلی که می توانیم برای height استفاده کنیم px و % هستند .
 
حالا می خواهیم یک مثال رو باهم کار کنیم 
مثلا می خوهیم سایت در خروجی این رو برای ما نمایش دهد :
 
انجمن تیم امنیتی گاردایران 

This is the hidden content, please ورود یا ثبت نام  
و الان یاد گرفتیم که چنین چیزی بسازیم پس کد ها به این صورت می شود : (طول عرض برای مثال است )
This is the hidden content, please ورود یا ثبت نام  
---------------------------------------------
اگر پست های "آموزش زبان برنامه نویسی CSS - به همراه مثال" رو لایک کنید آموزش زبان های html و php هم در اینده میزارم .
موفق و پیروز باشید .

با بخش ششم در خدمت شما دوستان عزیز هستیم . 
امروز می خواهیم باهم Font رو کار کنیم . 
 
Font Size
همون طور که از اسمش پیدا هست برای تعریف اندازه ی فونت به کار می رود و اندازه ی فونت در طراحی سایت خیلی پر کاربرد و مهم هست  . 
حالا یک مثال رو کار می کنیم : 
This is the hidden content, please ورود یا ثبت نام حالا چه پارامتر های دیگه ای می تونیم برای اندازه فونت استفاده کنیم : 
پارامتر های px , pt , % ,em
مثال : 
This is the hidden content, please ورود یا ثبت نام نکته در رابطه با em : 
برای تبدیل px به em می توانید از این فرمول استفاده کنید : 
 
This is the hidden content, please ورود یا ثبت نام ---------------------------------
Font  Family
ساده ترین نحوه تعریف فونت به این صورت است ‌:
This is the hidden content, please ورود یا ثبت نام و نام فونت خود را تایپ می کنید .
حالا شاید در یک مرورگر اون فونت وجود نداشته باشد یا به هر دلیلی در دسترس نباشد ، شما به این صورت عمل می کنید :
This is the hidden content, please ورود یا ثبت نام می گوییم که اگر فونت tahoma نبود از erial استفاده کن و برای فونت های بعدی به همین صورت با کاما جدا می کنید . 
مثال : 
This is the hidden content, please ورود یا ثبت نام نکته : اگر یک زمان فونت شما چند کلمه بود از دابل کتیشل و یا کتیشن استفاده می کنیم .
مثال : 
This is the hidden content, please ورود یا ثبت نام ---------------------------------
Font Style
حالا میرم سراغ استایل فونت .
چند مقداری که Font Style میگیرد :
۱-  normal :
در این مقدار متن به صورت عادی نمایش داده می شود . 
۲- italic
در این مقدار متن به صورت کج نمایش داده می شود .
۳- oblique
فونت به صورت مورب نمایش داده می شود. 
۴- initial
فونت به صورت پیش فرض و یا اولیه نمایش داده می شود .
 
مثال کامل  : 
 
This is the hidden content, please ورود یا ثبت نام مثال کلی : 
This is the hidden content, please ورود یا ثبت نام  
----------------------------------------------------------
اگر پست های "آموزش زبان برنامه نویسی CSS - به همراه مثال" رو لایک کنید آموزش زبان های html و php هم در اینده میزارم .
موفق و پیروز باشید .

با بخش هفتم در خدمت شما دوستان عزیز هستم .
 امروز می خواهیم باهم Background رو کار کنیم . 
 
دستوراتی که در css مربوط به بکگراند هستند : 
background-color background-image background-repeat background-attachment background-position  
 
1- background-color
رنگ پس زمینه رو به این صورت تعریف می کنیم :‌
This is the hidden content, please ورود یا ثبت نام چون اندازه عرض تعریف نشده به صورت پیش فرض ۱۰۰٪ است . 
که به این صورت می تونیم تعریف کنیم : 
This is the hidden content, please ورود یا ثبت نام  
 
 
 
2- background-image
 عکس پس زمینه رو به این صورت تعریف می کنیم :‌
This is the hidden content, please ورود یا ثبت نام ( به جای image address ، ادرس عکس خودتون رو بزارید . )
برای تعریف اندازه به این صورت می تونیم تعریف کنیم : 
This is the hidden content, please ورود یا ثبت نام  
 
3- Background-repeat 
برای بارگذاری زودتر صفحه سایت کم حجم باشید و شما می توانید مثلا به جای اینکه از یک پس زمینه ۱۰۰۰*۱۰۰۰ با رنک ابی استفاده کنید 
همون رو کوچک می کنید و با استفاده از Background-repeat اون تصویر کوچک رو از طرف افقی و عمودی در کنار هم می زارید تا تمام صفحه رو بگیره  .
با نوشتن دستور background-image به شکل زیر، تصویر در هر دو جهت افقی و عمودی تکرار می‌شه:
This is the hidden content, please ورود یا ثبت نام 1- فقط به صورت افقی تکرار شود از این دستور :‌ ;background-repeat: repeat-x
2- فقط به صورت عمودی تکرار شود از این دستور :‌ ;background-repeat: repeat-y
3- فقط یک بار نشون داده شود از این دستور :‌ ;background-repeat: no-repeat
مثال : 
This is the hidden content, please ورود یا ثبت نام  
4- background-position
حالا وقتی بخواهیم تصویر در پس زمینه یکبار و بدون تکرار نشون بدیم باید نحوه قرارگیری تصویر در یک زمینه بزرگ رو تعیین کنیم که مشکلی پیش نیاد 
که برای این کار از  background-position استفاده می کنیم .
به این صورت : 
This is the hidden content, please ورود یا ثبت نام که تصویر در سمت چپ در قسمت بالا قرار می گیرد .
یه سری از مقدار هایی که می توانید به background-position بدهید : 
This is the hidden content, please ورود یا ثبت نام و توجه داشته باشید که برای دقیق تر کار کردن می توانید به این صورت عمل کنید :
This is the hidden content, please ورود یا ثبت نام  
 
5- background-attachment
برای اینکه زمانی که صفحه رو اسکرول می کنید عکس ثابت باشه از این background-attachment استفاده می کنیم . 
مثال : 
This is the hidden content, please ورود یا ثبت نام  
پارامتر اول : Fixed
برای اینکه زمان اسکرول عکس ثابت باشد . 
This is the hidden content, please ورود یا ثبت نام  
پارامتر دوم : Scroll
برای اینکه تصویر همراه با اسکرول صفحه حرکت کند . 
This is the hidden content, please ورود یا ثبت نام ----------------------------------------------------------
موفق و پیروز باشید .
 

و همچنین ممنون از شما که نظر دادید

با دستور اخر درست شد خیلی ممنون لطف کردید 

با سلام
یعنی هرکسی تو لینوکس مشکل داشت باید بیخیال اواس بشه واز نو نصیب کنه عجب اینم جوک ساله عایا
دوست عزیز شما این چنتا کارو انجام بدید فک کنم مشکلتون درست بشه
This is the hidden content, please ورود یا ثبت نام  

ببینید دوست گرامی این اروری که من دیدم فکر کنم بیشتر مربوط به اسکریپت های متاسپلویت باشه 
میتونید با دستور زیر متاسپلویت رو آپدیت بکنید شاید حل  بشه
This is the hidden content, please ورود یا ثبت نام  

کالی رو حذف کردم دوباره نصب کردم جواب نداد متاسفانه
ارورش رو قبلا یکی داخل گیتهاب گذاشته اما اونارو هم خوندم جواب درستی نگرفتم 
بنظرتون ممکنه این نسخه کالی که من دارم ناقص باشه یا پکیج های پیش نیاز برای متاسپلویت رو نداشته باشه؟ یا بخاطر نصب کالی داخل ماشین مجازی باشه؟

سلام متاسپلویت به خوبی نصب نشده است کالی را یک بار حذف و دوباره نصب کنید یا اینکه متاسپلویت را کاملا حذف و دوباره نصب کنید
آموزش حذف و نصب متاسپلویت نیز در اینترنت موجود است
اگر این مشکلتان را حل نکرد 
ارور خود را در سایت github مطرح بفرمایید 
موفق باشید💙
 

دوستان من کالی لینوکس 32 بیتی رو تازه نصب کردم متاسپلویت پیش فرض روش نصبه وقتی بازش میکنم با ارور زیر مواجه میشم و برمیگردونه به روت
مشکل از چیه و چیکار باید بکنم؟
A database appears to be already configured, skipping initialization
/usr/share/metasploit-framework/lib/msf/core/payload/android.rb:92:in `not_after=': bignum too big to convert into `long' (RangeError)
    from /usr/share/metasploit-framework/lib/msf/core/payload/android.rb:92:in `sign_jar'
    from /usr/share/metasploit-framework/lib/msf/core/payload/android.rb:123:in `generate_jar'
    from /usr/share/metasploit-framework/modules/payloads/singles/android/meterpreter_reverse_tcp.rb:44:in `generate_jar'
    from /usr/share/metasploit-framework/lib/msf/core/payload/android.rb:38:in `generate'
    from /usr/share/metasploit-framework/lib/msf/core/payload.rb:204:in `size'
    from /usr/share/metasploit-framework/lib/msf/core/payload_set.rb:91:in `block in recalculate'
    from /usr/share/metasploit-framework/lib/msf/core/payload_set.rb:78:in `each_pair'
    from /usr/share/metasploit-framework/lib/msf/core/payload_set.rb:78:in `recalculate'
    from /usr/share/metasploit-framework/lib/msf/core/modules/loader/base.rb:251:in `block in load_modules'
    from /usr/share/metasploit-framework/lib/msf/core/modules/loader/base.rb:248:in `each'
    from /usr/share/metasploit-framework/lib/msf/core/modules/loader/base.rb:248:in `load_modules'
    from /usr/share/metasploit-framework/lib/msf/core/module_manager/loading.rb:119:in `block in load_modules'
    from /usr/share/metasploit-framework/lib/msf/core/module_manager/loading.rb:117:in `each'
    from /usr/share/metasploit-framework/lib/msf/core/module_manager/loading.rb:117:in `load_modules'
    from /usr/share/metasploit-framework/lib/msf/core/module_manager/module_paths.rb:41:in `block in add_module_path'
    from /usr/share/metasploit-framework/lib/msf/core/module_manager/module_paths.rb:40:in `each'
    from /usr/share/metasploit-framework/lib/msf/core/module_manager/module_paths.rb:40:in `add_module_path'
    from /usr/share/metasploit-framework/lib/msf/base/simple/framework/module_paths.rb:50:in `block in init_module_paths'
    from /usr/share/metasploit-framework/lib/msf/base/simple/framework/module_paths.rb:49:in `each'
    from /usr/share/metasploit-framework/lib/msf/base/simple/framework/module_paths.rb:49:in `init_module_paths'
    from /usr/share/metasploit-framework/lib/msf/ui/console/driver.rb:196:in `initialize'
    from /usr/share/metasploit-framework/lib/metasploit/framework/command/console.rb:62:in `new'
    from /usr/share/metasploit-framework/lib/metasploit/framework/command/console.rb:62:in `driver'
    from /usr/share/metasploit-framework/lib/metasploit/framework/command/console.rb:48:in `start'
    from /usr/share/metasploit-framework/lib/metasploit/framework/command/base.rb:82:in `start'
    from /usr/bin/msfconsole:48:in `<main>'
root@kali:~# 
 

- اگر سرچ کنید timer همون طور که از اسمش پیداست یه تایمر واستون میاره
 
-سرچ کنید google gravity و روی اولین لینک کلیک کنید
 
- یه لینک جالب This is the hidden content, please ورود یا ثبت نام
 
- این رو هم سرچ کنید جالبه do a barrel roll
 

- سرچ کنید atari breakout و به قسمت image برید و چند لحظه صبرکنید
 
- این دو تا هم سرچ کنید جالبه  hanukkah , festivus
 
- تایپ کنید  google rainbow و im feeling lucky   را بزنید

- سرچ گوگل که همینطور بزرگ تر میشه -> This is the hidden content, please ورود یا ثبت نام
 
- این هم جالبه:
This is the hidden content, please ورود یا ثبت نام
 
- این لینک ها هم متعلق به خود گوگل نیستن اما واقعا جالب هستن 👇
This is the hidden content, please ورود یا ثبت نام
This is the hidden content, please ورود یا ثبت نام
This is the hidden content, please ورود یا ثبت نام
 
- یه توضیح درمورد لینک های بالا بدم:
elgoog یک وبسایت غیر رسمیه و به عنوان آینه Google شناخته می شود که توسط   All To Flat  برای سرگرمی ساخته شده و توی سال 2002 شروع کرد به محبوب شدن
This is the hidden content, please ورود یا ثبت نام
 
 

- دو تا لینک جالب
This is the hidden content, please ورود یا ثبت نام
This is the hidden content, please ورود یا ثبت نام
 
- این هم خیلی جالبه:

This is the hidden content, please ورود یا ثبت نام  
- این واقعا عالیه تمام سیاره ها و ایستگاه بین المللی:

This is the hidden content, please ورود یا ثبت نام  
- اگر سرچ کنید blink html میبینید یه سری کلمه های خاص چشمک میزنند

خوب اول از همه ممنون از دوستمون برای ساخت این تایپک خوب!
صفحه نخست موتور جستجو گوگل را باز و یکی از کلید واژه‌های tilt یا askew را در آن جستجو کنید. خواهید دید که نتایج جستجو به شکلی جالب کمی کج و مورب به شما نمایش داده خواهید شد.
 
 
این ترفند سرگرم کننده‌ای است که تا اندازه بسیاری از بازی دیجیتالی Star Craft برگرفته شده است. کلید واژه Zerg rush را در موتور جستجوی گوگل وارد کنید. در این صورت O‌های گوگل تبدیل به بیگانگان فضایی می‌شوند که همه نتایج جستجو را یک به یک می‌خورند و از بین می‌برند! این بیگانگان را با دو بار کلیک بر آن‌ها از بین ببرید.
 
 
 
Festivus
اگر این کلید واژه را در موتور جستجوی گوگل وارد کنید، میله پرچمی را در سمت چپ تصویر خواهید دید. به سمت پایین صفحه Scroll کنید تا پایه این میله پرچم را نیز ببینید.
 
 
 
Webdriver torso
وارد کردن این کلیدواژه در گوگل منجر به آن می‌شود که لوگو گوگل در قسمت بالا و سمت چپ با مستطیل‌هایی که اتفاقی رنگ آن‌ها تغییر می‌کند، جایگزین شود.
 
 
 
Atari breakout

با این ترفند پنهانی، می‌توانید یکی از بازی‌های جذاب و قدیمی Atari را در مرورگر خود بازی کنید! برای این کار در موتور جستجو گوگل بر Images کلیک و کلید واژه Atari breakout را وارد کنید.
 
 
 
 
Do a barrel roll
نکته اینکه شاید این ترفند در همه مرورگرها عمل نکند؛ برای نمونه، در Opera این ترفند کارگر نیست. کلید واژه do a barrel roll را در موتور جستجو گوگل جستجو کنید و پیش از آنکه نتایج به شما نمایش داده شود، صفحه گوگل یک چرخش ۳۶۰ درجه ای خواهد داشت.
 
 
 
 
Google in 1998
آیا دوست دارید بدانید صفحه گوگل در سال ۱۹۹۸ چگونه و چه شکلی بوده است، کلیدواژه Google in ۱۹۹۸ را در این موتور جستجو وارد کنید و به اواخر دهه ۹۰ میلادی بروید. برای بازگشت به زمان حاضر، روی لینک Take me back to the present کلیک کنید.
 
 
 
 
Blink HTML
با وارد کردن این کلیدواژه در موتور جستجو گوگل، پس از نشان دادن نتایج جستجو، خواهید دید که واژه های Blink و HTML در نتایج جستجو به شما چشمک می زنند.
 
 
 
 
امیدوارم خوشتون بیاد✋

-اگر سرچ کنید play snake یا pacman میتونید به صورت انلاین بازیشون کنید
 
-سرچ کنید zerg rush خیلی جالبه
 
-flip a coin  همون شیر یا خاط خودمون
 
-askew این هم تست کنید

*سلام امیدوارم که از این تاپیک استقبال بشه*
 
دیدم تاپیک جالبی میشه گفتم شروعش کنم...
واسه شروع 5 مورد رو میزارم
 
1-توی گوگل سرچ کنید spinner یه اسپینر واستون میاره که جالبه
 
2-این رو سرچ کنید  super mario bros و روی تصویر جعبه ای که علامت سوال داره کلیک کنید
 
3-این هم خیلی جالبه حتما یه سر بزنید  This is the hidden content, please ورود یا ثبت نام
 
4-سرچ کنید  solitaire و روی Click to Play کلیک کنید
 
5- این هم همون بازی xo هستش به صورت آنلاین، سرچ کنید tic tac toe
 

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

This is the hidden content, please ورود یا ثبت نام