Erandia's Quick Guide and Tips
Hello everyone! Betcha you're all tired of seeing my name lmaoooo Anywho, this little section is a quick guide to those who want to use the profiles but have little to no idea how and get super intimidated the moment they turn of WYSIWYG. A disclaimer first, Erandia is NOT A GREAT CODER OR TEACHER!!! All I do is learn from the masters themselves and literally indulge a heck ton of tutorials. I'm not going to teach anyone how to code, for starters! What I'll be doing is teaching people what to look for, what things to edit/touch, and basically, how to add in your own info for the profiles I've provided above
1. First thing's first, WYSIWYG should be turned off for you to copy and paste the code in the raw text editor!
2. Now upon checking your character profile and whatnot, you'll be greeted with this:
It's okay if you have no clue what anything else means! Because to be frank, there are only a few things people need to keep in mind when editing these. Leave all the dirty div tags and IDs to the (poor, unfortunate) coders! <3333 Remember, these are just simply the bare minimum you need to keep in mind when looking through the raw code!(and it's nothing a little ctrl + f can help you with!):
1. This little bit which, in all my profile codes, is on top of every line. Literally, it's the first few lines of code you'll see!
<table style="border: none; width: 1235px; margin-top: 0px; margin-bottom: 0px; float: center; height: 1014px;">
(note: The width before the LH profile is default 1024)
2. Anytime you see //INSERT INFO HERE// or OC NAME or ANY variations of those in the code (ctrl + f will help you)
3. ANY VARIATIONS OF LATIN PLACE HOLDERS!!!
4. Variations of:
<a href="/"></a>
(once again, ctrl + f href and you'll find most of them!)
5. Finally, variations of:
<img src="There would be a link here probably" width="##" height="##" alt="" />
And now for explanations! They'll be short and will not contain any script jargon I promise! //because even I don't understand some of those jargons lmaoooo//
1. <table style="border: none; width: 1235px; margin-top: 0px; margin-bottom: 0px; float: center; height: 1014px;">
Basically, you don't really need the entire thing. You just gotta check the width. The rule of the thumb is: If you see a scroll bar on your bottom/if a horizontal scroll bar appears, then you need to adjust it manually to fit with your screen resolution. 1235 works for MY screen, but it wont necessarily be the same on your end! What's the right number? I have no clue! >u< b Okay in all seriousness, you just gotta do trial and error, maybe go down via 5 pixels like, if 1235 doesn't work, try 1230 then 1225 and so on. The code there is just setting how big the entire profile will be. But if you're a nitpicker (like me!) then certain things irk you and most likely, the profile not fitting in your screen is one of it.
2. This one is pretty self-explanatory. I deliberately added "//INSERT HERE INFO//" as a really obnoxious placeholder to attract attention and not let people get swallowed by the sea of codes and jargon. Just ctrl + F and ignore everything else and add in whatever info you need!
3. Same explanation as the one above, actually. Besides, Latin is cool! >u<
4. <a href="/"></a>
This is actually just the raw code for adding in links! You need them to locate where you have to add in the links for image galleries, clickable images, etc. Just replace the "/" between the two quotes with the link you need!
5. <img src="There would be a link here probably" width="##" height="##" alt="" />
This one is for the images! Normally, I'd put placeholder images on the link part and that's what you need to replace! (Remember, it has to be a direct link!) The width and height could be adjusted to your tastes, but I usually just follow the wiki standards.
And that's usually it! Literally, with just that, there's nothing to else to change and whatnot! I've always put in reminders on each code as comments and whatnot, so please do remember to read it as well! For any other things you want to change (color, BG, etc) that usually required just finding the hexadecimal numbers (things with #000000 or any combination of numbers and letters) But like I said, even when you have no idea what the hell are all these huge fricking jargons are, if you know what to look for, then there's nothing to fear! I wish you luck and for any other concerns, just leave a comment on the thread and I'll try my best to help! //and if not, because srsly I'm a really newb coder, then maybe some of the veterans will help out! ONCE AGAIN, THIS GUIDE IS FOR THOSE WHO ARE SERIOUSLY TOO AFRAID TO TOUCH THE RAW CODE/TURN OFF WYSIWYG BUT WANT TO TRY OUT SOME CUSTOM PROFILES! THIS IS NOT MEANT FOR THOSE WHO ARE SEASONED PROFILE EDITORS!!!