Jump to content
LaFleur

xatframe - new group styling feature

Recommended Posts

19 minutes ago, Abrahan said:

It is not possible to touch or select the objects / texts embedded with the iframe, is this supposed to be ok or is it an bug?

It's blocked (by z-index, almost sure)

Share this post


Link to post
Share on other sites
1 hour ago, Abrahan said:

It is not possible to touch or select the objects / texts embedded with the iframe, is this supposed to be ok or is it an bug?

Yes, it's intended. This is mainly meant for styling group backgrounds in new different ways, so mouse events won't be working.

Share this post


Link to post
Share on other sites
Posted (edited)

I love the gif background of the chat  so amazing. Good job mav and others who involved of this! How about the 3D gif background more cuter :$.

Edited by Dimple

Share this post


Link to post
Share on other sites
Posted (edited)

Going to leave 2 iframes.

 

Animated background (INNER & OUTER):

Screenshot_1.thumb.png.41171dd06eb13531f22e53db3aa4e2fa.png

Iframe link: https://static.mundosmilies.com/testiframe.html

Preview: https://xat.com/About?new&cb=10000

 

Static background (INNER & OUTER) + Current time + latest power + users online on chat room (actually only works in Mundosmilies)

Screenshot_2.thumb.png.aea39314599ebca61a1c90ea8278f83a.png

Iframe link: https://static.mundosmilies.com/testiframe2.html

Preview: https://xat.com/Mundosmilies?new&cb=10000

 

Ideas are welcome, give yours.

Edited by xLaming
  • Award 1
  • Like 3

Share this post


Link to post
Share on other sites
Posted (edited)

iframes with parameters:

 

VaAqHgE.png

Link: https://xstah.github.io/i/1.html?name%3Dstah%26bg1%3D000000%26bg2%3D020060%26c1%3D000%26c2%3D020060%26c3%3D020060

Preview: https://xat.com/stah?new

 

IkLQi7O.png

Link: https://xstah.github.io/i/1.html?name%3Dstah2%26bg1%3D006a4e%26bg2%3D2E856E%26c1%3D8abaae%26c2%3D5ca08e%26c3%3D5ca08e

Preview: https://xat.com/stah2?new

 

gI0xjXp.png

Link: https://xstah.github.io/i/1.html?name%3Dstah3%26bg1%3DEb5a46%26bg2%3Dec9488%26c1%3D933b27%26c2%3DCf513d%26c3%3DCf513d

Preview: https://xat.com/stah3?new

 

Try it yourself: https://xstah.github.io/i/1.html?name=stah&bg1=000000&bg2=020060&c1=000000&c2=020060&c3=020060 

(& and = must be encoded before putting on chat due to chars being stripped)

 

Limitation: with maxlength removed seems to be 119 chars.

 

(Hopefully @SLOom doesn't mind I pinched his Rubyyyyy example with a few modifications for proof of concept)

Edited by Daniel
  • Award 4
  • Like 3

Share this post


Link to post
Share on other sites

Based on @Daniel's idea I've created a new one to share.

 

Features:

  • Users can choose their background by adding ?style= at the end of url, available: 1, 2, 3 and dark.
  • Main owners can choose if they want waves effect or not by adding ?show to the end of url (on iframe input/chat edit).
  • When using ?show chat name is shown on the background with your chat name.

Previews:

* Waves enabled (chat edit)

Screenshot_1.thumb.png.cbb065d4abf5acf4c9ec58500bf37d36.png

* Waves disabled (chat edit)

Screenshot_2.thumb.png.afe9af1f0ec075077315fbeaaa81578b.png

* Style 1

mPqlRT.png

Preview: https://xat.com/Contact?style=1

 

* Style 2

lJ6JE3I.png

Preview: https://xat.com/Contact?style=2

 

* Style 3

1BBwI3.png

Preview: https://xat.com/Contact?style=3

 

* Style dark

MRTo13Hf.png

Preview: https://xat.com/Contact?style=dark

 

  • Like 6

Share this post


Link to post
Share on other sites

i don't understand much how to do it....... What program should I use to make a motion xatframe? Or in what format should I save it gif or what? Should I make an account on any page to upload my own bg xatframe? I don't know how to generate it in html  (hmm)

 

someone explains to me ???? :c 

Share this post


Link to post
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.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  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...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.