Szabja a chat designját saját méretére!

CSS styling

A chat színvilágát egyszerűen módosíthatja saját adminisztrációs felületén, a Design kártyán. Saját logóján kívül beállíthatja a chat hátterének és betűinek színét, ill. a buborékokat is. Ha mindez nem elég, és szeretné a designt saját kedve szerint módosítani, lehetővé tettük Önnek a CSS stílusok általi módosítást.

 

 

 

A chat designjának megváltoztatását az egyes elemek módosításával érheti el a CSS-ben, vagy komplett saját CSS fájl segítségével. Ha Ön tapasztalt felhasználó, és ezek a kifejezések nem ismeretlenek az Ön számára, van egy hivatkozásunk az API-ra, ahol minden szükséges információt megtalál :) 

Amennyiben saját maga szeretné módosítani a designt, de nem tudja hogy kell, kövesse az alábbi utasításokat. Ebben megtudhatja, miként kell megváltoztatni a szöveg színét a Livechatoo láblécében Online/Offline, amely standard beállításban zöld/szürke. Módosítható a beágyazott (embedded) kliens és a PopUp felugró ablak is.

1. Tudja meg annak az elemnek a nevét, melyet szerkeszteni kíván.

Az elem nevét böngészője fejlesztői alkalmazásában tudhatja meg. Például a Google Chrome-ban a Ctrl + Shift + C billentyűkkel nyithatja meg, vagy ha az oldalon bárhol kattint egyet a jobb egérgombbal és az „Elem vizsgálata” opciót választja. Megnyitás után kattintson az „Elements” fülre, majd egészen balra a nagyítóra, hogy a kiválasztott elemeket kiemelten lássa. Most kattintson arra az elemre, melyet módosítani szeretne, ebben az esetben az Online szövegre. A fejlesztői alkalmazás jobb oldalán található a Styles fül, ahol megjelenítődnek az adott elem tulajdonságai. A mi esetünkben a .footerStart .On, ill. .footerStart .Off fog érdekelni bennünket, ahol a szöveg színe van meghatározva, melyet módosítani szeretnénk. A .footerStart .On a .footerStart .Off elemek az állapotukban különböznek, melyben jelenleg a chat van (Online ill. Offline).

element

2. Állapítsa meg az új szín kódját, melyet használni kíván.

A színkód megállapításához pl. az alábbi oldalt használhatja: w3schools.com. Mi a fekete színt fogjuk használni, a fekete szín kódja #000000.

TIP: Amennyiben a chatet megfelelő színkombinációval szeretné ellátni, használhatja a Paletton oldalán lévő színpalettát.

3. A Livechatoo kód szerkesztése

A kódban az adott elemet módosítanunk kell, és új értékkel ellátni. Ezt a css_text paraméter Livechatoo kódba való beírásával tesszük meg. A mi esetünkben, ha Online állapotban a színt feketére akarjuk változtatni, a szöveg így fog kinézni: css_text :’.footerStart .On {color: #000000}’.

 A szín módosítása csupán egy apróság, de ugyanilyen módon változtatható meg a chat minden eleme. Így a designt pontosan saját igényeinek megfelelően módosíthatja.

Tudjon meg többet!

ITT és MOST VÁRJUK A HOZZÁSZÓLÁST!

Email cím (nem tesszük közzé) A kötelezően kitöltendő mezőket * karakterrel jelöljük

A következő HTML tag-ek és tulajdonságok használata engedélyezett: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">