Show posts

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.

Messages - Daniel

#166
Free Themes / Connect
February 02, 2014, 05:25:17 PM
Link to the theme


Free & Premium Responsive Themes for SMF




Connect
Developed by Daniiel

Features
  • Custom Links
  • Social networks


Demo Online
GitHub
#167
Free Themes / Habbingo
February 02, 2014, 02:44:39 PM
Link to the theme


Free & Premium Responsive Themes for SMF




Habbingo
Developed by Daniiel

Features
  • Social networks


Demo Online
GitHub
#169
Free Themes / Blue Color
February 02, 2014, 01:13:12 AM
Link to the theme


Free & Premium Responsive Themes for SMF




Blue Color
Developed by Daniiel


Demo Online
GitHub
#171
Free Themes / Red Shadow
February 02, 2014, 01:06:22 AM
Link to the theme


Free & Premium Responsive Themes for SMF




Red Shadow
Developed by Daniiel

Features
  • Social networks
  • Logo URL

Languages



Demo Online
GitHub
#173
Aquí puedes ver los beneficios de cada membresía: http://smftricks.com/index.php?action=profile;area=subscriptions;

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".

Imagen


Index.template.php (Themes/tutheme)

Buscar/Search:
// Here comes the JavaScript bits!
echo '
<script type="text/javascript" src="', $settings['default_theme_url'], '/scripts/script.js?fin20"></script>


Reemplazar por/Replace with:
// 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:
theme_linktree();

Reemplazar por/Replace with:
theme_linktree();
UserArea();


Agregar antes del codigo ?> lo siguiente/Add before the code ?> the following:
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&ntilde;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:
#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 PM
Quote 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 PM
Quote 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 PM
Quote from: EduardO on October 08, 2013, 12:48:55 PM
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?
No, 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.

Saludos!
#179
Tips and Tutorials / Re:"Activity Bar" según el rango
October 08, 2013, 12:36:51 PM
Quote 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:
/* 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:
/* 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:
/* 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:
<?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 $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 &copy Suki</a>';

return $MAS;
}



Resultado final
Espero que les guste, saludos!