Profilo come nell'immagine

Salve, Como posso realizzare un profilo come nell'immagine?

Codice:

jQuery(document).ready(function () { if (jQuery('#profile-advanced-right').length) { var avataripb = jQuery('#profile-advanced-right .main-content.clearfix.center img:first-child').attr('src'); var tabsipb = jQuery('#profile-advanced-layout #profile-advanced-left #tabs').html(); var infoipbge = jQuery('#profile-advanced-left #profile-advanced-details .middleline').html(); var listfriends = jQuery('.main-content.clearfix[style^="padding:0.3em;text-align:center;"]').html(); var prfiletoadd = jQuery('#profile-advanced-right #profile-advanced-add').html(); var usernameipb = jQuery('#profile-advanced-right .module.main:eq(0) .main-head .h3').text().split(' (conectado)').join(''); var miregistro = jQuery('.middleline #field_id-4 dd div:eq(0)').html(); var monedas = jQuery('.middleline #field_id-13 dd div:eq(0)').html(); var reputipb = jQuery('.middleline #field_id-14 dd div:eq(0)').html(); var mid = jQuery('#profile-advanced-layout #tabs li:eq(3) a').attr('href').match(/[0-9]+/); var onlineipb = jQuery('#profile-advanced-right .main-head:eq(0) .h3 em').text().replace(/[(]/gi, ' ').replace(/[)]/gi, ' '); jQuery('#profile-advanced-right').after('<div class="ipb-profile"><div class="nav-ipb-top"><span>Viewing Profile:  <span id="useridhahs"> ' + usernameipb + '</span></span></div><div class="mod-left"><div class="profile-ava"><img id="ipd-avatar" src="' + avataripb + '" /> </div><div class="ipb-tab-us">' + tabsipb + '</div></div><div class="mod-center"><div class="sub-panel-top"><div class="usernam-ipb">' + usernameipb + '</div><div class="register-date">Registered: &nbsp; ' + miregistro + '</div><div class="ofline-ipb">Copyrightˆ& nbsp; PunBB.biz & nbsp;& & nbsp; 15-Tronos</div><div class="lass-activiti"></div><div class="rating-profile"><img src="http://i.imgur.com/jFLWgyz.png"/><img src="http://i.imgur.com/jFLWgyz.png"/><img src="http://i.imgur.com/jFLWgyz.png"/><img src="http://i.imgur.com/jFLWgyz.png"/><img src="http://i.imgur.com/jFLWgyz.png"/></div><div class="profi-add-ipb">' + prfiletoadd + '<a id="men"href="/privmsg?mode=post&u=' + mid + '">Send PM</a><a id="search-i"href="/spa/' + usernameipb + '">Search Posts</a></div></div><div class="main-info-ipb"><div class="co-ipb" id="profile"><div class="ipb-m-title"><h2 id="wallcomment">Profile Comments</h2><h2 id="estadis">Profile Details</h2><h2 id="estadisgene"><span>Statistic</span></h2><h2 id="friends">Friends</h2><h2 id="contacto">Contact</h2></div><div class="mensajeprofile"></div><div class="m-info-ipb"><div class="in-ipb">' + infoipbge + '<div class="contac-me-ipb"></div></div><div class="band-right"><div class="repu-ipb"><span id="cs">' + monedas + '</span><div id="sub">Points</div></div><div class="coin-ipb"><span>' + reputipb + '</span><div iid="re-p"> Reputation</div></div><div class="module-ipb-right"><h2>Friends</h2><div class="main-ipb-f">' + listfriends + '</div></div></div></div><div class="estadis-ipb"></div><div class="friends-ips"></div><div class="contact-ips"></div></div></div></div></div>'); } }); $(document).ready(function () { if (jQuery('#profile-advanced-right').length) { $('.estoyenline-i:contains("conectado") .ofline-ipb').attr('style', 'display:none;'); $('.estoyenline-i:contains("conectado")').attr('style', 'padding:0px 5px;'); var linkwall = jQuery('#tabs ul li a:eq(0)').attr('href'); jQuery(".mensajeprofile").load(linkwall + ' #profile-advanced-details .main-content'); var linkestaipb = jQuery('#tabs ul li a:eq(2)').attr('href'); jQuery(".estadis-ipb").load(linkestaipb + ' #profile-advanced-details .main-content'); jQuery(".lass-activiti").load(linkestaipb + ' #profile-advanced-details .main-content.clearfix .stats-field.genmed ul li:contains("Última visita :")'); var linkfriendipb = jQuery('#tabs ul li a:eq(3)').attr('href'); jQuery(".friends-ips").load(linkfriendipb + ' #profile-advanced-details .main-content'); var linkcontaipb = jQuery('#tabs ul li a:eq(4)').attr('href'); jQuery(".contact-ips").load(linkcontaipb + ' #profile-advanced-details .main-content'); } }); $(document).ready(function () { if (jQuery('#profile-advanced-right').length) { // Script del Slider $(".mensajeprofile, .estadis-ipb, .friends-ips, .contact-ips").hide(); $('.m-info-ipb').addClass('activetab'); $(".ipb-tab-us ul li:eq(0)").click(function (e) { $('.ipb-tab-us li ,.co-ipb div').removeClass('activetab'); $(this).addClass('activetab'); $('.mensajeprofile').addClass('activetab').fadeToggle(); $('.estadis-ipb, .m-info-ipb, .friends-ips, .contact-ips').hide(''); return false; e.preventDefault(); }); $(".ipb-tab-us ul li:eq(1)").click(function (e) { $('.ipb-tab-us li ,.co-ipb div').removeClass('activetab'); $(this).addClass('activetab'); $('.m-info-ipb').addClass('activetab').fadeToggle(); $('.mensajeprofile, .estadis-ipb, .friends-ips, .contact-ips').hide(''); return false; e.preventDefault(); }); $(".ipb-tab-us ul li:eq(2)").click(function (e) { $('.ipb-tab-us li ,.co-ipb div').removeClass('activetab'); $(this).addClass('activetab'); $('.estadis-ipb').addClass('activetab').fadeToggle(); $('.mensajeprofile, .m-info-ipb, .friends-ips, .contact-ips').hide(''); return false; e.preventDefault(); }); $(".ipb-tab-us ul li:eq(3)").click(function (e) { $('.ipb-tab-us li ,.co-ipb div').removeClass('activetab'); $(this).addClass('activetab'); $('.friends-ips').addClass('activetab').fadeToggle(); $('.mensajeprofile, .m-info-ipb, .estadis-ipb, .contact-ips').hide(''); return false; e.preventDefault(); }); $(".ipb-tab-us ul li:eq(4)").click(function (e) { $('.ipb-tab-us li ,.co-ipb div').removeClass('activetab'); $(this).addClass('activetab'); $('.contact-ips').addClass('activetab').fadeToggle(); $('.mensajeprofile, .m-info-ipb, .estadis-ipb, .friends-ips').hide(''); return false; e.preventDefault(); }); } }); $(document).ready(function () { if (jQuery('#profile-advanced-right').length) { $(".ipb-tab-us ul li:first-child > a").click(function (e) { $('.co-ipb').attr('id', 'profilewall'); }); $(".ipb-tab-us ul li:first-child + li > a").click(function (e) { $('.co-ipb').attr('id', 'profile'); }); $(".ipb-tab-us ul li:first-child + li +li > a").click(function (e) { $('.co-ipb').attr('id', 'estadisticas'); }); $(".ipb-tab-us ul li:first-child + li +li +li > a").click(function (e) { $('.co-ipb').attr('id', 'friends'); }); $(".ipb-tab-us ul li:first-child + li +li + li +li > a").click(function (e) { $('.co-ipb').attr('id', 'contacto'); }); } }); $(document).ready(function () { if (jQuery('#profile-advanced-right').length) { jQuery('#profile-advanced-right').remove() }; }); $(document).ready(function () { if (jQuery('#profile-advanced-layout').length) { jQuery('#profile-advanced-layout').remove() }; });

Ciao, prova a utilizzare il codice JS che ho messo qui sopra,non sono riuscito a verificarlo e a tradurlo, io lo usavo per u  mio forum in inglese, non è perfettamente uguale a quello indicato.

In caso di dubbi, chiedi pure