Autor Tema: Notificacion con mps Ajax Mod (Leído 7871 veces)

fivezone · « **en:** Noviembre 18, 2010, 11:15:02 pm »

Hola amiguines en esta ocacion les traigo el mod Notificacion con mps Ajax

Modificaciones

Primer paso:

agregar a su css:

Citar

#mp_box {
   position:absolute;
   right:486px;
   top:107px;
   width:300px;
   z-index:50;
   display:none;
}
#mp_box .cuerpo_mp {
   border:3px solid #CCCCCC;
   background:#FFFFFF;
   color:black;
   max-height:250px;
   overflow:auto;
   -moz-box-shadow: #767676 3px 5px 10px;
   -webkit-box-shadow: #767676 3px 5px 10px;
   box-shadow: #767676 3px 5px 10px;
}
#mp_box .ver_mas a {
   padding:5px 10px 5px 10px;
   display:block;
   text-align:center;
   text-decoration:none;
   font-weight:bold;
   border-top:1px solid #AEAEAE;
}
#mp_box .ver_mas a:hover {
   background:#F6E6B5;
}

.notificaciones_cant{

border-bottom:1px inset #000000;
border-top:1px inset #FFFFFF;
border-right:1px inset #FFFFFF;
line-height:130%;
width:20px;height:15px;
-moz-box-shadow:0 0 5px #000000;
margin-top:1px;position:absolute;color:#FFFFFF;
background:#d60e0e;-moz-border-radius:7px;
-webkit-border-radius:7px;
}
.redBox {
   background:#FFEBE8;
   border-top:1px solid #DD3C10;
   border-bottom:1px solid #DD3C10;
   padding:12px;
   font-weight:bold;
   text-align:center;
}
.yellowBox {
   background: #FFFFCC;
   border-top:1px solid #c8c82d;
   border-bottom:1px solid #c8c82d;
   padding:12px;
   font-weight:bold;
   text-align:center;
}
.loading{
   margin-top:-4px;
   background:#EEEEEE url('/media/images/bg-bar.gif') repeat-x top left;
   color:#000000;
   text-align: center;
   font-weight: bold;
   font-size: 17px;
   padding:6px;
   width:130px;
   height:16px;
   border-left:4px solid #565656;
   border-right:4px solid #565656;
   border-bottom:4px solid #565656;
}

Segundo paso:

Agregar a su js:

Citar

function open_mp_box(action){
   if($('#mp_box').css('display') == 'block' && action!='open')
      close_mp_box();
   else{
      $.ajax({
         type: 'POST',
         url: '/mp/mensajes.php',
         success: function(h){
            $('#loading_mps').slideUp('fast');
            if(h.charAt(0)==0)
            $('#error_ult_mps').html(h.substring(3)).slideDown('slow');
            else if(h.charAt(0)==1){
            $('#ult_mps').html(h.substring(3));
            $('#ult_mps').fadeIn('slow');}
         },
         error: function(){// Error
            $('#error_ult_mps').fadeIn('slow');
            return;
         },
      });
      $('.cosote_account').removeClass('here');
      $('#account_box').hide('slow');

      $('.cosote_notificaciones').removeClass('here');
      $('#notifications_box').hide('slow');

      $('.cosote_mp').addClass('here');
      $('#mp_box').show('slow');
   }
}

function close_mp_box(){
   $('.cosote_mp').removeClass('here');
   $('#mp_box').hide('slow');
}

Tercer paso:

Buscar en su index.template

Citar

if($context['user']['unread_messages']){

hasta :

Citar

<div id="smfFadeScroller">', $context['news_lines'][0], '</div>

y reemplazan con

por

Citar

if($context['user']['unread_messages']){
               echo'<span class="menu_centro"><a original-title="Mensajes" href="javascript:open_mp_box();" class="cosote_mp"><span class="icons mp-nuevo"></span><span class="floatL"></span></a><span class="notificaciones_cant">'.$context['user']['unread_messages'].'</span></li>';}
                  else echo'<span class="menu_centro"><a original-title="Mensajes" href="javascript:open_mp_box();" class="icons mp"><span class="menuIcon mensajes"></span></a></li>';

      echo'
               <font color="#999999">|</font>

               <a class="icons monitor" href="', $scripturl, '?action=monitor" title="',$txt['monitor'],'"><img src="', $settings['images_url'], '/espacio.gif" align="top" border="0"></a>
               <font color="#999999">|</font>

               <a class="icons fot" href="', $scripturl, '?action=imagenes&usuario=', $context['user']['name'] , '" title="',$txt['my_gallery'],'"><img src="', $settings['images_url'], '/espacio.gif" align="top" border="0"></a>
               <font color="#999999">|</font>

               <a class="icons fav2" width="18px" href="', $scripturl, '?action=favoritos" title="',$txt['my_favourites'],'"><img src="', $settings['images_url'], '/espacio.gif" align="top" border="0"></a>
               <font color="#999999">|</font>

               <a class="icons cuenta" href="', $scripturl, '?action=profile;sa=cuenta" title="',$txt['my_account'],'" alt="',$txt['my_account'],'"><img src="', $settings['images_url'], '/espacio.gif" align="top" border="0"></a>
               <font color="#999999">|</font>';

      if ($context['allow_admin'])
echo'               <a class="icons admin" href="', $scripturl, '?action=admin"><img src="', $settings['images_url'], '/espacio.gif" align="top" border="0"></a>
               <font color="#999999">|</font>    ';
echo'   <a href="', $scripturl, '?action=profile" title="',$txt['my_profile'],'"><font color="#E6E6E6">', $context['user']['name'] , '</font></a> <font color="#999999">[<a href="', $scripturl, '?action=logout;sesc=', $context['session_id'], '"title="',$txt['exit'],'">x</a>]</font>   <a class="icons his-mod" href="', $scripturl, '?action=hist-mod" title="',$txt['hist_mod'],'"><img src="', $settings['images_url'], '/espacio.gif" align="top" border="0"></a></span>';
      }

if ($context['user']['is_logged']){
   echo '<span class="menu_der"><div id="categorias">'; ssi_categorias(); echo'</span></div></div>';}

   if ($context['user']['is_logged'])
{      echo ''; echo'</span></div></div><div id="mp_box">
                  <div class="cuerpo_mp">
                     <div style="padding: 6px;">
                        <b class="size15">Mensajes privados</b>
                        <hr class="divider">
                        <div id="loading_mps" align="center">
                           <img src="'.$settings['images_url'].'/loading.gif">
                        </div>
                        <span id="error_ult_mps" style="display: none;"></span>
                        <span id="ult_mps" style="display: none;"></span>
                     </div>
                     <div class="ver_mas"><a href="/mensajes/">Ver todos mis mensajes</a></div>
                  </div>
               </div>
               ';}
   echo '<div id="mensaje-top">
   <div id="smfFadeScroller">', $context['news_lines'][0], '</div>

Luego suben la carpeta mp a la raiz via cpanel no filezilla

y les quedar algo si:

Sin mensajes:

con nuevo mensaje:

Espero les guste y su +1 porfa voten por mi en la vacante para staff de soporte tecnico eso para mi sera agradecer y de esa manera seguire haciendo mods y themes saludos

demo http://pruebas.fiverz.com.ar/index.php user lalo pass lalolalo

virus · « **Respuesta #1 en:** Noviembre 18, 2010, 11:26:24 pm »

muchas gracias men voy aprobarlo llevaba tiempo esperando esto lo pruebo y te cuento q tal me va te dejaria +1 peros soy novato pero en cuento pueda te lo dare gracias men

kuervo · « **Respuesta #2 en:** Noviembre 18, 2010, 11:38:32 pm »

Te quedo muy bueno che, en 1hs te dejo otro +1

virus · « **Respuesta #3 en:** Noviembre 18, 2010, 11:41:05 pm »

oye amigo ya hice todo pero me dio error pq en el index.template no tengo ese q tu indicas en el paso 3

esto lo tengo:

Citar

if($context['user']['unread_messages']){

pero lo otro no y es lo unico q me falta para ver si me funciona aqui te dejo mi index.template a ver si me puedes ayudar gracias amigo

KappoAdmi.n · « **Respuesta #4 en:** Noviembre 18, 2010, 11:42:59 pm »

Exelente MOD !! +1

fivezone · « **Respuesta #5 en:** Noviembre 18, 2010, 11:48:18 pm »

Cita de: virus en Noviembre 18, 2010, 11:41:05 pm

oye amigo ya hice todo pero me dio error pq en el index.template no tengo ese q tu indicas en el paso 3

esto lo tengo:
Citar
if($context['user']['unread_messages']){

pero lo otro no y es lo unico q me falta para ver si me funciona aqui te dejo mi index.template a ver si me puedes ayudar gracias amigo

prueba con ese

virus · « **Respuesta #6 en:** Noviembre 19, 2010, 12:16:09 am »

Cita de: fivezone en Noviembre 18, 2010, 11:48:18 pm

Cita de: virus en Noviembre 18, 2010, 11:41:05 pm
oye amigo ya hice todo pero me dio error pq en el index.template no tengo ese q tu indicas en el paso 3

esto lo tengo:
Citar
if($context['user']['unread_messages']){

pero lo otro no y es lo unico q me falta para ver si me funciona aqui te dejo mi index.template a ver si me puedes ayudar gracias amigo

prueba con ese

amigo no c q pasa pero nop tampoco me qdo ahora se ve la web pero no sale qda deosrganizado y no c cierra se qda abierto

aqui te dejo una captura para q veas como sale

anferro · « **Respuesta #7 en:** Noviembre 19, 2010, 12:22:49 am »

Exelente Mod +1

fivezone · « **Respuesta #8 en:** Noviembre 19, 2010, 12:32:42 am »

prueba con este solo selecciona todo y reemplaza:
http://tinypaste.com/e3177

Kaissar · « **Respuesta #9 en:** Noviembre 19, 2010, 12:35:29 am »

Para que existirá el adjuntar archivos, no?

Se nota que es sacado del tripa ese :P

fivezone · « **Respuesta #10 en:** Noviembre 19, 2010, 12:41:04 am »

ya esta jajaja y kaissar porfa desbaneame del chat y al menos dame el +1 xD

foroposteadores · « **Respuesta #11 en:** Noviembre 19, 2010, 12:51:59 am »

que capo que sos +1

virus · « **Respuesta #12 en:** Noviembre 19, 2010, 12:52:15 am »

Cita de: fivezone en Noviembre 19, 2010, 12:32:42 am

prueba con este solo selecciona todo y reemplaza:
http://tinypaste.com/e3177

ahora si muchas gracias amigo esta re bueno el mod gracias :nvzbti:

fivezone · « **Respuesta #13 en:** Noviembre 19, 2010, 12:59:01 am »

de nada y recuerden que para agradecimiento por favor voten por mi en la vacante para el staff de soporte tecnico y gracias

50cent · « **Respuesta #14 en:** Noviembre 19, 2010, 01:02:52 am »

Cita de: fivezone en Noviembre 19, 2010, 12:59:01 am

de nada y recuerden que para agradecimiento por favor voten por mi en la vacante para el staff de soporte tecnico y gracias

Vote for me xD.

Esta bueno +1

Small Pirate

Autor Tema: Notificacion con mps Ajax Mod (Leído 7871 veces)

fivezone

Notificacion con mps Ajax Mod

virus

Re: Notificacion con mps Ajax Mod

kuervo

Re: Notificacion con mps Ajax Mod

virus

Re: Notificacion con mps Ajax Mod

KappoAdmi.n

Re: Notificacion con mps Ajax Mod

fivezone

Re: Notificacion con mps Ajax Mod

virus

Re: Notificacion con mps Ajax Mod

anferro

Re: Notificacion con mps Ajax Mod

fivezone

Re: Notificacion con mps Ajax Mod

Kaissar

Re: Notificacion con mps Ajax Mod

fivezone

Re: Notificacion con mps Ajax Mod

foroposteadores

Re: Notificacion con mps Ajax Mod

virus

Re: Notificacion con mps Ajax Mod

fivezone

Re: Notificacion con mps Ajax Mod

50cent

Re: Notificacion con mps Ajax Mod

Bitdate Blog y comunidad sobre tecnología, programación, diseño web, marketing online, descargas y más de lo que esperas.	Nuthost webhosting Líderes desde 2003. Servicios de Web Hosting Individuales y Multicuentas (Revendedores), Registro de Dominios, Certificados SSL, Web Marketing, Email Marketing y Soluciones de Data Center a medida de tus necesidades.
Tú página puede estar aquí.