Me: Difference between revisions

From xat wiki
mNo edit summary
No edit summary
(38 intermediate revisions by 11 users not shown)
Line 5: Line 5:
Advanced profile CSS
Advanced profile CSS
</translate>
</translate>
|info= [[File:me-example2.png|thumb|275px|right|<translate><!--T:12-->
|function=yes
('''example 1''') Enabling advanced mode.</translate>]]
|smiley=yes
|info= [[File:Me1.png|thumb|scalable=yes|float=right|<translate> <!--T:12--> Enabling advanced mode.</translate>]]  
<translate>
<translate>
<!--T:2-->
<!--T:2-->
Line 12: Line 13:


<!--T:3-->
<!--T:3-->
*enables you to fully customize your xat.me profile with almost no xat branding, by replacing everything with a small xat planet in the bottom left corner and a popup menu.
*Enables you to fully customize your xat.me profile with almost no xat branding, by replacing everything with a small xat planet in the bottom left corner and a popup menu.


<!--T:4-->
<!--T:4-->
*expands CSS space to 10240 bytes.
*Expands CSS space to <tvar|1>20240</> bytes.


*does '''NOT''' require days to enable "Advanced mode", nor does it require days to update profile css/content.
<!--T:23-->
*Expands the text box to a bigger text area.
 
<!--T:16-->
*Does '''NOT''' require days to enable "Advanced mode", nor does it require days to update profile CSS/content.


<!--T:13-->
<!--T:13-->
To enable the above features, check "Advanced mode", while [<tvar|link1>http://xat.com/web_gear/chat/editprofile.php</> editing] your xat.me profile (see '''example 1''').
To enable the above features, check "Advanced mode" while [<tvar|link1>https://xat.com/web_gear/chat/editprofile.php</> editing] your xat.me profile.
</translate>
</translate>
[[File:me-example1.png|thumb|100px|right|<translate><!--T:14-->
[[File:Me2.png|thumb|scalable=yes|float=right|<translate> <!--T:14--> xat menu.</translate>]]
('''example 2''') xat menu.</translate>]]
<translate>
<translate>
== Limitations == <!--T:5-->
== Limitations == <!--T:5-->


<!--T:6-->
<!--T:6-->
Please don't change the xat menu in any way (see '''example 2'''), doing so will count as breaking the [<tvar|link2>http://xat.com/terms.html</> terms] and your xat.me profile could be deleted.
Please do not change the xat menu in any way; doing so will count as breaking the [<tvar|link2>http://xat.com/terms.html</> terms] and your xat.me profile could be deleted.
 
<!--T:18-->
If the xat logo and menu on your profile are unintentionally displaced, it may be because the end of your code ends with <tvar|1>'''};'''</> To fix this, remove the bracket, leaving only the semi-colon.
 
<!--T:21-->
For example, if your code ends with <tvar|3>'''{text-align:center};'''</> then the xat logo may be displaced. To fix this, remove the bracket so that you will be left with <tvar|5>'''{text-align:center;'''</> and the xat logo should not be displaced.
 
<!--T:22-->
If the xat menu and logo are still displaced, visit a [http://xat.com/help_ Help Chat] or [http://xat.com/graphics Graphics Chat] for assistance.


<!--T:15-->
<!--T:15-->
'''See [[css|here]] for a full list of CSS guidelines.'''
'''See [[<tvar|1>Special:MyLanguage/Css_guidelines</>|here]] for a full list of CSS guidelines.'''


== Future == <!--T:7-->
== Future == <!--T:7-->


<!--T:8-->
<!--T:8-->
xat may add advertising
*Advertising may be added.


<!--T:9-->
<!--T:9-->
xat may increase the capabilities of the basic xat.me page
*The capabilities of the profile may be expanded.


== Suggestions == <!--T:10-->
== Avoid Breaking the Rules == <!--T:19-->


<!--T:11-->
<!--T:20-->
*whitelist characters ''like > and ;'' to allow more advanced selectors and multiple css declarations under one element.
*Instead of affecting the body, only target #xatstyme. This way, you don't change the logo by lowering the opacity or changing its color.
</translate>
 
|smiley1=flag
</translate>__NOTOC__
|s2=|s3=|s4=|s5=|s6=|s7=|s8=|s9=|s10=|s11=|s12=|s13=|s14=|s15=|s16=|s17=|s18=|s19=|s20=|s21=|s22=|s23=|s24=|s25=|s26=|s27=|s28=|s29=|s30=|pw3=|pw2=|pw1=}}
|smiley1=me
|smiley2=coding
|smiley3=stylesheet
|smiley4=thisme
}}

Revision as of 21:55, 14 June 2019

Enabling advanced mode.

The ME power:

  • Enables you to fully customize your xat.me profile with almost no xat branding, by replacing everything with a small xat planet in the bottom left corner and a popup menu.
  • Expands CSS space to 20240 bytes.
  • Expands the text box to a bigger text area.
  • Does NOT require days to enable "Advanced mode", nor does it require days to update profile CSS/content.

To enable the above features, check "Advanced mode" while editing your xat.me profile.

xat menu.

Limitations

Please do not change the xat menu in any way; doing so will count as breaking the terms and your xat.me profile could be deleted.

If the xat logo and menu on your profile are unintentionally displaced, it may be because the end of your code ends with }; To fix this, remove the bracket, leaving only the semi-colon.

For example, if your code ends with {text-align:center}; then the xat logo may be displaced. To fix this, remove the bracket so that you will be left with {text-align:center; and the xat logo should not be displaced.

If the xat menu and logo are still displaced, visit a Help Chat or Graphics Chat for assistance.

See here for a full list of CSS guidelines.

Future

  • Advertising may be added.
  • The capabilities of the profile may be expanded.

Avoid Breaking the Rules

  • Instead of affecting the body, only target #xatstyme. This way, you don't change the logo by lowering the opacity or changing its color.

Smilies

a_(me)_40?.png
a_(coding)_40?.png
a_(stylesheet)_40?.png
a_(thisme)_40?.png