.

.

.

. .

..

Using CSS in your profiles

When logged into your Holla Atcha.net Account. Goto edit profile.

.

.

..

Scroll Down to Css Area.

There you will enter your Css settings. To install themes on your profile, just copy a code into the CSS codes box in your "Edit Profile" link on your account.

.

..

For premade Css Codes Please Visit Cherry Skinz.com Save and Enjoy,

.

.

The Following is the Css that is used in the Profile for Buxton161

The code shows a http tag for the background image from http://www.pimp-my-profile.com/ You may also want to change the color tags ( {color:#339999; ) for your font and framed areas.

.

.

..

<style> /* * * *ANCHOR-1* * * */ a, a:link a:visited a:hover, a:active a.menu_item_link, a.menu_item_link:link, a.menu_item_link:visited, a.menu_item_link:active, a.menu_item_link:hover {color:#339999; text-decoration:none;} a.menu_item_link, a.menu_item_link:link, a.menu_item_link:visited a.menu_item_link:active, a.menu_item_link:hover {color:#339999;} .no_hello_actions a, .no_hello_actions a:link, .no_hello_actions a:visited, .no_hello_actions a:hover, .no_hello_actions a:active {color:#339999;} a.customMenuItem, a.customMenuItem:link, a.customMenuItem:visited {color:#339999; text-decoration:none;} .one_tag a, .one_tag a:link, .one_tag a:active, .one_tag a:visited .one_tag a:hover {color:#339999;} /* * * *ANCHOR-2* * * */ /*links*/ a:link, a:visited {color:#339999; text-decoration:none;} a:hover, a:active {color:#339999; text-decoration:none;} /* * * *GENERAL#1* * * */ body {margin:0px; padding:0px; background-image:url('http://media.myspacepimper.com/images/84/18084/New-York-City-2.jpg'); background-repeat:repeat; background-attachment: fixed; font-family:Arial; font-size:12px; color:#339999;} td /*do not change*/ {text-align:left;} a img, form /*do not change*/ {border:none; margin:0px; padding:0px;} /*do not change*/ select, select.no, input, input.no, textarea, textarea.no {font-size:12px; font-family:Arial;} .main /*background behind all boxes*/ {position:relative; width:754px; border:none; background-color:transparent!important; margin-bottom:5px; margin-top:4px; margin-left:auto; margin-right:auto; padding:8px 10px;} /* * * *Top Bar Links,News,Etc.* * * */ .topestMenuWrapper /*do not change*/ {position:relative; height:20px;} .topestMenu {position:absolute; top:-8px; left:-10px; width:774px; height:17px; padding-top:3px; border-bottom:4px solid #33CCFF; background-image:url(); background-color:transparent!important; font-size:11px; text-align:center;} .topestMenu a /*do not change*/ {margin-left:5px;} /* * * *Main LOGO & HELLO BAR* * * */ .topBlock /*do not change*/ {position:relative; height:60px; border:none; margin-bottom:0px; background-image:url('');} img.mainLogo /*do not change*/ {position:absolute; top:0px; left:3px;} /* * * *HOME, MEMBERS, BLOGS, ETC LINKS* * * */ .topMenuWrapper /*do not change*/ {position:relative; height:24px; z-index:100;} .topMenu /*do not change*/ {position:absolute; top:0px; left:3px; width:775px;} table.topMenuCont /*do not change*/ {width:100%; /*background-color:transparent!important;*/ /*border-collapse:collapse;*/} table.topMenuCont td /*do not change*/ {padding:0px; margin:0px;} .topMenuItem, .topMenuItemActive {border-top:none; border-left:0px; border-bottom:none; margin-right:18px; width:60px;} td.topMenuItemHover {border-top:none; border-left:none; border-bottom:none; width:60px} .topMenuItem .topMenuItemCont {background-image:url(); border-left:none; border-right:none; width:60px;} .topMenuItemActive .topMenuItemCont {background-image:url(); border-left:none; border-right:none; color:#339999;} .topMenuItemHover .topMenuItemCont {background-image:url();} .topMenuItemCont {text-align:center; background-color:transparent!important; height:19px; padding-top:3px; padding-left:3px; padding-right:3px; font-weight:bold; text-transform:capitalize; white-space:nowrap;} /* * * *NAME HEADER* * * */ .topPageHeader {font-weight:bold; font-size:20px; color:#339999; text-transform:capitalize; height:30px; margin-bottom:0px;} .topCustomMenu {margin-bottom:2px; font-size:12px; font-weight:bold; text-transform:capitalize; color:#339999; height:15px;} .topCustomMenu a, .topCustomMenu span {margin-right:9px; color:#339999;} .hiddenMenu {position:absolute; top:24px; left:64px; background-color:transparent!important; width:700px; height:65px; z-index:101; color:#339999;} .hiddenMenuCont /*do not change*/ {margin-top:8px; margin-left:14px; position:relative; color:#339999;} .clear_both_div /*do not change*/ {border-bottom:none; background-repeat:repeat-x; height:4px; font-size:1px; clear:both;} .Notice /*do not change*/ {padding:3px; width:70%; border:1px solid #33CCFF; background-color:transparent!important; margin:5px auto; text-align:center; color:black;} .bodyBlock {margin-top:75px; margin-bottom:13px; z-index:50;} .leftNavDiv /*do not change*/ {position:relative; width:182px; float:left; margin-right:8px;} .rightNavDiv /*do not change*/ {position:relative; width:749px; float:left; padding:0px; overflow:hidden;} /* * * *Copyright Box* * * */ .bottomBlock {position:relative; height40px; border:none;} .bottomTexts {font-size:11px; margin-top:8px; margin-left:65px; float:center;} .bottomTexts div /*do not change*/ {margin-bottom:1px;} .bottomLinks a /*do not change*/ {margin-right:2px;} /* * * *LOGIN* * * */ .loginDiv /*do not change*/ {position:relative; height:201px; border:none; margin-bottom:13px;} * html .loginDiv /*do not change*/ {margin-bottom:14px;} .shoutboxDiv /*do not change*/ {position:relative; border:none; margin-bottom:13px; height:241px;} * html .shoutboxDiv /*do not change*/ {height:242px;} .pollsDiv /*do not change*/ {position:relative; border:none;} .boxHeader {position:relative; background-image:url(''); background-repeat:repeat-x; height:22px; padding:4px 0px 0px 6px; font-size:10px; font-weight:bold; color:#339999; text-align:left; text-transform:uppercase;} .menu_item_link {text-decoration:none;} div.menu_item_line {position:relative; padding:0px 0px 0px 25px; margin:0px 0px 1px 0px; height:20px; line-height:20px; vertical-align:middle; font-weight:bold; text-transform:capitalize;} div.menu_item_line_active {position:relative; height:20px; line-height:20px; vertical-align:middle; font-weight:bold; text-transform:capitalize; padding:0px 0px 0px 25px; margin:0px 0px 1px 0px; background-image:url(); background-repeat:no-repeat; background-position:center;} /* * * *ALL HEADERS* * * */ /*background of headers*/ .disignBoxFirst {position:relative; border:none; margin-bottom:10px; background-image:url(''); background-repeat:repeat-x; background-color:transparent!important;} /*ALL header text colors & border under color*/ .boxFirstHeader {position:relative; height:17px; padding:3px 0px 0px 8px; font-size:12px; font-weight:bold; color:#339999; text-align:center; text-transform:uppercase; border-bottom:3px solid #33CCFF;} /*Inside of all boxes*/ .boxContent {position:relative; overflow:hidden; font-size:12px; color:#FFFFFF; border:1px solid #33CCFF; padding:3px 3px 10px 3px; background-color:transparent!important;} /*do not change*/ .disignBoxFirst .boxFirstHeader .dbTopMenu, .disignBoxFirst .boxFirstHeader .caption_item {position: absolute; top: 0px; right: 0px; white-space:nowrap; color: black!important; font-size: 11px; text-transform: capitalize; font-weight: bold;} .disignBoxFirst .boxFirstHeader .caption_item {padding-top:3px; padding-right:5px;} .dbTopMenu div {float: left; padding-left: 5px; padding-right: 5px; border-left:none; height:17px; padding-top:3px; position:relative;} .dbTopMenu div a, .dbTopMenu div a:link, .dbTopMenu div a:hover, .dbTopMenu div a:active, .dbTopMenu div a:visited, .caption_item a, .caption_item a:link, .caption_item a:hover, .caption_item a:active, .caption_item a:visited {text-decoration: none; color: #339999;} .caption_item a /*do not change*/ {margin-left:4px;} .dbTopMenu div.active/*do not change*/ {border-bottom:none;} .dbBottomMenu/*do not change*/ {position:relative;} div.playerAdminLink/*do not change*/ {position:relative; text-align:left; margin-bottom:15px;} .action/*do not change*/ {margin-top:20px;} /****POLLS****/ div.pollBlock {position:relative; overflow:hidden; height:154px; width:260px; border:none; text-align:left; float:left; margin-bottom:10px;} div.pollBody {border:none; margin:5px;} div.pollCaption {position:relative; margin:3px; padding:0px; overflow:hidden; height:15px; line-height:15px; vertical-align:middle; font-weight:bold; /*background-color:transparent!important; color:#339999;*/} div.pollAnswerBlock {position:relative; margin:2px; overflow:hidden; height:100px; border:none; text-align:left;} div.pollUp/*do not change*/ {position:absolute; left:2px; top:2px;} div.pollDown/*do not change*/ {position:absolute; left:2px; bottom:2px;} div.pollQuestionBlock/*do not change*/ {position:absolute; width:190px; padding:2px; overflow:hidden; margin-left:18px;} div.pollSubmitBlock {position:relative; margin:2px; overflow:hidden; height:30px; border:none; text-align:center;} .small {font-size:11px; color:#339999;} .text2 {border:none;} .pollContainer {position:relative; margin-top:2px; padding:10px; background-color:transparent!important; border:1px solid #33CCFF;} .createPollSection {position:relative; padding:10px; background-color:transparent!important; border:1px solid #33CCFF;} /****HELLO BLOCK****/ .topMemberBlock/*do not change*/ {position:absolute; right:5px; top:10px; height:50px; text-align:right; padding:3px; width:400px; font-size:11px;} /*do not change*/ .topMemberBlock .thumbnail_block, .HelloMemberBlock .thumbnail_block {margin-left:5px;} .hello_member/*do not change*/ {padding:7px 12px 0px; font-size:15px;} .hello_actions/*do not change*/ {text-transform:capitalize; font-size:11px;} .hello_actions span/*do not change*/ {margin-left:4px;} .no_hello_actions/*do not change*/ {font-size:18px; font-weight:bold; padding-right:10px; padding-top:9px;} .no_hello_actions a/*do not change*/ {margin-left:15px;} div.rate_text {text-align:center; font-weight:bold;} .menuLinkBlock {font-weight:bold; font-size:18px; text-decoration:underline; color:#339999;} .online_offline_bulb {position:absolute; z-index:10; right:0px; top:0px;} div.thumbnail_block img {border:2px solid #33CCFF; background-position:center; background-repeat:no-repeat;} /* * * *GENERAL-2* * * */ div.clear_both {clear:both; font-size:1px;} div.menuLinkBlock {padding-left:20px; background-repeat:no-repeat; background-image:url();} div.menuLinkBlock {font-weight:bold; margin-left:15px;} .boxContent .votes_small {position: relative; float:right; width:40%;} .votes_gray_big, .votes_gray_small {position:relative; float:left;} .votes_gray_big {height:32px; background-image:url()} .votes_gray_small {height:16px; background-image:url()} .votes_big b, .votes_small b {color:#339999; font-weight:bold; display:block; float:left; position: relative;} .votes_big b {font-size:18px; line-height:32px; margin-left:30px;} .galleryRate .votes_small {float:right; margin: 0px; padding: 0px; width:180px;} /* * * *PROFILE VIEW* * * */ #thin_column /*do not change*/ {width:372px; margin-right:10px;} #thick_column /*do not change*/ {width:372px;} .photo_title {position:center; float:center; font-size:11px; left:5px;} .iconBlockCont/*do not change*/ {white-space:nowrap; width:307px; margin-left:auto; margin-right:auto; border:none; z-index:15;} .scrollCont/*do not change*/ {position:absolute; width:346px; top:18px; left:0px; z-index:10;} .scrollIconContainer /*do not change*/ {position:relative; width:346px; top:0px; left:0px;} #profile_details_wrapper/*do not change*/ {font-weight:bold; padding-left:50px;} #profile_details_wrapper table/*do not change*/ {width:100%; border-collapse:collapse;} .profile_td_1,/*do not change*/ .profile_td_1_first {position:relative; width:100px;} .profile_td_2,/*do not change*/ .profile_td_2_first {position:relative;} #profile_details_wrapper .field {color:#339999; float:left;} #profile_details_wrapper .value {color:#339999; margin-left:5px; position:relative; float:left;} .profile_headline/*do not change*/ {font-size:15px; font-weight:bold;} .profile_td_1, .profile_td_1_first /*left side info color*/ {color:#339999;} .profile_td_2, .profile_td_2_first/*right side info color*/ {color:#FFFFFF;} .menu_item_block /*do not change*/ {position: relative;} .menu_item_block_left, .menu_item_block_right/*do not change*/ {position:relative; float:left; width:171px;} .menuLine/*do not change*/ {position:relative;} .menuLinkBlock/*do not change*/ {position:relative;} .comment_author {float:left; margin-right:12px; font-size:12px; position:relative;} .comment_view {font-size:12px;} .comment_text {background-color:transparent!important; border:none; font-size:12px; padding-left:59px;} .comment_row {border-bottom:2px solid #33CCFF;} div#comments_wrapper/*do not change*/ {position:relative; width:346px;} .comment_add_comment {position:relative; background-color:transparent!important; float:left; padding-left:25px; color:#339999; font-size:18px; font-weight:bold; background-image:url(''); background-repeat:no-repeat;} .sharePhotosContent {position: relative; float: left; width: 112px; margin-left: 1px; margin-right: 1px; overflow: hidden;} .lastFilesPic {position: relative; float: left; border: 1px solid #33CCFF; width: 110px; height: 110px; background-position: center; background-repeat: no-repeat; margin-right: 10px;} .sharePhotosContent .votes_small b {display: none; } .sharePhotosContent .votes_small .votes_gray_small {} .lastVideoPic {position: relative; float: left; border: 1px solid #33CCFF; width: 112px; height: 80px; margin-right: 10px; } .shareMusicContent {position: relative; float: left; width: 110px; margin-left: 2px; margin-right: 2px; overflow: hidden; .shareMusicContent .votes_small b {display: none;} .lastMusicPic {position: relative; float: left; border: 1px solid #33CCFF; width: 80px; height: 80px; margin-right: 10px; /*PROFILEVIEW.CSS*/ /*.divUnderCustomization {border:1px solid #33CCFF; padding:3px;}*/ #thin_column/*do not change*/ {position:relative; float:left;} #thick_column/*do not change*/ {position:relative; float:left;} /* .order_thin_thick/*do not change*/ {float:left;} .order_thick_thin/*do not change*/ {float:right;} .order_thin_thick#thin_column,/*do not change*/ .order_thick_thin#thick_column {margin-right:6px;}*/ #thin_column div.pollBlock/*do not change*/ {width:170px;} /* * * * Friend list * * * */ #container_friend_list .thumbnail_block/*do not change*/ {margin:0px;} .friends_thumb_1/*do not change*/ {position:relative; width:112px; float:left; margin: 0px 7px 7px 0px;} .friends_thumb_2/*do not change*/ {position:relative; width:112px; float:left; margin: 0px 0px 7px;} /*Profile Comments*/ .commentNew {color:#339999; font-size:9px; position:relative; top:-3px;} .comment_row {border-bottom:3px solid #33CCFF; margin-bottom:3px;} .comment_author/*do not change*/ {font-weight:bold;} .comment_text {border:none; background-color:#004455!important; padding:2px;} .comment_actions /*do not change*/ {/*background-color:#004455!important;*/ margin-bottom:2px; padding:2px; float:right;} .comment_replies /*do not change*/ {margin-left:8px;} .comment_textarea /*do not change*/ {width:99%;} /* * * * Profile Details * * * *//*do not change*/ #profile_details_wrapper/*do not change*/ {position:relative;} .profile_td_1,/*do not change*/ .profile_td_1_first {vertical-align:top; padding:2px;} .profile_td_2,/*do not change*/ .profile_td_2_first {padding:2px; font-weight:bold;} /* * * * Photos * * * */ .photoBlock/*do not change*/ {position:relative; text-align:center;} /*big photo border&position*/ .photo {border:4px solid #33CCFF; background-repeat:no-repeat; background-position:center;} .votingBlock/*do not change*/ {text-align:center;} .RatePhotoCont/*do not change*/ {margin:6px;} .icons:hover {border: 1px solid #33CCFF; background-color:transparent!important;} .icons {border: 2px solid #33CCFF; margin: 2px; cursor: pointer; background-position:center; background-repeat:no-repeat;} .iconBlockCont {position:relative; height:55px; border:#33CCFF!important; overflow:hidden;} .iconBlock/*do not change*/ {position:absolute; white-space:nowrap; float:left;} .scrollCont /*do not change*/ {} .scrollLeft /*do not change*/ {position:relative; float:left; cursor:default; font-weight:bold;} .scrollRight /*do not change*/ {position:relative; float:right; cursor:default; font-weight:bold;} </style> <hr> <object width="390" height="250"><param name="movie" value="http://www.youtube.com/v/3PNA3pVHjMU&rel=1"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/3PNA3pVHjMU&rel=1" type="application/x-shockwave-flash" wmode="transparent" width="390" height="250"></embed></object> <hr> <object width="390" height="250"><param name="movie" value="http://www.youtube.com/v/sNNdcFvNjyM&rel=1"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/sNNdcFvNjyM&rel=1" type="application/x-shockwave-flash" wmode="transparent" width="390" height="250"></embed></object>

.

.

.

.

.

.

..