Giter Club home page Giter Club logo

rtl's Introduction

rtl

راست به چپ کردن وبسایت سرویس‌های خارجی


آموزش استایل برای اپلیکیشن اسلک:

۱- در اپ این کامند را اجرا کنید /slackdevtools

۲- بر روی <head> راست کلیک کرده و گزینه Edit as HTML را انتخاب کنید

۳- به انتهای باکس برید و قبل از </head> متن زیر را paste کنید.

<style type="text/css">[lang] .p-rich_text_block,.ql-editor, .c-pillow_file__post__content, .c-message_kit__text, .c-dialog, .c-link, input, .c-select, .p-block-kit-select_options,.p-block_kit_renderer__block_wrapper, div.c-message_kit__gutter__right  {line-height:1.7;font-family: "IRANYekan", "Tahoma";text-align: right;direction: rtl;}
b,strong, .c-pillow_file__title {font-family: "IRANYekan ExtraBold", "Tahoma";}
.c-pillow_file__post__content ul>li[data-checked=false]:before, .c-pillow_file__post__content ul>li[data-checked=true]:before {margin-left: 6px;margin-right: 0px;}
.c-mrkdwn__pre ,.ql-code-block,.CodeMirror-code,.c-pillow_file__content{direction: ltr; text-align: left;}
i.c-icon.c-input_text_icon__icon.c-input_text_icon__icon--small.c-icon--clock-o.c-icon--inherit {right:5px}
i.c-icon.c-icon--chevron-medium-down.c-icon--inline {left: -10px}
i.c-icon.c-input_text_icon__icon.c-icon--clock-o.c-icon--inherit{right:10px;}
div.c-message__reply_bar.c-message_kit__thread_replies {direction: ltr;}
.c-message_kit__gutter{direction: rtl;padding-top: 15px;}
.c-message_kit__gutter__left{margin-left: 8px;margin-right: 0;}
.c-message_kit__gutter__right{padding-right: 10px !important;}
.slack-list-item-checkbox{margin-right: 0; margin-left: 6px;}
li{margin-right: 32px !important;margin-left: 0px !important;}
li:before {margin-right: -28px !important;margin-left: 6px !important;}
.c-pillow_file__description{margin-right: 10px !important;}
</style>
۴- با کلیک خارج از باکس تغییرات را سیو کنید

۵- درصورت بازگشت اسلک به حالت اولیه این مراحل را تکرار کنید


آموزش استایل برای نسخه وب اسلک:

۱- اکستنشن stylebot را نصب کنید. مرورگر کروم | مرورگر فایرفاکس

۲- با کلیک بر روی شکل اکستنشن گزینه options... را باز کنید

۳- از تب styles بر روی گزینه add a new styles کلیک کنید.

۴- در بخش url لینک زیر را وارد کنید https://app.slack.com/

۵- و در ادیتور موجود کد زیر را paste کنید

[lang] .p-rich_text_block,.ql-editor, .c-pillow_file__post__content, .c-message_kit__text, .c-dialog, .c-link, input, .c-select, .p-block-kit-select_options,.p-block_kit_renderer__block_wrapper, div.c-message_kit__gutter__right  {line-height:1.7;font-family: "IRANYekan", "Tahoma";text-align: right;direction: rtl;}
b,strong, .c-pillow_file__title {font-family: "IRANYekan ExtraBold", "Tahoma";}
.c-pillow_file__post__content ul>li[data-checked=false]:before, .c-pillow_file__post__content ul>li[data-checked=true]:before {margin-left: 6px;margin-right: 0px;}
.c-mrkdwn__pre ,.ql-code-block,.CodeMirror-code,.c-pillow_file__content{direction: ltr; text-align: left;}
i.c-icon.c-input_text_icon__icon.c-input_text_icon__icon--small.c-icon--clock-o.c-icon--inherit {right:5px}
i.c-icon.c-icon--chevron-medium-down.c-icon--inline {left: -10px}
i.c-icon.c-input_text_icon__icon.c-icon--clock-o.c-icon--inherit{right:10px;}
div.c-message__reply_bar.c-message_kit__thread_replies {direction: ltr;}
.c-message_kit__gutter{direction: rtl;padding-top: 15px;}
.c-message_kit__gutter__left{margin-left: 8px;margin-right: 0;}
.c-message_kit__gutter__right{padding-right: 10px !important;}
.slack-list-item-checkbox{margin-right: 0; margin-left: 6px;}
li{margin-right: 32px !important;margin-left: 0px !important;}
li:before {margin-right: -28px !important;margin-left: 6px !important;}
.c-pillow_file__description{margin-right: 10px !important;}
۶- گزینه save را بزنید و تب اسلک را رفرش کنید.

rtl's People

Contributors

aminahmadahmadi avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.