This section allows you to view all posts made by this member. Note that you can only see posts made in areas you currently have access to.
#167
Free Themes / Habbingo
February 02, 2014, 02:44:39 PM #168
Free Themes / HabboArt V2
February 02, 2014, 02:31:50 PM #169
Free Themes / Blue Color
February 02, 2014, 01:13:12 AM #170
Free Themes / SkyHabbo
February 02, 2014, 01:10:48 AM #171
Free Themes / Red Shadow
February 02, 2014, 01:06:22 AM
Link to the theme
Red Shadow
Developed by Daniiel
Features
Languages
Demo Online
GitHub
Red Shadow
Developed by Daniiel
Features
- Social networks
- Logo URL
Languages
Demo Online
GitHub
#172
Free Themes / HabboDiverty
February 02, 2014, 01:00:34 AM #173
Pre-sale Questions / Re:¿Que beneficios trae adquirir premium?
January 06, 2014, 04:56:22 PM
Aquí puedes ver los beneficios de cada membresía: http://smftricks.com/index.php?action=profile;area=subscriptions;
Saludos!
Saludos!
#174
Tips and Tutorials / Userarea estilo "Assistive touch"
December 12, 2013, 04:03:07 PM
Hola a todos, hoy les vengo a traer un nuevo tutorial que es el userarea que SMFHispano utilizo en su antigua version, este userarea es al estilo "assistive touch".
Hello everyone, today I come to bring a new tutorial that is UserArea that SMFHispano use in its old version, this UserArea is like "assistive touch".
Index.template.php (Themes/tutheme)
Buscar/Search:
Reemplazar por/Replace with:
Buscar/Search:
Reemplazar por/Replace with:
Agregar antes del codigo ?> lo siguiente/Add before the code ?> the following:
Index.css (Themes/tutheme/css)
Agregar al final/Add to the end:
Ahora, el archivo adjunto que verán al final del tema, deberan subirlo a la carpeta images de su theme.
Now, the attachment you will see the end of the topic, MUST upload it to the images folder of your theme.
Saludos!
Créditos:
-Diego por la idea
-Daniel por mejorar el código
Hello everyone, today I come to bring a new tutorial that is UserArea that SMFHispano use in its old version, this UserArea is like "assistive touch".
Imagen
Index.template.php (Themes/tutheme)
Buscar/Search:
Code Select
// Here comes the JavaScript bits!
echo '
<script type="text/javascript" src="', $settings['default_theme_url'], '/scripts/script.js?fin20"></script>
Reemplazar por/Replace with:
Code Select
// Here comes the JavaScript bits!
echo '
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script type="text/javascript">
$(function() {
$( "#draggable" ).draggable();
$(".trigger").click(function(){
$(".trigger").hide();
$(".userareap").show("slow");
});
$(".closeuser").click(function(){
$(".userareap").hide("fast");
$(".trigger").show();
});
});
</script>
<script type="text/javascript" src="', $settings['default_theme_url'], '/scripts/script.js?fin20"></script>
Buscar/Search:
Code Select
theme_linktree();
Reemplazar por/Replace with:
Code Select
theme_linktree();
UserArea();
Agregar antes del codigo ?> lo siguiente/Add before the code ?> the following:
Code Select
function UserArea()
{
global $context, $settings, $options, $scripturl, $txt;
if($context['user']['is_logged'])
{
echo'
<div class="floatright">
<div id="draggable">
<div class="userareap">
<div style="width: 100%;">
<a class="floatright closeuser"><img src="', $settings['images_url'], '/userarea/cancel.png" alt="" /></a>
<span class="greetingarea">', $context['user']['name'], '</span>
</div>
<hr />
<div class="panel_block">
<a href="', $scripturl, '?action=profile;area=forumprofile" title="Editar perfil">
<img src="', $settings['images_url'], '/userarea/1.png" alt="" />
</a>
</div>
<div class="panel_block floatright">
<a href="', $scripturl, '?action=unread" title="Temas sin leer">
<img src="', $settings['images_url'], '/userarea/3.png" alt="" />
</a>
</div>
<div class="panel_block floatleft">
<a href="', $scripturl, '?action=unreadreplies" title="Nuevas respuestas">
<img src="', $settings['images_url'], '/userarea/2.png" alt="" />
</a>
</div>
<br class="clear" />
<div class="panel_block">
<a href="', $scripturl, '?action=profile;area=theme" title="Apariencia y diseño">
<img src="', $settings['images_url'], '/userarea/4.png" alt="" />
</a>
</div>
</div>
<a class="trigger" href="#"></a>
</div>
</div>';
}
}
Index.css (Themes/tutheme/css)
Agregar al final/Add to the end:
Code Select
#draggable
{
background: none;
height: 25px;
padding: 5px;
position: fixed;
right: 100px;
top: 55px;
width: 25px;
z-index: 10000;
}
.userareap
{
display: none;
background: rgba(36, 36, 36, 0.5);
border-radius: 5px;
height: auto;
padding: 15px;
position: absolute;
right: 30px;
font-family: Helvetica, Arial, sans-serif;
font-size: 13px;
line-height: 18px;
color: #F0F0F0;
text-shadow: 0 1px rgba(0,0,0,0.2);
width: 150px;
}
a.trigger
{
text-decoration: none;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
width: 24px;
height: 24px;
font-weight: 700;
background: url(../images/userarea/Circle_Grey.png) 0 0 no-repeat;
background-position: center;
background-color: #2b2b2b;
opacity: 0.6;
border-radius: 3px;
z-index: 90;
display: block;
}
a.trigger:hover
{
text-decoration: none;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
font-weight: 700;
opacity: 0.8;
z-index: 90;
display: block;
}
a.active.trigger
{
text-decoration: none;
opacity: 0.8;
z-index: 90;
}
a.active.trigger:hover
{
text-decoration: none;
background-color: #000;
}
.panel_block
{
line-height: 15px;
text-align: center;
display: block;
}
.panel_block a
{
color: #FFF;
}
.panel_block a:hover
{
color: #F5F5F5;
text-decoration: none;
}
Ahora, el archivo adjunto que verán al final del tema, deberan subirlo a la carpeta images de su theme.
Now, the attachment you will see the end of the topic, MUST upload it to the images folder of your theme.
Saludos!
Créditos:
-Diego por la idea
-Daniel por mejorar el código
#175
Tips and Tutorials / Re:Ponerle un estilo a tu scrollbar
December 04, 2013, 01:04:38 PM
Muy buen tutorial! Lastima que solo sirva para chrome y safari, espero que después se pueda para los demas navegadores.
#176
Tips and Tutorials / Re:"Activity Bar" según el rango
November 24, 2013, 04:52:34 PMQuote from: kevinava on November 24, 2013, 04:41:03 PM
el primer paso, en el display.template no me sale eso, qué hago?
Recuerda que debes tener instalado los mods Activity bar y Member color links, si lo tienes instalado adjunta tu display.template.php
#177
Tips and Tutorials / Re:Botones Compartir, Like y +1
November 12, 2013, 08:30:57 PMQuote from: Jolfran Blanco on November 12, 2013, 05:10:25 PM
Ami me sale mal... Y segui el tutorial perfectamente
Te recomiendo hacer un post en el foro correspondiente sobre el error que te ocurre en el tutorial.
Saludos!
#178
Tips and Tutorials / Re:"Activity Bar" según el rango
October 08, 2013, 12:57:02 PMQuote from: EduardO on October 08, 2013, 12:48:55 PMNo, es independientemente del usuario. Osea, que si yo hago 200 mensajes o incluso sobrepasar los 200 en 30 dias, mi actividad será de 100%. Obviamente los foros en que no se cuentan los mensajes no serviran.
Quiere decir que 30 equivale a los dias, en 30 dias el rango de mensajes que tendra el foro sera de 200. Esto tambien depende del trafico de mensajes en un foro?
Saludos!
#179
Tips and Tutorials / Re:"Activity Bar" según el rango
October 08, 2013, 12:36:51 PMQuote from: EduardO on October 08, 2013, 12:56:34 AM
Daniel gracias, esta muy bueno el tutorial. Tengo una consulta.
Mira yo tengo configurado asi mi Activity bar y parece que hay una congestion en esto del conteo de mensajes.
Me podrías explicar como se configura cada uno de los espacios especialmente en el tiempo etc!
Saludos!
Por lo general, yo dejo el marco de tiempo en 30, 200 maxima cantidad de mensajes y 150 la anchura maxima de la barra. El marco de tiempo creo que son los días, la maxima cantidad de mensajes es el numero de mensajes que debes tener dentro de marco de tiempo para tener tu actividad al 100%, y la anchura maxima de la barra es la anchura en px de la barra que se muestra en el perfil.
Saludos!
#180
Tips and Tutorials / "Activity Bar" según el rango
September 28, 2013, 10:44:23 PM
Bueno antes antes de empezar quiero aclarar que para que funcione correctamente este tutorial necesitan tener instalador el mod "Member Color Link" y obviamente tener instalado el "Activity Bar". Ahora si, empecemos.
Display.template.php (Theme/tu theme)
Buscar:
Reemplazar por:
Si lo quieres tener al estilo de este poster, obviar el codigo anterior y utilizar este:
Luego subir la imagen adjunta, a la siguiente ruta: Themes/tutheme/images/id/
ActivityBar.php (Carpeta Sources)
Borrar todo lo que esta y pegar lo siguiente:
Display.template.php (Theme/tu theme)
Buscar:
Code Select
/* Activity Bar Mod */
if(!empty($modSettings['Activity_Bar_enable']) && !empty($modSettings['Activity_Bar_show_in_posts']) && !empty($message['Activity_Bar']))
echo '
<li class="activity_li">', !empty($modSettings['Activity_Bar_label']) ? $modSettings['Activity_Bar_label'] : $txt['Activity_Bar_standardlabel'], ':
<div class="activity_holder" style="width: ', !empty($modSettings['Activity_Bar_max_width']) ? $modSettings['Activity_Bar_max_width'] : 139, 'px;"><div class="activity_bar" style="width: ', $message['Activity_Bar']['width'], 'px;"><div class="activity_percentage">', $message['Activity_Bar']['percentage'], '%</div></div></div></li>';
/* Activity Bar Mod */
Reemplazar por:
Code Select
/* Activity Bar Mod */
if(!empty($modSettings['Activity_Bar_enable']) && !empty($modSettings['Activity_Bar_show_in_posts']) && !empty($message['Activity_Bar']))
echo '
<li class="activity_li">', !empty($modSettings['Activity_Bar_label']) ? $modSettings['Activity_Bar_label'] : $txt['Activity_Bar_standardlabel'], ':
<div class="progress-bar stripes" style="width: ', !empty($modSettings['Activity_Bar_max_width']) ? $modSettings['Activity_Bar_max_width'] : 139, 'px;">
<span style="background-color: '. $message['member']['online_color']. ';width: ', $message['Activity_Bar']['width'], 'px;">
', $message['Activity_Bar']['percentage'], '%
</span>
</div></li>';
/* Activity Bar Mod */
Si lo quieres tener al estilo de este poster, obviar el codigo anterior y utilizar este:
Code Select
/* Activity Bar Mod */
if(!empty($modSettings['Activity_Bar_enable']) && !empty($modSettings['Activity_Bar_show_in_posts']) && !empty($message['Activity_Bar']))
echo '
<li class="activity_li"><span class="kmtitle">', $modSettings['Activity_Bar_label'], '</span><img class="kmimages" src="'. $settings['images_url']. '/id/activity.png" alt="" /><hr class="kmdivisor2" />
<div class="progress-bar stripes" style="width: ', !empty($modSettings['Activity_Bar_max_width']) ? $modSettings['Activity_Bar_max_width'] : 139, 'px;">
<span style="background-color: '. $message['member']['online_color']. ';width: ', $message['Activity_Bar']['width'], 'px;">
', $message['Activity_Bar']['percentage'], '%
</span>
</div></li>';
/* Activity Bar Mod */
Luego subir la imagen adjunta, a la siguiente ruta: Themes/tutheme/images/id/
ActivityBar.php (Carpeta Sources)
Borrar todo lo que esta y pegar lo siguiente:
Code Select
<?php
/**
* @package Activity Bar mod
* @version 1.1
* @author Jessica González <missallsunday@simplemachines.org>
* @copyright Copyright (c) 2011, Jessica González
* @license http://www.mozilla.org/MPL/MPL-1.1.html
*/
/*
* Version: MPL 1.1
*
* The contents of this file are subject to the Mozilla Public License Version
* 1.1 (the "License"); you may not use this file except in compliance with
* the License. You may obtain a copy of the License at
* http://www.mozilla.org/MPL/
*
* Software distributed under the License is distributed on an "AS IS" basis,
* WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
* for the specific language governing rights and limitations under the
* License.
*
* The Original Code is http://www.marcusforsberg.net/ code.
*
* The Initial Developer of the Original Code is
* Marcus Forsberg <http://www.marcusforsberg.net>.
* Portions created by the Initial Developer are Copyright (C)
* the Initial Developer. All Rights Reserved.
*
* Contributor(s):
* Jessica González <missallsunday@simplemachines.org>
*/
if (!defined('SMF'))
die('Hacking attempt...');
function Activity_Bar_settings(&$config_vars)
{
global $txt;
$config_vars[] = $txt['Activity_Bar_title'];
$config_vars[] = array('check', 'Activity_Bar_enable');
$config_vars[] = array('check', 'Activity_Bar_show_in_posts');
$config_vars[] = array('check', 'Activity_Bar_show_in_profile');
$config_vars[] = array('text', 'Activity_Bar_label');
$config_vars[] = array('int', 'Activity_Bar_timeframe');
$config_vars[] = array('int', 'Activity_Bar_max_posts');
$config_vars[] = array('int', 'Activity_Bar_max_width');
$config_vars[] = '';
}
function Activity_Bar($user)
{
global $modSettings, $smcFunc, $context;
/* No user, no fun */
if (empty($user))
return false;
/* Safety first! */
else
$user = (int) $user;
/* We already have what we need */
if ( isset($context[$user]['activity_bar']) && !empty($context[$user]['activity_bar']))
return $context[$user]['activity_bar'];
/* No? then get it!!! */
else
{
/* Make sure everything is set. If something is missing, use a default value. */
$max_width = !empty($modSettings['Activity_Bar_max_width']) ? $modSettings['Activity_Bar_max_width'] : 139;
$max_posts = !empty($modSettings['Activity_Bar_max_posts']) ? $modSettings['Activity_Bar_max_posts'] : 500;
$days = !empty($modSettings['Activity_Bar_timeframe']) ? $modSettings['Activity_Bar_timeframe'] : 30;
$context[$user]['activity_bar'] = array();
/* Calculate the startingdate */
$startingdate = time() - ($days * 86400);
/* Get all posts posted since the startingdate. */
$request = $smcFunc['db_query']('', '
SELECT poster_time, id_member
FROM {db_prefix}messages
WHERE poster_time > {int:startingdate} AND id_member = {int:user}',
array(
'startingdate' => $startingdate,
'user' => $user,
)
);
/* Count the posts. */
$posts = $smcFunc['db_num_rows']($request);
$smcFunc['db_free_result']($request);
/* Calculate everything. */
$num_posts = $posts / $max_posts;
$num_posts = $num_posts > 1 ? 1 : $num_posts;
$percentage = $num_posts * 100;
$bar_width = $max_width * $num_posts;
/* Store the result in a array. */
$context[$user]['activity_bar'] = array(
'width' => $bar_width,
'percentage' => round($percentage,2),
);
/* There you go. Anything else? */
return $context[$user]['activity_bar'];
}
}
function Activity_Bar_css()
{
global $modSettings, $settings, $message;
$return = '';
/* Only show this sutff if we are on a message page or the profile */
if(!empty($modSettings['Activity_Bar_enable']) && isset($_REQUEST['topic']) || isset($_REQUEST['action']) && $_REQUEST['action'] == 'profile')
$return = '
<style type="text/css">
.progress-bar {
border: 1px solid #CCC;
height: 25px;
padding: 0;
margin: 2px 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.progress-bar span {
display: inline-block;
height: 100%;
padding: 0 3px;
line-height: 25px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
-webkit-transition: width .4s ease-in-out;
-moz-transition: width .4s ease-in-out;
-ms-transition: width .4s ease-in-out;
-o-transition: width .4s ease-in-out;
transition: width .4s ease-in-out;
color: #EEE;
font-weight: bold;
text-shadow: 0 1px #2a2a2a;
}
.stripes span {
-webkit-background-size: 30px 30px;
-moz-background-size: 30px 30px;
background-size: 30px 30px;
background-image: -webkit-gradient(linear, left top, right bottom,
color-stop(.25, rgba(255, 255, 255, .15)), color-stop(.25, transparent),
color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .15)),
color-stop(.75, rgba(255, 255, 255, .15)), color-stop(.75, transparent),
to(transparent));
background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
transparent 75%, transparent);
background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
transparent 75%, transparent);
background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
transparent 75%, transparent);
background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
transparent 75%, transparent);
background-image: linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
transparent 75%, transparent);
-webkit-animation: animate-stripes 3s linear infinite;
-moz-animation: animate-stripes 3s linear infinite;
}
@-webkit-keyframes animate-stripes {
0% {background-position: 0 0;} 100% {background-position: 60px 0;}
}
@-moz-keyframes animate-stripes {
0% {background-position: 0 0;} 100% {background-position: 60px 0;}
}
</style>
';
return $return;
}
/* DUH! WINNING! */
function Activity_Bar_Who()
{
$MAS = '<a href="http://missallsunday.com" title="Free SMF Mods">Activity Bar mod © Suki</a>';
return $MAS;
}
Resultado final
Espero que les guste, saludos!