Jump to content

Transparentní pozadí chatu


Isigar

Recommended Posts

Jelikož mi to přišlo do PM, jak to udělat hodím to sem 🙂 Jedná se o základní chat přímo od CFX, který je v každém serveru. tak si ukážeme, jak toto pozadí odstranit jednoduše aby to mohl udělat každý.


image.png
 

1) Otevřeme si resources/[gameplay]/chat/html/config.ts
2) Najdeme style objekt, který můžeme změnit k obrazu svému, my chceme transparentní pozadí

Vypadá takto:
 

export default {
  defaultTemplateId: 'default', //This is the default template for 2 args1
  defaultAltTemplateId: 'defaultAlt', //This one for 1 arg
  templates: { //You can add static templates here
    'default': '<b>{0}</b>: {1}',
    'defaultAlt': '{0}',
    'print': '<pre>{0}</pre>',
    'example:important': '<h1>^2{0}</h1>'
  },
  fadeTimeout: 7000,
  suggestionLimit: 5,
  style: {
    background: 'rgba(52, 73, 94, 0.7)',
    width: '38vw',
    height: '22%',
  }
};

Jak vidíme, je tam background , která definuje barvu pozadí. Změníme tedy parametr z rgba hodnoty na transparent.

export default {
  defaultTemplateId: 'default', //This is the default template for 2 args1
  defaultAltTemplateId: 'defaultAlt', //This one for 1 arg
  templates: { //You can add static templates here
    'default': '<b>{0}</b>: {1}',
    'defaultAlt': '{0}',
    'print': '<pre>{0}</pre>',
    'example:important': '<h1>^2{0}</h1>'
  },
  fadeTimeout: 7000,
  suggestionLimit: 5,
  style: {
    background: 'transparent',
    width: '38vw',
    height: '22%',
  }
};

Po restartu by se měl aktivovat webpack a zkompilovat to znovu, protože došlo ke změnám na server konzoli se vám objeví hláška s buildem.

Až bude build hotový stačí restartovat resource 🙂 Do té doby resource nepůjde nastartovat nelekněte se.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...