MyBB Community Forums

Full Version: Myspace Profile Mod
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Pages: 1 2 3 4 5 6 7 8 9
BUMP!!!!!!! Yea!!!!!!! Toungue Rolleyes
The BETA 2 is out while developing first release. You only need this one if you prefer it to keep the mybb header and footer (WITHOUT interference) Big Grin!

I felt that the interests and details boxes are best to leave look of contents right now. But captions of the boxes have been changed to "thead" class. Tell me any bugs or problems. PM me if you have any new suggestions or want to help me out with the PHP end of things. Here's Beta 2. Sorry, still can't make plugin Sad.

Replace the template "user_custom_profile" with this:

<html>
<head><title>{$memprofile['username']}'s Profile</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-9">

<link rel="stylesheet" type="text/css" href="css/header002.css" />
<style type="text/css">

td.columnsWidening img,td.columnsWidening object {max-width:100% !important;width: expression(this.width > 400 ? 400 : true);}
td.columnsWidening img,td.columnsWidening object {max-width:100% !important;width: expression(this.width > 400 ? 400 : true);}
/* TEXT DEFAULTS */

.text{font-family:verdana,arial,sans-serif,helvetica; font-size:8pt; 
color:#000; font-weight:normal;}

.spacetext{font-family:arial,verdana,arial,sans-serif,helvetica; 
line-height: 18pt;font-size:10pt; color:#000; font-weight:normal;}

.redtext{font-family:verdana,arial,sans-serif,helvetica; 
font-size:10pt; color:#c00; font-weight:normal;}

.redtext8{font-family:verdana,arial,sans-serif,helvetica; 
font-size:8pt; color:#c00; font-weight:normal;}

.redtext8b{font-family:verdana,arial,sans-serif,helvetica; 
font-size:8pt; color:#c00; font-weight:bold;}

.redbtext{font-family:verdana,arial,sans-serif,helvetica; 
font-size:10pt; color:#c00; font-weight:normal;}

.redtext12b{font-family:verdana,arial,sans-serif,helvetica; 
font-size:12pt; color:#c00; font-weight:bold;}


.bluebtext{font-family:verdana,arial,sans-serif,helvetica; 
font-size:10pt; color:#039; font-weight:normal;}

.bluetext13{font-family:verdana,arial,sans-serif,helvetica; 
font-size:13pt; color:#039; font-weight:bold;}

.redbtext{font-family:verdana,arial,sans-serif,helvetica; 
font-size:10pt; color:#c00; font-weight:normal;}

.utext{font-family:verdana,arial,sans-serif,helvetica; 
text-decoration:underline; font-size:9pt; color:#000; font-weight:normal;}

.orangetext{font-family:verdana,arial,sans-serif,helvetica; 
font-size:10pt; color:#FF9800; font-weight:bold;}

.orangetext2{font-family:verdana,arial,sans-serif,helvetica; 
font-size:8pt; color:#f93; font-weight:bold;}

.orangetext15{font-family:verdana,arial,sans-serif,helvetica; 
font-size:9pt; color:#f60; font-weight:bold;}

.lightbluetext8{font-family:verdana,arial,sans-serif,helvetica; 
font-size:8pt; color:#369; font-weight:bold;}

.bluetext{font-family:verdana,arial,sans-serif,helvetica; 
font-size:10pt; color:#039; font-weight:normal;}

.bluetext8{font-family:verdana,arial,sans-serif,helvetica; 
font-size:8pt; color:#039; font-weight:bold;}

.whitetext7{font-family:verdana,arial,sans-serif,helvetica;
font-size:7pt; color:#fff;font-weight:bold;}

.whitetext11{font-family:verdana,arial,sans-serif,helvetica; 
font-size:11pt; color:#fff; font-weight:bold;}

.whitetext12{font-family:verdana,arial,sans-serif,helvetica; 
font-size:9pt; color:#fff; font-weight:bold;}

.whitetext15{font-family:verdana,arial,sans-serif,helvetica; 
font-size:15pt; color:#fff; font-weight:bold;}

.blacktext15{font-family:verdana,arial,sans-serif,helvetica; 
font-size:15pt; color:#000; font-weight:normal;}

.blacktext13{font-family:verdana,arial,sans-serif,helvetica; 
font-size:13pt; color:#000; font-weight:bold;}

.blacktext12{font-family:verdana,arial,sans-serif,helvetica; 
font-size:12pt; color:#000; font-weight:bold;}

.blacktext11{font-family:verdana,arial,sans-serif,helvetica; 
font-size:11pt; color:#000; font-weight:bold;}

.nametext{font-family:verdana,arial,sans-serif,helvetica; 
font-size:12pt; color:#000; font-weight:bold;}

.blacktext12nb{font-family:verdana,arial,sans-serif,helvetica; 
font-size:12pt; color:#000; font-weight:normal;}

.blacktext10{font-family:verdana,arial,sans-serif,helvetica; 
font-size:10pt; color:#000; font-weight:bold;}

.blacktext10nb{font-family:verdana,arial,sans-serif,helvetica; 
font-size:10pt; color:#000; font-weight:normal;}

.blacktext9{font-family:verdana,arial,sans-serif,helvetica; 
font-size:9pt; color:#000; font-weight:bold;}

.blacktext8{font-family:verdana,arial,sans-serif,helvetica; 
font-size:8pt; color:#000; font-weight:bold;}

.blacktext8nb{font-family:verdana,arial,sans-serif,helvetica; 
font-size:8pt; color:#000; font-weight:normal;}

.blacktext7{font-family:verdana,arial,sans-serif,helvetica; 
font-size:7pt; color:#000; font-weight:normal;}

.footer{font-family:verdana,arial,sans-serif,helvetica; font-size:8pt; 
color:#000; font-weight:bold;}

.skip{font-family:verdana,arial,sans-serif,helvetica; font-size:8pt; 
color:#000; font-weight:normal; text-align:right;}

.blacktext14bu{font-family:verdana,arial,sans-serif,helvetica; 
font-size:14pt; color:#000; font-weight:normal; text-decoration:underline;}

/* Background */
.bgWhite{background:#FFF;}
.bgBlue{background:#039;}
.bgLtBlue{background:#D5E8FB;}
.bgDkBlue{background:#040C5C;}
.bgNavBlue{background:#6698CB;}
.bgGrey{background:#E5E5E5;}
.bgDkGrey{background:#666;}
.bgRed{background:#C00;}
.bgPeach{background:#FC9;}
.bgPurple{background:#96C;}
.bgGreen{background:#090;}
.bgOrange{background:#F60;} /* Alternative #FF9800 */
.bgBlack{background:#000;}

/* Border */
.borWhite{border:1px solid #FFF;}
.borWhiteT{border-top:1px solid #FFF;}
.borBlue{border:1px solid #039;}
.borLtBlue{border:1px solid #D5E8FB}
.borLtBlueB{border-bottom:1px solid #D5E8FB}
.borDkBlue{border:1px solid #040C5C;}
.borNavBlue{border:1px solid #6698CB;}
.borNavBlueT{border-top:1px solid #6698CB;}
.borNavBlueB{border-bottom:1px solid #6698CB;}
.borNavBlueL{border-left:1px solid #6698CB;}
.borNavBlueR{border-right:1px solid #6698CB;}
.borLtBlue{border:1px solid #D5E8FB}
.borDkBlue{border:1px solid #040C5C;}
.borNavBlue{border:1px solid #6698CB;}
.borGrey{border:1px solid #E5E5E5;}
.borDkGrey{border:1px solid #666;}
.borDkGreyT{border-top:1px solid #666;}
.borDkGreyL{border-left:1px solid #666;}
.borDkGreyR{border-right:1px solid #666;}
.borRed{border:1px solid #C00;}
.borPeach{border:1px solid #FC9;}
.borPurple{border:1px solid #96C;}
.borGreen{border:1px solid #090;}
.borOrange{border:1px solid #F60;} /* Alternative #FF9800 */
.borBlack{border:1px solid #000;}

/* Font Color */
.txtWhite{color:#FFF;}
.txtBlue{color:#039;}
.txtLtBlue{color:#D5E8FB}
.txtDkBlue{color:#040C5C;}
.txtNavBlue{color:#6698CB;}
.txtGrey{color:#E5E5E5;}
.txtDkGrey{color:#666;}
.txtRed{color:#C00;}
.txtPeach{color:#FC9;}
.txtPurple{color:#96C;}
.txtGreen{color:#090;}
.txtOrange{color:#F60;} /* Alternative #FF9800 */
.txtBlack{color:#000;}

/* Font Size */
.txt1{font-size:1em;}
.txt2{font-size:1.25em;}
.txt3{font-size:1.5em;}
.txt4{font-size:1.75em;}
.txt5{font-size:2em;}

/* Font Alignment */
.txtleft{text-align:left;}
.txtcenter{text-align:center;}
.txtright{text-align:right;}
.txtjustify{text-align:justify;}

/* Font Line Height */
.txtL2{line-height:125%;}
.txtL3{line-height:150%;}
.txtL4{line-height:175%;}
.txtL5{line-height:200%;}

/* Links */
.whiteLink a{color:#FFF;text-decoration:none; font-weight:normal;}
.noline a{text-decoration:none;}

/* Dimensions */
/* Widths */
.w10{width:10px;}
.w20{width:20px;}
.w25{width:25px;}
.w50{width:50px;}
.w75{width:75px;}
.w100{width:100px;}
.w125{width:125px;}
.w150{width:150px;}
.w175{width:175px;}
.w200{width:200px;}
.w210{width:210px;}
.w225{width:225px;}
.w250{width:250px;}
.w260{width:260px;}
.w270{width:270px;}
.w275{width:275px;}
.w300{width:300px;}
.w325{width:325px;}
.w350{width:350px;}
.w375{width:375px;}
.w400{width:400px;}
.w450{width:450px;}
.w500{width:500px;}
.w525{width:525px;}
.w550{width:550px;}
.w600{width:600px;}
.w625{width:625px;}
.w650{width:650px;}
.w800{width:800px;}
/* Heights */
.h15{height:15px;}
.h20{height:20px;}
.h25{height:25px;}
.h50{height:50px;}
.h75{height:75px;}
.h100{height:100px;}
.h125{height:125px;}
.h150{height:150px;}
.h175{height:175px;}
.h200{height:200px;}
.h225{height:225px;}
.h250{height:250px;}
.h275{height:275px;}
.h300{height:300px;}
.h325{height:325px;}
.h350{height:350px;}
.h375{height:375px;}
.h400{height:400px;}

/* Padding */
.noPad{padding:0;}
.pad2{padding:2px;}
.pad3{padding:3px;}
.pad5{padding:5px;}
.pad10{padding:10px;}
.padTB5{padding:5px 0;}
.padTB10{padding:10px 0;}
.padTB15{padding:15px 0;}
.padRL5{padding:0 5px;}
.padRL10{padding:0 10px;}
.padRL15{padding:0 15px;}
.padRL20{padding-left:20px; padding-right:20px;}


/* Margin */
.noMar{margin:0;}
.mar2{margin:2px;}
.mar3{margin:3px;}
.mar5{margin:5px;}
.mar10{margin:10px;}
.marTB5{margin:5px 0;}
.marTB10{margin:10px 0;}
.marTB15{margin:15px 0;}
.marRL5{margin:0 5px;}
.marRL10{margin:0 10px;}
.marRL15{margin:0 15px;}
.marRL20{margin-right:20px; margin-left:20px;}

/* Visibility */
.off{display:none;}
.on{display:block;}

#greybox {
	clear: both;
	width: 458px;
	margin: 10px 0 0;
	position: relative;
	background-color: #F2F5F7;
	border: solid 1px #D0E4FD;
}
.BoxedAdLinks {
	font-family:Verdana,Arial,Helvetica; 
	font-size:9pt; 
	font-weight:normal; 
	color:#039;
	}

/* Online Now Image Size Override */
.ImgOnlineNow { width:80px !important; height:20px !important;}

</style>
{$headerinclude}
</head>
<body alink="4e607b" link="4e607b" vlink="4e607b" bottommargin="0" leftmargin="0" rightmargin="0" topmargin="0" style="visibility:visible;" >
{$headerinclude}
{$header}
{$headerinclude}
<div class="clear">&nbsp;</div><link id="ctl00_Main_defaultProfileStyles" rel="stylesheet" type="text/css" href="css/profile001.css"></link><table id="profileV1main" width="800" border="0" cellspacing="0" cellpadding="0" align="center"><tr align="center" ><td width="20" bgcolor="FFFFFF"><img src="http://x.myspace.com/images/clear.gif" width="15" height="2" border="0"></td><td width="780" align="center" bgcolor="FFFFFF"><table cellspacing="0" cellpadding="0" border="0"><tr><td width="275" height="33" align="center" valign="top" bgcolor="FFFFFF"><br/><table height="100" cellspacing="0" cellpadding="0" width="300" border="0" class="profileInfo"><tr><td class="text" valign="bottom" align="left" width="300"  colspan="3" style="WORD-WRAP:break-word"><span class="nametext">{$memprofile['username']}</span><br /></td></tr><tr><td>
<table id="Table2" cellspacing="0" cellpadding="0" width="300" align="center"><tr><td class="text" width="75" height="75"><img border="0" alt="" src="{$memprofile['avatar']}" /><br/>{$groupimage}<br/><td>
<td width="15" height="75" class="text"><img src="http://x.myspace.com/images/clear.gif" width="15" height="8" border="0" alt=""></td></td><td class="text" width="193" height="75" align="left">"{$userfields['fid17']}"<br><br>{$userfields['fid3']}<br>{$membdayage}<br>{$userfields['fid1']}<br>{$userfields['fid7']}
<br><br>{$onlinestatus}
<br /><br>Last Login: {$memlastvisitdate} {$memlastvisittime}<br></td></tr><tr><td colspan="3" style="padding-left:3px;"><b></b></td></tr><tr valign="middle"></tr></table></td></tr></table><br><table border="1" cellspacing="0" cellpadding="0" width="300" backcolor="#ffffff"><tr><td class="thead">&nbsp;&nbsp;&nbsp;<strong>Contacting&nbsp;{$memprofile['username']}</strong></td></tr><tr><td class="tdborder"><table class="trow1" border="0" cellspacing="0" cellpadding="0" width="300" bordercolor="#000000" bgcolor="#ffffff"><tr>
<td><img src="http://x.myspace.com/images/clear.gif" width="1" height="5" border="0"/></td></tr><tr><td width="120" height="5" nowrap align="center" class="text"><a href="private.php?action=send&uid={$memprofile['uid']}" id="ctl00_Main_ctl00_UserContactLinks1_MailLink"><img src="images/mail_1.gif" border="0" align="middle" /></a></td><td width="15" height="5"><img src="http://x.myspace.com/images/clear.gif" width="15" height="8" border="0"></td><td width="120" height="5" nowrap align="center" class="text"><a href="usercp.php?action=editlists" id="ctl00_Main_ctl00_UserContactLinks1_ForwardLink"><img src="http://x.myspace.com/images/profile/friend_1.gif" border="0" align="middle" /></a></td></tr><tr><td width="130" nowrap height="5" align="center" class="text" valign="top"><a href="reputation.php?uid={$memprofile['uid']}" id="ctl00_Main_ctl00_UserContactLinks1_RateFriendLink"><img src="http://x.myspace.com/images/profile/rank_1.gif" border="0" align="middle" /></a></td><td width="15" height="5"><img src="http://x.myspace.com/images/clear.gif" width="15" height="1" border="0"/></td><td width="130" nowrap height="5" align="center" class="text" valign="top"><a href="usercp.php?action=editlists" id="ctl00_Main_ctl00_UserContactLinks1_BlockFriendLink"><img src="http://x.myspace.com/images/profile/block_1.gif" border="0" align="middle" /></a></td>
</tr><tr><td colspan="3"><img src="http://x.myspace.com/images/clear.gif" width="1" height="2" border="0"/></td></tr><tr><td colspan="3"><img src="http://x.myspace.com/images/clear.gif" width="1" height="2" border="0" valign="bottom"/></td></tr><tr></tr><tr><td><img src="http://x.myspace.com/images/clear.gif" width="1" height="5" border="0"/></td></tr></table></td></tr></table><br><table class="userProfileURL" border="0" align="center" cellspacing="0" cellpadding="1" width="300"><tr><td height="10" valign="top"><img src="http://x.myspace.com/images/1by1.gif" width="1" height="10"></td></tr><tr valign="top"><td bgcolor="#6699cc" align="center"><table bgcolor="#ffffff" width="100%" border="0" cellspacing="0" cellpadding="0"><tr class="userProfileURL"><td><table width="100%" border="0" cellspacing="0" cellpadding="0" align="center"><tr><td width="70%"><div align="left"><strong>&nbsp;{$memprofile['username']}'s Website:&nbsp;</strong></div></td><td width="30%"></td></tr></table></td></tr><tr class="userProfileURL"> 
<td><div align="left">&nbsp;&nbsp;{$memprofile['website']}&nbsp;&nbsp;</div></td></tr></table></td></tr><tr><td height="10" valign="top"><img src="http://x.myspace.com/images/1by1.gif" width="1" height="10"></td></tr></table><br /><table id="Table1" bordercolor="#6699cc" cellspacing="0" cellpadding="0" width="300" bgcolor="#ffffff" border="1" class="interestsAndDetails"><tr><td class="thead">&nbsp;&nbsp;&nbsp;<strong>
{$memprofile['username']}'s Interests</strong></td></tr><tr valign="top"><td class="tdborder"><table id="Table2" bordercolor="#000000" cellspacing="3" cellpadding="3" width="300" align="center" bgcolor="#ffffff" border="0"><tr id=GeneralRow><td valign="top" align="left" width="100" bgcolor="#b1d0f0" NOWRAP><span class="lightbluetext8">General</span></td><td id="ProfileGeneral" width="175" bgcolor="#d5e8fb" style="WORD-WRAP: break-word">{$userfields['fid11']}</td></tr></table></td></tr></table><br><table class="userProfileDetail" bordercolor="#6699cc" cellspacing="0" cellpadding="0" width="300" bgcolor="#ffffff" border="1"><tr><td class="thead">&nbsp;&nbsp;&nbsp;<strong>&nbsp;{$memprofile['username']}'s Details</strong></td></tr><tr valign="top"><td class="tdborder"><table bordercolor="000000" cellspacing="3" cellpadding="3" width="300" align="center" bgcolor="ffffff" border="0"><tr><td><span class="text"><tr id=Status:Row><td valign="top" align="left" width="100" bgcolor="#b1d0f0"><span class="lightbluetext8 label">Status:</span></td><td id="ProfileStatus:" width="175" bgcolor="#d5e8fb" style="WORD-WRAP: break-word">{$userfields['fid12']}</td></tr><tr id=Orientation:Row><td valign="top" align="left" width="100" bgcolor="#b1d0f0"><span class="lightbluetext8 label">Orientation:</span></td><td id="ProfileOrientation:" width="175" bgcolor="#d5e8fb" style="WORD-WRAP: break-word">{$userfields['fid13']}</td></tr><tr id=Zodiac Sign:Row><td valign="top" align="left" width="100" bgcolor="#b1d0f0"><span class="lightbluetext8 label">Zodiac Sign:</span></td><td id="ProfileZodiac Sign:" width="175" bgcolor="#d5e8fb" style="WORD-WRAP: break-word">{$userfields['fid14']}</td></tr></span></td></tr></table></td></tr></table><br/></td><td valign="top" align="center" width="15"><img id="ctl00_Main_ctl00_Img2" height="1" width="20" border="0" /></td><td class="text" valign="top" align="center" width="435"><br/><br /><br /><br/><table bordercolor="ffcc99" cellspacing="0" cellpadding="0" width="435" bgcolor="ffcc99" border="0" class="blurbs"><tr><td class="text" valign="center" align="left" width="300" bgcolor="ffcc99" height="17" wrap="" style="word-wrap: break-word">&nbsp;&nbsp;&nbsp;<span class="orangetext15">{$memprofile['username']}'s Blurbs</span><br/><span class="text"></span></td></tr><tr><td><table bordercolor="000000" cellspacing="3" cellpadding="3" width="435" align="center" border="0"><tr><td valign="top" align="left" width="435" style="word-wrap: break-word"><span class="orangetext15">About me:</span><br/><span class="text">{$userfields['fid2']}{$headerinclude}</span></td></tr><tr><td valign="top" align="left" width="435" style="word-wrap: break-word"><span class="orangetext15">Who I'd like to meet:</span><br/><span class="text">{$userfields['fid15']}</span></td></tr><tr><td valign="top" align="left" width="435" style="word-wrap: break-word"><span class="text">{$buddies}</span></td></tr><tr><td valign="top" align="left" width="435" style="word-wrap: break-word"><span class="text">{$activity_location}</span></td></tr><tr><td valign="top" align="left" width="435" style="word-wrap: break-word"><span class="text">{$usergb}</span></td></tr>{$adminoptions}</table></td></tr></table><br><style type="text/css">
.commentlinks a { font-weight:normal; font-size:9px; }
</style><img id="ctl00_Main_ctl00_UserComments1_indimg" width="1" height="1" /></td></tr></table></td></tr></table><STYLE type=text/css>
         #tkn_leaderboard{visibility:visible !important; display:inline !important;}
        body TABLE TD DIV#header_gae {     VISIBILITY: visible !important;}
        
        body DIV DIV select#profileaction{VISIBILITY: visible !important; display:inline !important; position:static; WIDTH: 125px !important;}
        body DIV DIV DIV#profilelinks{ VISIBILITY: visible !important; display:inline !important; position:static; padding-right:15px; }
        
        body DIV TABLE TD DIV#googlebar 
        {
            VISIBILITY: visible !important;            
            display:block !important;
            position:relative;
            z-index:1000;
        }
       
         body DIV DIV form #q,
         body DIV DIV form #t,
         body DIV DIV form #submitBtn,
         body DIV DIV form #imgGoogle         
        {
            VISIBILITY: visible !important; 
            display:inline !important; 
            position:static;
        }

</STYLE><style>a .text { font-weight: bold; font-family: Arial, Helvetica, sans-serif; }</style><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr bgcolor="#e5e5e5" valign="top"><td><div align="center"><br />Based on Myspace.com<br /><font  face="Arial, Helvetica, sans-serif" size="0">Created by mykeled123 (more names can be here if you help with this project)</font><img src="http://nb.myspace.com/isf.gif?AUHQ=82259F5B24481BFEC606E405271C1B9E" /></div></td></tr></table><!-- Footer:Profiles End --><style type="text/css">
		body, html {visibility:visible !important; display:block !important}
</style><script type="text/javascript">
	onlineNowInfoURL="http://onlinenow.myspace.com/OnlineNow/UsersOnline.html";
	If {$onlinestatus} = {$postbit_online} {
onlineNowImage=new Image();
onlineNowImage.src="http://x.myspace.com/images/onlinenow.gif";
Else
onlineNowImage=new Image();
onlineNowImage.src="http://i.myspace.com/site/images/clear.gif";
	}
</script>
{$footer}
</body>
</html>


As always, you would it to be long.
Hope it well and please give feedback.
IMPORTANT: MAJOR FUNCTION LEFT OUT. HAS BEEN FIXED IN CODE ABOVE.
IF YOU HAVE USED THE CODE ABOVE, REDO IT AGAIN, BECAUSE IT HAS BEEN REVISED. ADMIN OPTIONS WERE LEFT OUT. HS BEEN FIXED.
Bump

Until I learn how to make a plugin and PHP, the actual release will have to be postponed. Until then, though, I will keep on making as many improvements and additions as I can.
I like the idea. I'll test it out on my test board and may use it on my forum if I like it.
Woah, this is awesome. Makes your profile look exactly like the myspace one. Great mod Big Grin
Thanx, I'm glad you like it! If you can suggest anything to add to it, I'd love to include new features. It may just be me, but I feel something is missing?
ToungueToungueToungueToungueToungue
Bump!
ToungueToungueToungueToungueToungue
nice plugin though it could cause some problems
ToungueToungueToungueToungueToungue
Bump!
ToungueToungueToungueToungueToungue
Pages: 1 2 3 4 5 6 7 8 9