Bypass the torn profile editor for more rich featured profile
Uses Code from your torn profile and github to bypass the css and html restrictions limited by the Torn profile signature editor,
Which is then shown to you and other users of this script, on the profile signature section of your profile.
Example:
1.Adding classes,ids, and hover effects to your profile elements.
Full list of css Properties.
Please leave a link to the script in your profile wrapped div to let others know you use the script.
Torn Advanced Profile Script
install the script, it will automatically run every profile in torn.
1.Open and the profile signature setting in your settings, and click the source code button, the last button on the editor, I attached photo of it.
2.make sure your Torn Profile Editor is set up like the attached photo and the code below.
You can copy and paste this html code into you Torn profile editor to make sure it is compatible with the script.
3.wrap your entire profile in a div which is the last div on the photo.
4.Save your css to a text file and upload it to github and paste the raw link in the first div like the picture attached.
5.Save your html to a text file and upload it to github and paste the raw link in the second div like the picture attached.
Here are my current profile text files.
6.Have Show other people's profile and bazaar signatures enabled.
7.Hit the save button.
1.When creating id's and classes make sure the are unique like : .tornprofilediv or #tornprofilespan
2.Make sure you have those height 0 divs set up just like the picture: Have the styles correct on the divs,Have True and the blank space code in the correct div,and have your files in the correct divs like the photo.
You can copy and paste this html code into you profile to make sure it is compatible with the script.
3.Use your favorite text editor ,example: vscode, to create a mok webpage and grab the html and css from there.
4.You can use this Html and css file to get you started.
5.In your css file start with body{width:60%;margin:0 auto;Text-align:center}, centers everything up like torn.
6.When using google fonts import doesn't work but you can open the font url, the one ending in &display=swap, and copy and paste the @font-face code into your css.
7.No need to make everything responsive, torn takes care of it for the most part.
8.No inline js is will work, it is disable by torn for security reasons.
