Friends and comment bar Options

[kiwie]

Hello guys
i used a layout from your website for myspace . But there is no Friend and comment box in this layout.
Is there a way yo add them? Thx

Sorry bad english

[Mikeplyts]

First of all, is the layout for Profile 1.0 or Profile 2.0?

[kiwie]

Profile 1.0

[Mikeplyts]

Well, I guess you'll have to make div sections to display your friends and a comment box.

First off, add this to your About Me:

CODE

<style>
.friends {
position:absolute;
top:###px !important;
_top:###px !important;
left:50% !important;
_left:50% !important;
margin-left:-###px !important;
_margin-left:-###px !important;
width:###px;
height:###px;
overflow:auto;
}
.cmnt_box {
position:absolute;
top:###px !important;
_top:###px !important;
left:50% !important;
_left:50% !important;
margin-left:-###px !important;
_margin-left:-###px !important;
width:###px;
height:###px;
overflow:auto;
}
.cmnt_input {
width:###px;
height:###px;
font-family:###;
font-size:###px;
color:######;
background-color:######;
border-width:###px;
border-color:######;
border-style:solid;
overflow:auto;
}
.cmnt_button {
width:###px;
font-family:###;
font-size:###px;
color:######;
background-color:######;
border-width:###px;
border-color:######;
border-style:solid;
}
</style>

Just replace the ### with your own values until you get it positioned where you want and the height/width of it. Also, if you want to add other properties (that being if you know CSS), feel free to do so.

Next, we will display your friends. Take note on this however, we will only be displaying the friends you want displayed and we're doing it manually. So, add this to your I'd Like to Meet: (We will be displaying only 8 friends.)

CODE

<div class="friends">
<a href="FRIEND_URL" target="_self"><img src="IMAGE_URL_FOR_FRIEND_PIC" border="0" alt="FRIEND_NAME"></a> <a href="FRIEND_URL" target="_self"><img src="IMAGE_URL_FOR_FRIEND_PIC" border="0" alt="FRIEND_NAME"></a> <a href="FRIEND_URL" target="_self"><img src="IMAGE_URL_FOR_FRIEND_PIC" border="0" alt="FRIEND_NAME"></a> <a href="FRIEND_URL" target="_self"><img src="IMAGE_URL_FOR_FRIEND_PIC" border="0" alt="FRIEND_NAME"></a> <a href="FRIEND_URL" target="_self"><img src="IMAGE_URL_FOR_FRIEND_PIC" border="0" alt="FRIEND_NAME"></a> <a href="FRIEND_URL" target="_self"><img src="IMAGE_URL_FOR_FRIEND_PIC" border="0" alt="FRIEND_NAME"></a> <a href="FRIEND_URL" target="_self"><img src="IMAGE_URL_FOR_FRIEND_PIC" border="0" alt="FRIEND_NAME"></a> <a href="FRIEND_URL" target="_self"><img src="IMAGE_URL_FOR_FRIEND_PIC" border="0" alt="FRIEND_NAME"></a>
</div>

For this, just replace the fillers with the correct info. -
FRIEND_URL - this will be the URL (address) to your friend's profile.
IMAGE_URL_FOR_FRIEND_PIC - this will be the image URL for your friend's picture. You can just save their picture to your computer, upload to a site like Photobucket.com, copy the direct link (image URL), and paste where it says IMAGE_URL_FOR_FRIEND_PIC.
FRIEND NAME - this will be the name of your friend or their username.

Ok, now, we will add the comment box. Paste this code into your I'd Like to Meet:

CODE

<div class="cmnt_box">
<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="XXXXXXXX" type="hidden"><textarea name="f_comments" class="cmnt_input"></textarea>
<br> <input value="submit" class="cmnt_button" type="submit"> <input value="reset" class="cmnt_button" type="reset"></form>
</div>

Replace the XXXXXXXX with your friend id. You can find this by looking at this tutorial. The text area and the buttons will already be defined in the CSS in the About Me section. You can add and/or edit the properties by looking at the .cmnt_input and the .cmnt_button classes in the CSS.

Once you've done all that, click "Save Changes" and you're done!

[kiwie]

Thank you! ill try