Hey everyone 
I've been customising my contact panel so used this code along with my own image links:
<script>
function imvustylez_change_contact_imgs(){
imvustylez_data_str = document.getElementById("top_links").innerHTML;
if(imvustylez_data_str){
imvustylez_aviid = imvustylez_data_str.substring(imvustylez_data_str.lastIndexOf('=')+1,imvustylez_data_str.lastIndexOf('"'));
} else {
imvustylez_aviid = IMVU.data.customerID;
}
var imvustylez_hide_old_imgs = "<style> #contact_panel_body a img{display: none;} #contact_panel_extra_html_show a img{display: block !important;} #contact_images_by_imvustylez {border:0px; background-color:transparent;}</style>";
var imvustylez_final_string = "<center><div id='contact_images_by_imvustylez'><a href='imvu:StartIM?avatar=AVATARNAME&fromSite=1'><img alt='contacting' src='http://img207.imageshack.us/img207/4255/chatme.png' png' border='0' align=middle></a><a onclick='javascript:IMVU.messagePopupShow({force_recipient_id:" + imvustylez_aviid + "})' id='contact_panel_send_message'><img alt='message' src='http://img137.imageshack.us/img137/8147/messageme.png' border='0' align=middle></a><a href='http://www.imvu.com/catalog/web_add_contact.php?contact=AVATARNAME' target='_blank'><img alt='add contact' src='http://img263.imageshack.us/img263/3084/addmec.png' border='0' align=middle></a><a href='http://www.imvu.com/catalog/web_mypage.php?block=" + imvustylez_aviid + "' onclick='return confirm(\'Are you sure you want to block this user?\n- to block this user, hit OK\n- otherwise, hit Cancel\');'><img alt='block' src='http://img152.imageshack.us/img152/5478/blockme.png' png' border='0' align=middle></a></div></center>";
document.write(imvustylez_hide_old_imgs + imvustylez_final_string);
}
imvustylez_change_contact_imgs();
</script>
BUT I want all the images/buttons to align in a horizontal row, not in a centered list.
This sounds dumb I know but I'm crap at alignments and tweaky stuff
any ideas?
thanks in advance,
jenifer
xoxox
I've been customising my contact panel so used this code along with my own image links:<script>
function imvustylez_change_contact_imgs(){
imvustylez_data_str = document.getElementById("top_links").innerHTML;
if(imvustylez_data_str){
imvustylez_aviid = imvustylez_data_str.substring(imvustylez_data_str.lastIndexOf('=')+1,imvustylez_data_str.lastIndexOf('"'));
} else {
imvustylez_aviid = IMVU.data.customerID;
}
var imvustylez_hide_old_imgs = "<style> #contact_panel_body a img{display: none;} #contact_panel_extra_html_show a img{display: block !important;} #contact_images_by_imvustylez {border:0px; background-color:transparent;}</style>";
var imvustylez_final_string = "<center><div id='contact_images_by_imvustylez'><a href='imvu:StartIM?avatar=AVATARNAME&fromSite=1'><img alt='contacting' src='http://img207.imageshack.us/img207/4255/chatme.png' png' border='0' align=middle></a><a onclick='javascript:IMVU.messagePopupShow({force_recipient_id:" + imvustylez_aviid + "})' id='contact_panel_send_message'><img alt='message' src='http://img137.imageshack.us/img137/8147/messageme.png' border='0' align=middle></a><a href='http://www.imvu.com/catalog/web_add_contact.php?contact=AVATARNAME' target='_blank'><img alt='add contact' src='http://img263.imageshack.us/img263/3084/addmec.png' border='0' align=middle></a><a href='http://www.imvu.com/catalog/web_mypage.php?block=" + imvustylez_aviid + "' onclick='return confirm(\'Are you sure you want to block this user?\n- to block this user, hit OK\n- otherwise, hit Cancel\');'><img alt='block' src='http://img152.imageshack.us/img152/5478/blockme.png' png' border='0' align=middle></a></div></center>";
document.write(imvustylez_hide_old_imgs + imvustylez_final_string);
}
imvustylez_change_contact_imgs();
</script>
BUT I want all the images/buttons to align in a horizontal row, not in a centered list.
This sounds dumb I know but I'm crap at alignments and tweaky stuff
any ideas?
thanks in advance,
jenifer
xoxox