Hola pues como veo que muchos users tienen el perfil default, hice uno hace ya un rato para mi web pero pues decidi compartirlo Ok
Caracteristicas:
*Pestañas javascript
*Muro de comentarios
*Emoticones en los comentarios
*Amigos(Grax a Fedex, es su mod)
Yapa para los que tienen los notificaciones de Nicolas(Grax a Nicolas por darme el Code): Tiene una alerta a el monitor cuando comentan tu perfil.
Empecemos (Nota: no lo hice Paquete por que no se xD y me da flojera aprender jeje)
-Hagan esta consulta en su base de datos:
CREATE TABLE IF NOT EXISTS `smf_profile_comments` (
`ID_COMMENT` int(11) NOT NULL AUTO_INCREMENT,
`ID_MEMBER` mediumint(8) unsigned NOT NULL DEFAULT '0',
`comment` text,
`subject` varchar(100) DEFAULT NULL,
`date` int(11) NOT NULL DEFAULT '0',
`COMMENT_MEMBER_ID` mediumint(8) unsigned NOT NULL DEFAULT '0',
`approved` tinyint(4) NOT NULL DEFAULT '1',
PRIMARY KEY (`ID_COMMENT`)
) ENGINE=MyISAM DEFAULT CHARSET=utf8 AUTO_INCREMENT=74 ;
-aplique este paquete :
http://spirate.net/foro/mods-v2-3/(mod)muro-de-comentarios(v2-3)/?action=dlattach;attach=7648-Metan El profile.template adjuntado a Theme/default/ o Si tienes un theme en Theme/TUTHEME/
-y el Profile.php a source
-Instalen la Firma(Agadecimientos a The Pimp):
http://spirate.net/foro/mods-v2-3/%28mod%29-firma-en-v2-3-pedido-de-los-usuarios/-Agregen esto a el Js hasta lo ultimo:
$(document).ready(function()
{
$(".tab_content").hide();
$("ul.tabs li:first").addClass("active").show();
$(".tab_content:first").show();
$("ul.tabs li").click(function()
{
$("ul.tabs li").removeClass("active");
$(this).addClass("active");
$(".tab_content").hide();
var activeTab = $(this).find("a").attr("href");
$(activeTab).fadeIn();
return false;
});
});
- Agregen esto a el js donde quieran:
/* Profile By. Zone FullxD */
//ajax en muro de comentarios by j0n4th4ntub3
function comentarmuro(comment,ID_MEMBER,userid){
if($('#comment').val() == ''){
$('#comment').focus();
$('#nohaypensamientomuro').show("slow");
return;
}
else{
$('#cargando_gif_muro').css('display', 'block');
$('#comment').attr('disabled', 'true');
$('#muro-btn').attr('disabled', 'true');
$('#nohaypensamientomuro').hide("slow");
$('#comentadormuro').slideUp("fast");
$.ajax({
type: 'POST',
url: '/add_compr.php',
data: 'ID_MEMBER='+ ID_MEMBER +'&userid='+ userid +'&comment='+ encodeURIComponent($('#comment').val()),
success: function(h){
$('#comentadormuro').slideDown("slow");
$('#comentadormuro').html(h);
$('#comment').css('color','#088A08');
$('#comment').val('agregado!');
$('#cargando_gif_muro').css('display', 'none');
},
error: function(){
$('#span_opciones1').addClass('status_error');
$('#span_opciones1').css('text-align', 'center');
$('#span_opciones1').removeClass('size10');
$('#span_opciones1').html('Error al intentar procesar lo solicitado');
$("#span_opciones1").slideDown("slow");
}
});
}
}
-En su css Agregen hasta lo ultimo esto:
/* Perfil By. ZOne FullxD */
.perfil_avatar{
float:left!important;
margin:0!important;
width:130px!important;
height:130px !important;
overflow: hidden!important;}
ul.tabs {
float:left;
height:auto;
margin:0;
padding:0;
width:100%;
}
ul.tabs li {
display:block;
float:left;
height:20px;
padding:0;
position:relative;
}
ul.tabs li a {
-moz-border-radius:5px 5px 5px 5px;
background:-moz-linear-gradient(center top , #F9B957, #FF920A) repeat scroll 0 0 transparent;
border:1px solid #E78500;
color:#744000;
display:block;
float:left;
font-size:12px;
font-weight:bold;
margin-right:4px;
padding:6px 8px;
text-decoration:none;
text-shadow:0 1px 1px #FEE369;
}
.tab_container {
-moz-border-radius:3px 3px 3px 3px;
background:none repeat scroll 0 0 #EEEEEE;
border:1px solid #CFCFCF;
color:#000000;
margin-bottom:8px;
padding:4px;
white-space:normal;
width:600px;
}
.tab_content {
padding: 20px;
font-size: 1.2em;
}
.barraroja{
margin:10px;
height:20px;
border-top:1px solid red;
border-bottom:1px solid red;
background-color:#dd5051;
padding:15px;
color:#951919;
text-shadow:1px 1px 1px #f07c7e;
font-weight:bold;
}
.mensajepost10 {
-moz-border-radius:6px 6px 6px 6px;
background-color:#F7F7F7;
border:1px solid #CECFCE;
color:#333333;
padding:11px;
}
.bordecomentariosperfil {
border-bottom:1px solid #CECFCE;
}
.profile_titulo1 {
border-bottom:1px solid #1C6BC6;
color:#424542;
font-weight:bolder;
height:19px;
margin-left:4px;
margin-right:4px;
margin-top:4px;
padding:8px 8px 3px;
text-shadow:0 1px 0 #FFFFFF;
}
.comentar{
-moz-border-radius:5px 5px 6px 6px;
background:url("images/bottitle.gif") repeat scroll 0 0 #FFBF0D;
border:1px solid #FFB600;
color:#7E2929;
cursor:pointer;
font-weight:bold;
height:30px;
margin:0;
padding:4px;
}
.linea {
background:url("images/linea.gif") repeat-x scroll 0 0 transparent;
height:6px;
margin-bottom:4px;
}
.fondo-post {
-moz-border-radius:7px 7px 7px 7px;
padding:5px;
}
.fondo-post:hover {
background:#cccccc;}
.statsinfo {
font-size:9px !important;}
-Agregen el add_compr.php a la raiz de su sitio
- agregen las imagenes a Images en el theme default o si tienen theme propio pues en su theme
Y eso seria todo..
Demo online:
http://thefullzone.com.ar/index.php?action=profile;u=1 (Nota: para ver todas las opciones registrense xD)
y dejo unos ejemplos de como se ven en el default y uno de mi web xD
Creo q es todo si Falta alguna cosa avisenme Adios
