• 0
  • 10 RepliesReplies
  • 7233 ReadTimes Read
  • 0 PointsPoints

Topic: Cambiando el estilo de member awards

no avatar
Usuario: Zoom
Rango: Friend de SMFSimple
Mensajes: 384
Points: 13
Mi web: http://www.portalzone.net
Perfil: View Profile
Pais:
mx
Cambiando el estilo de member awards
October 16, 2011 - 09:46 21:46
Cambiando el estilo de members awards en post

Descripcion:Con este tip podras cambiar el feo estilo del member awards en los post tip basado en los codigos de JTX3

Vamos al archivo Display.template.php del theme que esten usando y buscamos:
Code: [Select]
// Show their awards?
if (!empty($message['member']['awards']) && $modSettings['awards_in_post'] > 0){
echo '
<li>
<fieldset style="border: 1px solid black; padding: 5px;">
<legend>', $txt['awards'], '</legend>';

// Couldn't limit it in Load.php, so let's do it here.
$awards = 0;
foreach ($message['member']['awards'] as $award){
if($awards < $modSettings['awards_in_post'])
echo '
<a href="', $scripturl, $award['more'], '"><img src="', dirname($scripturl), $award['img'], '" alt="', $award['description'], '" title="', $award['description'], '" /></a> ';
$awards++;
}

echo '
</fieldset>
</li>';
}
Remplazamos por este:
Code: [Select]
         // Show their awards? - Style By Zoom
         if (!empty($message['member']['awards']) && $modSettings['awards_in_post'] > 0){
            echo '
                  <li>
                     <fieldset class="border">
                        <legend class="text_awards"><img src="' . $settings['images_url'] . '/theme/estrella.jpg" title="awards"  alt="awards"  class="furni" /> awards</legend>';

            // Couldn't limit it in Load.php, so let's do it here.
            $awards = 0;
            foreach ($message['member']['awards'] as $award){
               if($awards < $modSettings['awards_in_post'])
                  echo '
                        <a href="', $scripturl, $award['more'], '"><img src="', dirname($scripturl), $award['img'], '" alt="', $award['description'], '" title="', $award['description'], '" /></a> ';
               $awards++;
            }

            echo '
                     </fieldset>
                  </li>';
         }
Ahora vamos al index.css y al final agregamos.
Code: [Select]
.border
{
border: 1px dashed #3040AD;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-border-radius: 5px;
-ms-border-radius:5px;
-o-border-radius: 5px;
 background: url(../images/theme/fondo.png) repeat;
}

.border
{
-webkit-transform:scale(1);
-moz-transform:scale(1);
-o-transform:scale(1);
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
}
.border:hover
{
-webkit-transform:scale(1.2);
-moz-transform:scale(1.2);
-o-transform:scale(1.2);
-moz-box-shadow: -1px -1px 6px rgb(132, 132, 132), -1px 1px 6px rgb(132, 132, 132), 1px -1px 6px rgb(132, 132, 132), 1px 1px 6px rgb(132, 132, 132);
box-shadow: -1px -1px 6px rgb(132, 132, 132), -1px 1px 6px rgb(132, 132, 132), 1px -1px 6px rgb(132, 132, 132), 1px 1px 6px rgb(132, 132, 132);
-webkit-box-shadow: -1px -1px 6px rgb(132, 132, 132), -1px 1px 6px rgb(132, 132, 132), 1px -1px 6px rgb(132, 132, 132), 1px 1px 6px rgb(132, 132, 132);
}

.text_awards
{
font: Tahoma, Helvetica, Arial, Sans-Serif;
font-size: 11px;
font-weight: bold;
 background-color: #E7E7E7;
border: 1px solid #BDBDBD;
color: #4D4D4D;
}

.text_awards
{
-webkit-transform:scale(1);
-moz-transform:scale(1);
-o-transform:scale(1);
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
}
.text_awards:hover
{
-webkit-transform:scale(1.2);
-moz-transform:scale(1.2);
-o-transform:scale(1.2);
-moz-box-shadow: -1px -1px 6px rgb(132, 132, 132), -1px 1px 6px rgb(132, 132, 132), 1px -1px 6px rgb(132, 132, 132), 1px 1px 6px rgb(132, 132, 132);
box-shadow: -1px -1px 6px rgb(132, 132, 132), -1px 1px 6px rgb(132, 132, 132), 1px -1px 6px rgb(132, 132, 132), 1px 1px 6px rgb(132, 132, 132);
-webkit-box-shadow: -1px -1px 6px rgb(132, 132, 132), -1px 1px 6px rgb(132, 132, 132), 1px -1px 6px rgb(132, 132, 132), 1px 1px 6px rgb(132, 132, 132);
}

.text_awards img.furni
{
 height:11px;
 padding-right: 2px;
 width:11px;
}

Ahora suben las imagenes adjuntas via FTP a: THEME QUE ESTAN USANDO/IMAGES/THEME

Cuando terminen les quedara haci:
Haciendo de lo simple lo ESPECTACULAR
You do not have permission to give points
point 0 Points

This topic did not receive points.

Usuario: Cesar
Rango: Friend de SMFSimple
Mensajes: 1227
Points: 254
Mi web: http://www.genomapc.com
Perfil: View Profile
Pais:
ar
Re:Cambiando el estilo de member awards
Reply #1 October 16, 2011 - 10:05 22:05
heyy quedo mas que excelente :D
muy buen tuto! +1
gracias por compartir :)!

Usuario: 2pey
Rango: Recién Llegado
Mensajes: 37
Points: 0
Mi web: http://cinetinga.com.ar/
Perfil: View Profile
Re:Cambiando el estilo de member awards
Reply #2 October 16, 2011 - 10:32 22:32
muy buenos! Aver si haces otro para poner las medallas bajo la firma! +1

Usuario: Cesar
Rango: Friend de SMFSimple
Mensajes: 1227
Points: 254
Mi web: http://www.genomapc.com
Perfil: View Profile
Pais:
ar
Re:Cambiando el estilo de member awards
Reply #3 October 16, 2011 - 11:12 23:12
Quote
Descripcion:Con este tip podras cambiar el feo estilo del member awards en los post tip basado en los codigos de JTX3

ahi estan :)

Usuario: Cesar
Rango: Friend de SMFSimple
Mensajes: 1227
Points: 254
Mi web: http://www.genomapc.com
Perfil: View Profile
Pais:
ar
Re:Cambiando el estilo de member awards
Reply #4 October 16, 2011 - 11:21 23:21
muy buenos! Aver si haces otro para poner las medallas bajo la firma! +1
puedes usar este mod para eso :)

http://www.smfsimple.com/index.php/topic,4300.0.html

no avatar
Usuario: FELIP123
Rango: Guest
Re:Cambiando el estilo de member awards
Reply #5 October 17, 2011 - 09:40 09:40
Tipoo ! te llevas mis +1

Usuario: Lean
Rango: Fundador
Mensajes: 6782
Points: 236
Perfil: View Profile
Pais:
ar
Re:Cambiando el estilo de member awards
Reply #6 October 17, 2011 - 10:25 10:25
Genial aporte! +1

Usuario: 2pey
Rango: Recién Llegado
Mensajes: 37
Points: 0
Mi web: http://cinetinga.com.ar/
Perfil: View Profile
Re:Cambiando el estilo de member awards
Reply #7 October 17, 2011 - 03:30 15:30
muy buenos! Aver si haces otro para poner las medallas bajo la firma! +1
puedes usar este mod para eso :)

http://www.smfsimple.com/index.php/topic,4300.0.html

Ese es para el inventario, me referia a las medallas ;)

no avatar
Usuario: Daniiel
Rango: Nuevo Usuario
Mensajes: 715
Points: 22
Mi web: http://www.mundonet.org/foro/
Perfil: View Profile
Re:Cambiando el estilo de member awards
Reply #8 October 17, 2011 - 03:34 15:34

Usuario: 2pey
Rango: Recién Llegado
Mensajes: 37
Points: 0
Mi web: http://cinetinga.com.ar/
Perfil: View Profile

no avatar
Usuario: Artags
Rango: Nuevo Usuario
Mensajes: 21
Points: 2
Mi web: www.etsamarchitags.com
Perfil: View Profile
Pais:
es
Re:Cambiando el estilo de member awards
Reply #10 July 25, 2013 - 09:49 09:49
Hola! muy bueno el tutorial en chrome y opera se me ve genial pero en firefox (que es el que uso) al resaltar el recuadro de medallas ocurre ésto, ¿Alguna forma de arreglarlo?

 

TAGS



top

Smfsimple.com es un sitio destinado a brindar un servicio de soporte y herramientas para foros realizados con el sistema de foros gratuito simplemachines.org. Contamos con un selecto equipo de desarrolladores y conocedores del sistema, sus foros estaran en buenas manos.
This site is not affiliated with or endorsed by Simple Machines