| « Categories/Cross-posting | Adding Images » |
(This is a bit tricky... but you'll get the hang of it. Or not. Or yes. Yes.)
1. Go to acaramba.com/cpanel
username: acaramba
password: you know what it is
2. Find File Manager > Home > public_html > skins > (whatever skin you're using; Yen, so you've changed yours to "natural_pink"; look for that folder);
Note: You will find these on the left-hand portion of the page. Click on the plus signs to expand the folders.
3. On the right side of the screen, you will find the contents of your skin's folder. Check the box beside "style.css" and then click on the pencil ("Edit") icon on the top part of the page;
Follow up:
4. This brings up a box with notes re Text Editor; just click the "Edit" button at the bottom right;
5. This opens another window (or tab) containing the code for "style.css". DO NOT BE AFRAID. THEY ARE JUST WORDS. Sort of nonsensical words, at that;
Note: If not all of the text would show, just press Ctrl+F
6. Look for this bit:
div.pageHeader /* Title zone */ { margin: 1ex; padding: 0; border-bottom: 1px dotted #000; background-image: url(rsc/img/birds.gif); background-repeat: no-repeat; background-position: right top;
7. Change "birds.gif" to the filename of whatever image you want to use (e.g. "yen.gif"), which must also be of the same size ("birds.gif" is 129 x 100 pixels);
8. Go back to the folders. Find the "img" folder inside your skin's folder;
9. Click "Upload" (on the top left part of the screen); this opens a new window (or tab);
10. Browse for and upload your image (in this example, "yen.gif");
11. Go back to acaramba.com/admin.php to preview your skin (Blog Settings > Skins);
Note: Do these if you're the only one using the skin; if you're sharing it with somebody else, it will be good to copy the whole (for example) "natural_pink" folder to the public_html folder, change its file name, then move it back to the skins folder (I did this to the "andreas_01" skin folder --- changed its name to "pps") BEFORE DOING ANYTHING.
12. Change the other portions of "style.css" that you want to change (or just the images). I suggest reading up on CSS. It's not too difficult to understand.
