SHOW:
|
|
- or go back to the newest paste.
| 1 | !!!!!!!!!!!!Read It!!!!!!!!!!!! | |
| 2 | ||
| 3 | (⊙.⊙(☉_☉)⊙.⊙) | |
| 4 | ||
| 5 | CAN'T EMPHASIZE THIS ENOUGH: There are div ids/classes, tables (table, tr, td) and img classes in this layout. Be VERY, VERY, VERY careful not to drop off any of the coding. | |
| 6 | ||
| 7 | ............................ | |
| 8 | ||
| 9 | IMAGES | |
| 10 | ||
| 11 | - | This layout will code image sizes for you. For the sake of simplicity you may make all photos 250px width by 250px height EXCEPT the 'default' photo in Like to Meet and the 'banner' size photo in Music. The tall 'default' image is 350px width by 500px height. The 'banner' (Vicbox) image in Music is 500px width by 300px height. |
| 11 | + | This layout will code image sizes for you. For the sake of simplicity you may make all photos 250px width by 250px height EXCEPT the 'default' photo in Like to Meet and the 'banner' size photo in Music. The tall 'default' image is 275px width by 500px height. The 'banner' (Vicbox) image in Music is 500px width by 300px height. |
| 12 | ||
| 13 | If you elect to keep the color scheme for pics, the psd is here: | |
| 14 | https://drive.google.com/file/d/0B79YHAkeE7SuejREWlRIbFllX3M | |
| 15 | ||
| 16 | ............................ | |
| 17 | ||
| 18 | MUSIC PLAYER | |
| 19 | ||
| 20 | REPLACE MY MUSIC PLAYER WITH YOUR OWN. | |
| 21 | ||
| 22 | Read the cited note under the music player for additional instructions. | |
| 23 | ||
| 24 | ............................ | |
| 25 | ||
| 26 | ||
| 27 | FOR ROLEPLAYER.ME USERS: | |
| 28 | ||
| 29 | For the below text font classes and all of the headers (1, 2, 3, etc) and lyrics, please note the following: | |
| 30 | I code for ALL sites. Not every website will allow headers to be placed as <h1>Header 1</h1>. For that reason, I turn them into font classes with a period in front (.h1) in About Me and script them in the tables as I have done below. | |
| 31 | ||
| 32 | <font class="h1">Header 1</font> | |
| 33 | ||
| 34 | If you are on a website like RPer.me that allows regular header, underline, strong, etc coding, you can just use regular header coding for all of the header, lyric, special text labels like so: | |
| 35 | <h1>Header</h1> <strike>Strike</strike> etc.. | |
| 36 | ||
| 37 | OR just leave them as they are. They will work for you either way. | |
| 38 | ||
| 39 | ||
| 40 | /////////////////////////////////////////////////// | |
| 41 | ||
| 42 | ||
| 43 | ||
| 44 | Don't forget to replace the XXXXX with your friend ID number. | |
| 45 | ||
| 46 | (>‿◠)✌ | |
| 47 | ||
| 48 | ||
| 49 | *****************************SAVE YOUR WORK AS YOU GO.******************************* | |
| 50 | ||
| 51 | ||
| 52 | DO NOT REMOVE THE .VICARIOUS MARKERS FROM ANY VICARIOUS LAYOUT. | |
| 53 | ||
| 54 | - | -----------------------------ABOUT ME--------------------------------- |
| 54 | + | -----------------------------ABOUT ME----------------------------- |
| 55 | - | |
| 55 | + | |
| 56 | - | <style type="text/css"> |
| 56 | + | |
| 57 | - | @import url(http://fonts.googleapis.com/css?family=Raleway:400,900|Playfair+Display+SC|Marck+Script|Oswald|Dynalight|Roboto+Condensed:400,700); |
| 57 | + | |
| 58 | -----------------------------INTERESTS---------------------------- | |
| 59 | - | /* - -DO NOT PUT ANYTHING ABOVE THE @import LINE ABOVE - - */ |
| 59 | + | |
| 60 | - | /* - -DO NOT REARRANGE MY CODING!! ORDER IS IMPORTANT! - - */ |
| 60 | + | -----------------------------MUSIC-------------------------------- |
| 61 | ||
| 62 | - | .vicarious { Structure }
|
| 62 | + | -----------------------------MOVIES------------------------------- |
| 63 | ||
| 64 | - | body {
|
| 64 | + | -----------------------------TV--------------------------- |
| 65 | - | background-color: 3f3737; |
| 65 | + | |
| 66 | - | background-image:url(http://i59.tinypic.com/2wnnr6c.jpg); |
| 66 | + | -----------------------------BOOKS-------------------------------- |
| 67 | - | background-repeat:repeat; |
| 67 | + | |
| 68 | - | background-attachment:fixed; |
| 68 | + | -----------------------------HEROES------------------------------- |
