SMF Tricks

SMF General => Tips and Tutorials => Topic started by: Diego Andrés on August 06, 2013, 02:51:46 PM

Title: Barra de estadísticas y compartir debajo del primer mensaje (Estilo SMF Hispano)
Post by: Diego Andrés on August 06, 2013, 02:51:46 PM
Display.template.php
Buscamos:
</div>
<hr class="post_separator" />';


Reemplazamos con:
</div>
<hr class="post_separator" />';

if ($message['id'] == $context['topic_first_message']) {
echo '
<hr class="divisorp" />';

if ($message['id'] == $context['topic_first_message'])
            echo '<span id="lgf_twitt_share2">
                <a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal"></a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></span>';
       
        if ($message['id'] == $context['topic_first_message'])
            echo '<span id="lgf_facebook_share2"><a name="fb_share" type="button_count" href="http://www.facebook.com/sharer.php"></a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></span>';

        if ($message['id'] == $context['topic_first_message'])
            echo '<span id="lgf_google_share2"><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plusone size="medium"></g:plusone></span>';

echo '
<div class="post_styling">
<ul>
   <li><span class="view">', $txt['read'], '&nbsp;', $context['num_views'], '&nbsp;', $txt['times'], '</span></li>
   <li><span class="cat">', $context['jump_to']['board_name'], '</span></li>
   <li><span class="comments">',$context['num_replies'],'&nbsp;', $txt['replies'], '</span></li>
</ul>
</div>
<br /><br />
<hr class="divisorp" />';
}


Index.css
Agregamos al final del archivo
div.post_styling > ul {
margin: 0;
padding: 0;
}
div.post_styling > ul > li {
background: #f5f5f5 url(../images/theme/bgp.png) repeat-x left bottom;
float: left;
list-style: none;
color: #334466;
font-weight: bold;
border: 1px solid #AFB8BE;
text-shadow: 1px 1px #fff;
margin-right: 20px;
border-radius: 4px;
}
div.post_styling ul li span {
    display: block;
    height: 16px;
    margin: 5px;
}
div.post_styling ul li span.view {
background: url(../images/theme/view.png) no-repeat left center;
padding-left: 20px;
}
div.post_styling ul li span.cat {
background: url(../images/theme/cat.png) no-repeat left center;
padding-left: 20px;
}
div.post_styling ul li span.comments {
background: url(../images/theme/comments.png) no-repeat left center;
padding-left: 20px;
}

div.post_styling {
    margin-top: 4px;
}

#lgf_facebook_share {
    float: left;
    margin-right: 38px;
    margin-top: 1px;
margin-bottom: 5px;
}
#lgf_twitt_share, #lgf_google_share {
    float: left;
margin-bottom: 5px;
}
#lgf_facebook_share2 {
    float: right;
    margin-right: 38px;
    margin-top: 1px;
margin-bottom: 5px;
}
#lgf_twitt_share2, #lgf_google_share2 {
    float: right;
margin-bottom: 5px;
}
.any_com
{
padding: 10px 5px;
text-align: center;
text-shadow: 1px 0 1px #fff;
color: #323232;
background: #e6e3cf;
border: 1px solid #d2c172;
border-radius: 5px;
}
.divisorp
{
border-top: 1px solid #ccc;
    border-bottom: 1px solid #fff;
    color: #2f2f2f;
    width: 100%;
    margin: 10px 0 1px;
}


Subimos las imágenes del archivo .zip a siguiente ruta: Themes/nuestrotheme/images/theme/

Resultado:
(https://smftricks.com/proxy.php?request=http%3A%2F%2Fi.imgur.com%2FsEooMPS.png&hash=e3e51b050677f33d046933d2259ca0328e5fb3b0)

Saludos.
Title: Re:Barra de estadísticas y compartir debajo del primer mensaje (Estilo SMF Hispano)
Post by: Marlon on August 07, 2013, 12:52:47 AM
la descarga me sale mala diego
Title: Re:Barra de estadísticas y compartir debajo del primer mensaje (Estilo SMF Hispano)
Post by: Diego Andrés on August 07, 2013, 12:55:25 AM
Quote from: Marlon on August 07, 2013, 12:52:47 AM
la descarga me sale mala diego

A mi me funciona muy bien, prueba limpiar cache
Title: Re:Barra de estadísticas y compartir debajo del primer mensaje (Estilo SMF Hispano)
Post by: Marlon on August 07, 2013, 01:08:44 AM
Quote from: Diego on August 07, 2013, 12:55:25 AM
A mi me funciona muy bien, prueba limpiar cache
si funciona, el problema es que al extraer el archivo rar da error xD
Title: Re:Barra de estadísticas y compartir debajo del primer mensaje (Estilo SMF Hispano)
Post by: Losox on August 09, 2013, 07:58:00 PM
:O esto me gusta.

Lo pondré en mi nuevo proyecto, gracias por compartirlo.
Title: Re:Barra de estadísticas y compartir debajo del primer mensaje (Estilo SMF Hispano)
Post by: robertoiui on August 11, 2013, 06:19:44 AM
Habría alguna forma de poner el boton dar gracias como aquí?
http://megahd.se/foro//pc/deadz-zombies-%28pc%29%28gratis-online (http://megahd.se/foro//pc/deadz-zombies-%28pc%29%28gratis-online)!!!%29%283-95gb%29%28espanol%29/msg59803/#msg59803

Un saludo
Title: Re:Barra de estadísticas y compartir debajo del primer mensaje (Estilo SMF Hispano)
Post by: Marlon on August 11, 2013, 07:10:01 AM
Quote from: robertoiui on August 11, 2013, 06:19:44 AM
Habría alguna forma de poner el boton dar gracias como aquí?
http://megahd.se/foro//pc/deadz-zombies-%28pc%29%28gratis-online (http://megahd.se/foro//pc/deadz-zombies-%28pc%29%28gratis-online)!!!%29%283-95gb%29%28espanol%29/msg59803/#msg59803

Un saludo
Hay un mod que se llama Like, uno de pago y uno gratis.. yo creo que es el mismo mod de acá pero lo editaron :P
Title: Re:Barra de estadísticas y compartir debajo del primer mensaje (Estilo SMF Hispano)
Post by: Hasslek on August 11, 2013, 08:12:17 AM
Quote from: robertoiui on August 11, 2013, 06:19:44 AM
Habría alguna forma de poner el boton dar gracias como aquí?
http://megahd.se/foro//pc/deadz-zombies-%28pc%29%28gratis-online (http://megahd.se/foro//pc/deadz-zombies-%28pc%29%28gratis-online)!!!%29%283-95gb%29%28espanol%29/msg59803/#msg59803

Un saludo

Aquí tienes la modificación, es la gratis --> http://custom.simplemachines.org/mods/index.php?mod=3029 (http://custom.simplemachines.org/mods/index.php?mod=3029)
Title: Re:Barra de estadísticas y compartir debajo del primer mensaje (Estilo SMF Hispano)
Post by: robertoiui on August 11, 2013, 08:34:00 AM
Quote from: Hasslek on August 11, 2013, 08:12:17 AM
Aquí tienes la modificación, es la gratis --> http://custom.simplemachines.org/mods/index.php?mod=3029 (http://custom.simplemachines.org/mods/index.php?mod=3029)

Me refiero con el thank o matic :(
Title: Re:Barra de estadísticas y compartir debajo del primer mensaje (Estilo SMF Hispano)
Post by: robertoiui on August 12, 2013, 07:10:28 AM
Diego no funciona la descarga! Dice archivo erroneo cuando intentas descomprimir!
Title: Re:Barra de estadísticas y compartir debajo del primer mensaje (Estilo SMF Hispano)
Post by: Diego Andrés on August 12, 2013, 03:50:05 PM
Descarga subiga nuevamente
Title: Re:Barra de estadísticas y compartir debajo del primer mensaje (Estilo SMF Hispano)
Post by: xNako on August 28, 2013, 02:51:31 AM
Diego, para quitar las dos líneas ? Gracias.
_____________________________________________________________________________________________
Edito: Ya lo hice, saludos.
Title: Re:Barra de estadísticas y compartir debajo del primer mensaje (Estilo SMF Hispano)
Post by: KaoX00 on September 30, 2013, 11:25:07 PM
Quote from: xNako on August 28, 2013, 02:51:31 AM
Diego, para quitar las dos líneas ? Gracias.
_____________________________________________________________________________________________
Edito: Ya lo hice, saludos.

Solo quita esto
<hr class="divisorp" />
Las dos veces y sustituye por
<br />
Title: Re:Barra de estadísticas y compartir debajo del primer mensaje (Estilo SMF Hispano)
Post by: Jolfran Blanco on November 13, 2013, 09:08:24 PM
Amigo y si quiero colocar esa barra dentro del tema osea que no quede en el medio del tema y el primer comentario?
Title: Re:Barra de estadísticas y compartir debajo del primer mensaje (Estilo SMF Hispano)
Post by: bombero on November 25, 2013, 02:06:36 PM
modificación realizada.... like!!! me gusta como queda  ;D
Title: Re: Barra de estadísticas y compartir debajo del primer mensaje (Estilo SMF Hispano)
Post by: fabriig2 on January 09, 2015, 04:58:21 PM
Hola me gustaría hacerlo en theme reseller pero no me aparece esa linea en display.template!! les adjunto el mio quizás puedan ayudarme gracias