Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Activity
    johnyxz
    @johnyxz
    Добро пожаловать
    johnyxz
    @johnyxz
    настройка стилей gitter sidecar чата в gantry 5
    создаем layout particle "custom html"
    вставляем туда этот код
    и чат приобретает приятный вид
    <!DOCTYPE html>
    
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Sidecar worked v1.0</title>
    <style>
    .gitter-chat-embed
    {
    z-index:99999;
    }
    .gitter-open-chat-button
    {
    background-color: orange;
    height: 30px;
    padding-top: 2px;
    opacity: 0.8;
    padding-left: 15px;
    padding-right: 15px;
    right: 20px;
    }
    .gitter-open-chat-button:focus
    {
    background-color: #0c7abf;
    border-color: #004e7f
    }
    .gitter-open-chat-button:hover
    {
    background-color: #0c7abf;
    border-color: #004e7f
    }
    .chat-embed-title
    {
    flex: 1;
    align-self: center;
    padding-left: 1rem;
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
    }
    </style>
    </head>
    <body>
    <script>
    ((window.gitter = {}).chat = {}).options = {
    room: 'moyrf/Lobby' , //название вашей комнаты
    activationElement: false ,
    };
    </script>
    <script src="https://sidecar.gitter.im/dist/sidecar.v1.js" async defer></script>
    <a href="https://gitter.im/moyrf/Lobby" class="gitter-open-chat-button"><i class="fa fa-comments-o fa-fw"></i> ЧАТ</a>
    </body>
    </html>