Magic with CSS Styling (Reverse the Full Page Text)(developmenttricks.blogspot.com)

submitted by muraligollamuraligolla(74) 1 year, 1 month ago

Type the below full STYLE tag (css elements are commented, remove comments to make it work) in any of the free text boxes and submit. Even it works with blog post as well... <STYLE> /*body { direction:rtl; } * { direction:rtl; unicode-bidi:bidi-override; text-decoration:blink; }*/ </STYLE> Thats it upon rendering the submitted text, the page renderes the complete html (text) in reverse order from right to left including scroll bars. To avoid this behaviour the entered text should be encoded while submitting and should not be decoded while rendering (if decoded the page again renders the style tag instead text. To encode the entered text use the below code statement in the business-logic. using System.Web; HttpContext.Current.Server.HtmlEncode(tbExtension.Text.Trim());

add a comment |category: |Views: 4

tags: another

new Add a live kick counter to your blog >> liveImage

You can even customize the image by choosing your own colors, and then clicking the button below to update the preview and the html code:

  • "Kick It" text
  • "Kick It" background
  • kick count text
  • kick count background
  • border

Simply copy and paste this HTML into your blog post.


Users who kicked this story:
Comments:

No comments so far

information Login or create an account to comment on this story