Over 16,508,960 people are on fubar.
What are you waiting for?

Profile Skin Coding (OLD)

(NOTE:THIS IS THE OLD SKIN CODING, AND DOES NOT WORK CORRECTLY WITH THE NEW PROFILE SETUP... I WILL POST THE NEW CODE AS SOON AS I CAN) Skin coding is alot more simple than it looks, it is basic CSS... the first thing i will do is explain all of the different parts of the code, then i will post the code below... The 1st thing is the background: ***background-color:black; ... black being replaced with the background color of choice, if a url image is being used this does not need to change, or it can be changed to background-color:transparent to make things a bit less complicated (transparent being invisible) ***background-image:url(URL HERE); ... this is the place to put a background image, the background must be uploaded to a hosting site such as http://photobucket.com then the url to the image is placed in the code where it says URL HERE make sure the parenthesis () are around the image url ***background-position:center center; this is the basic CSS positioning, the 1st being the x (horizontal positioning) and the 2nd being y (vertical positioning)... the input being right, left, top, bottom, center, x% y%, and xpos ypos ***background-repeat:yes; ... this is whether or not the image should repeat... repeat or no-repeat, or you can also choose how using repeat-x or repeat-y ***background-attachment:fixed; ... this is the choice of whether or not a background will scroll with the page... fixed means no scroll and scroll means scrolling that concludes the background... Now i will explain more of what is in the code, however i will not explain every part of which the code makes up, it will taketrial and error to find where to change these codes, but you will atleast understand what each part of the code does. ***border:1px solid red; ... this is the border code used in backgrounds and tables. The size of the border is changed in pixels (px) this is how thick the border will be. The border style can be changed to solid, dotted, dashed, double and a few others not mentioned here. The border color is also mentioned this can be changed to a color name or number. ***padding-left:5px; ... padding is the space between the border and the element itself, the element being a table or such, this is also adjusted in pixels. the padding can also be adjusted accordingly... top, bottom, left, and right ***text ... text can be modified in many different ways, such as text-color:red changes the color of the written text. text-align:left; changes the alignment of the text, alignment can be changed using left, right, or center. text-decoration:none; adds decoration to the text such as underline, overline, line-through, or blink. ***font ... there are also many ways to modify font, font-weight:normal; refers to the fonts weight, normal, bold, bolder, lighter, or 100-900 to adjust more. font-size:10px; shows the size of the font adjusted in pixels, the size can also be adjusted in point using ... font-size:10pt;. The style for a font can also be changed using font-style:name; the name input being the name of the font, this can also be changed in a font family such as ... font-family: Vivaldi, Arial, sans-serif; ... A font family is a prioritized list of font family names for an element. That is all of the basics to coding a skin, for a more detailed view of CSS coding, please view this site: http://w3schools.com/css/default.asp It may take some playing around with to figure out exactly where the code goes in the skin to change a specific area, but it really isnt that hard once you know the basics. Below is a basic skin code for your profile and can be modified to change most aspects of the profile... body { background-color:black; background-image:url(URL HERE); background-position:center center; background-repeat:yes; background-attachment:fixed; color: red; } table.user { border:1px solid Red; padding:5px; } td.user_left { text-align:center; padding-left:2em; padding-right:2em; } td.user_right { text-align:left; padding-left:2em; padding-right:2em; } td.user_center { text-align:center; padding-left:1em; padding-right:1em; } table.user_opts { border:1px solid red; background: transparent; text-align:left; padding:5px; width:100%; } td.user_opts { text-align:left; padding:2px; } a:link { color:red; text-decoration:none; } a:visited { color:red; text-decoration:none; } a:active { color:red; text-decoration:none; } table.poke_box { border:1px solid Red; background: transparent; text-align:left; padding:5px; width:100%; } th.poke_box { font-size:11px; color:red; font-weight:bold; background: transparent; } td.poke_box { font-size:10px; color:red; background: transparent; padding:5px; } a.poke_box_opt { font-size:10px; color:red; text-decoration:none; font-weight:bold; } a.blast_link_body { color:red; text-decoration:none; } table.tabbed_friends_family { } td.tabbed_friends_family_thumbnail { } td.tabbed_friends_family_name { } table.my_friends { border:1px solid Red; background: transparent; padding:3px; } td.my_friends_top_sep { text-align: center; font-size:10px; font-weight:bold; padding-top:5px; padding-bottom:5px; } td.my_fans_top_sep { text-align: center; font-size:10px; font-weight:bold; padding-top:5px; padding-bottom:5px; } td.my_fans_sep { text-align:center; padding-right:3px; padding-left:3px; } table.my_fans { border: 1px red; background: transparent; } td.my_fans_top { text-align: center; font-size:10px; padding-top:5px; padding-bottom:5px; } td.my_fans { text-align:center; } table.my_fan_of { border: 1px red; background: transparent; padding-top:5px; padding-bottom:5px; } td.my_fan_of_top { text-align: center; } td.my_fan_of { text-align:center; } table.referral_path { font-family:Vivaldi, Arial, sans-serif; color:red; text-indent: 0; text-align:left; padding-bottom:5px; background: transparent; } td.referral_path { text-align:left; background: transparent; } a.referral_path_me { font-family: Vivaldi, Arial, sans-serif; color:red; font-style:Vivaldi; text-align:center; } table.user_info { border-top-style: inset; background: transparent; border-top-width: thin; background: transparent; } td.user_info_name { color:red; text-align:center; font-size:10px; background: transparent; } td.user_info { text-align: center; color:red; background: transparent; } td.user_info_c { text-align: center; color:red; background: transparent; } table.user_info_c { text-align: center; color:red; background: transparent; } td.user_info_r { text-align: right; text-indent: 10; color:red; } td.user_info_l { text-align: left; color:red; } table.user_music { border:1px solid red; text-align:left; padding: 2px; } td.user_music_hdr { text-align:left; color:red; background: transparent; padding:2px; font-size:10px; } td.user_music_data { text-align:left; color:red; background-color:black; padding:2px } table.play_track { text-align:center; padding:10px; background-color:black; border:1px solid red; } td.play_track_hdr { font-weight:bold; text-align:right; padding:5px; } td.play_track { text-align:center; padding:3px; color:red; } td.play_track_r { text-align:right; padding:3px; color:red; } td.play_track_l { text-align:left; font-weight:bold; padding:3px; color:red; } table.user_aboutme { border:1px solid red; text-align:left; padding: 2px; } td.user_aboutme_hdr { text-align:left; color:red; background: transparent; padding:2px; font-size:10px; } td.user_aboutme_data { text-align:left; color:red; background: transparent; padding:2px } table.user_games { border:1px solid red; text-align:left; padding: 2px; } td.user_games_hdr { text-align:left; color:red; background: transparent; padding:2px; font-size:10px; } td.user_games_data { text-align:left; color:red; background: transparent; padding:2px } table.user_music { border:1px solid red; text-align:left; padding: 2px; } td.user_music_hdr { text-align:left; color:red; background: transparent; padding:2px; font-size:10px; } td.user_music_data { text-align:left; color:red; background: transparent; padding:2px } table.user_general { border:1px solid red; text-align:left; padding: 2px; } td.user_general_hdr { text-align:left; color:red; background: transparent; padding:2px; font-size:10px; } td.user_general_data { text-align:left; color:red; background: transparent; padding:2px } table.user_movies { border:1px solid red; text-align:left; padding: 2px; } td.user_movies_hdr { text-align:left; color:red; background: transparent; padding:2px; font-size:10px; } td.user_movies_data { text-align:left; color:red; background: transparent; padding:2px } table.user_idols { border:1px solid red; text-align:left; padding: 2px; } td.user_idols_hdr { text-align:left; color:red; background: transparent; padding:2px; font-size:10px; } td.user_idols_data { text-align:left; color:red; background: transparent; padding:2px } table.leave_comment_box { border:1px solid red; padding:10px; background: transparent; text-align:center; } td.leave_comment_box_hdr { text-align:center; padding:5px; color:red; border-bottom:1px solid red; font-size:11px; background: transparent; } td.leave_comment_box_body { padding:5px; background: transparent; } table.user_rating_box { border:1px solid red; text-align:center; padding:3px; background: transparent; } td.user_rating_current { background: transparent; padding:3px; } td.user_already_rated { text-align:center; font-size:10px; color:red; background: transparent; } td.rating_anon_desc { text-align:center; vertical-align:bottom; font-size:10px; font-style:vivaldi; color:red; background: transparent; } table.top_lists { padding:5px; background: transparent; border:1px solid red; } td.top_lists_hdr { padding:5px; text-align:center; background: transparent; color:red; font-weight:bold; font-size:12px; } td.top_lists { padding:5px; text-align:center; background: transparent; font-size:12px; } table.user_comment { padding:3px; background: transparent; text-align:left; border-bottom:1px solid red;; } td.user_comment_user { border:1px solid red; padding:3px; background: transparent; text-align:center; } td.user_comment_hdr { font-size:9px; font-weight:bold; color:black; border-bottom:1px solid red; background: transparent; } td.user_comment_body { text-align:left; background: transparent; } td.user_comment_date { color:red; font-style:Vivaldi; border-bottom:1px solid red; font-size:9px; padding-top:3px; background: transparent; } table.profile_viewers_small { text-align:center; color:red; padding:2px; background: transparent; } td.profile_viewers_border { text-align:center; color:red; border-bottom: 1px solid red; } td.profile_viewers { text-align: center; color:red; padding:4px; }
Leave a comment!
html comments NOT enabled!
NOTE: If you post content that is offensive, adult, or NSFW (Not Safe For Work), your account will be deleted.[?]

giphy icon
last post
16 years ago
posts
3
views
908
can view
everyone
can comment
everyone
atom/rss

recent posts

16 years ago
Basic Lounge Player
16 years ago
Lounge Coding

other blogs by this author

 15 years ago
Personal
 16 years ago
Support Help
official fubar blogs
 8 years ago
fubar news by babyjesus  
 13 years ago
fubar.com ideas! by babyjesus  
 10 years ago
fubar'd Official Wishli... by SCRAPPER  
 10 years ago
Word of Esix by esixfiddy  

discover blogs on fubar

blog.php' rendered in 0.054 seconds on machine '54'.