Disculpen, pronto se actualizará el tutorial para la nueva versión que sería la 1.2.

Quote from: xSuby on December 29, 2013, 05:10:40 PM
Hola, perdonen si revivo, pero es una pregunta:

El menú para clickear y para que aparezca el UserArea aparece justo en el avatar del usuario, se puede cambiar la ubicación?? como??
Saludos.

No estoy seguro pero podrías cambiar esto
#draggable
{
background: none;
height: 25px;
padding: 5px;
position: fixed;
right: 100px;
top: 55px;
width: 25px;
z-index: 10000;
}

Por esto:
#draggable
{
background: none;
height: 25px;
padding: 5px;
position: fixed;
right: 140px;
top: 120px;
width: 25px;
z-index: 10000;
}

Muy bueno, gracias por compartir!
La otra forma en que esto también se puede lograr es con el member color link usando su variable.

Seguramente es alguien que piensa que es obligatorio presentarse, pero en realidad no..

Nice concept, let me get time and I'll help you to improve this.
Grat work by the way, there's no problem with sharing this.

https://github.com/Spuds/SMF-Member-Awards

En teoría debería funcionar con el activity bar actual, el que está en el sitio de missallsunday.
Si ese es el que tienes instalado no deberías tener inconvenientes.

Lo siento pero es de un theme premium, tendrías que comprarlo.
Si quieres acomodar lo de este tuto por favor adjunta el display pero en un nuevo tema en la sección de soporte.

Saludos!

Pues te tocará poner más atención y leer un poco más. En ningun momento dice algo relacionado con lo que mencionas.
En el tema se refiere a ocultar esa sección dependiendo de los permisos que asignes.

Pues es porque seguramente no has hecho los demás cambios.
Te recuerdo que sí eres admin, no dejara de mostrarse ya que el administrador cuenta con todos los permisos.

Más no te puedo ayudar porque no brindas suficiente información.

Hace un tiempo que pidieron este tutorial, aquí se los dejo 
Recuerden que el tutorial como siempre, está basado en el theme default.

---

Index.template.php:

Buscar:
// Each tree item has a URL and name. Some may have extra_before and extra_after.
foreach ($context['linktree'] as $link_num => $tree)
{
echo '
<li', ($link_num == count($context['linktree']) - 1) ? ' class="last"' : '', '>';

Reemplazar con:
// Each tree item has a URL and name. Some may have extra_before and extra_after.
foreach ($context['linktree'] as $link_num => $tree)
{
echo '
', ($link_num == count($context['linktree']) - 1) ? '<li class="last"><div class="lt_wrapper"><div class="lt_last"></div><div class="lt_midle">' : '<li><div class="lt_wrapper"><div class="lt_last"></div><div class="lt_midle">', '';

Buscar:
// Don't show a separator for the last one.
if ($link_num != count($context['linktree']) - 1)
echo ' »';

echo '
</li>';
Reemplazar con:
// Don't show a separator for the last one.
if ($link_num != count($context['linktree']) - 1)
echo '';

echo '
</div><div class="lt_first"></div></div></li>';

---

Index.css

Buscar:
/* The navigation list (i.e. linktree) */
.navigate_section
{
padding: 0.5em;
margin: 0 0 0 0;
}
.navigate_section ul
{
display: block;
margin: 0;
font-size: 0.9em;
padding: 1em 0 0.5em 0;
border-top: 1px solid #ccc;
overflow: hidden;
list-style: none;
clear: both;
width: 100%;
}
.navigate_section ul li
{
float: left;
padding: 0 0.5em 0 0;
font-size: 0.95em;
}
.navigate_section ul li a
{
white-space: pre;
}
Reemplazar con:
/* The navigation list (i.e. linktree) */
.lt_wrapper
{
    float: left;
    margin-left: -12px;
}
.lt_first
{
    background: url("../images/theme/linktree.png") no-repeat scroll right -66px transparent;
    float: left;
    height: 25px;
    margin: 0;
    width: 18px;
    margin: 0;
}
.lt_midle
{
    background: url("../images/theme/linktree.png") repeat-x scroll 0 -4px transparent;
    float: left;
    height: 25px;
    margin: 0;
    margin: 0;
    padding-left: 7px;
    padding-right: 4px;
    line-height: 24px;
    color: #bbb;
}
.lt_last
{
    background: url("../images/theme/linktree.png") no-repeat scroll left -66px transparent;
    height: 25px;
    margin: 0;
    padding-left: 0px;
    width: 15px;
    float: left;
    }
.navigate_section li.last .lt_first
{
    background: url("../images/theme/linktree.png") no-repeat scroll right -98px transparent;
}
.navigate_section li.last .lt_midle
{
    background: url("../images/theme/linktree.png") repeat-x scroll 0 -35px transparent;
    color: #222;

}
.navigate_section li.last .lt_last
{
    background: url("../images/theme/linktree.png") no-repeat scroll left -98px transparent;   
}
.navigate_section li:hover a:hover span, .navigate_section li:hover
{
    color: #fd9;
}
.navigate_section ul li:hover a
{
    color: #fd9;
text-decoration: none;
}
.folder_linktree
{
margin-right: 4px;
}
.navigate_section
{
padding: 0 0 0 0;
margin: 0 1px;
    background: none;
    border-top: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.navigate_section ul
{
display: block;
margin: 0 -1px -1px;
font-size: 0.9em;
padding: 0;
overflow: hidden;
list-style: none;
clear: both;
width: auto;
border: 1px solid #2e2e2e;
background: rgba(32, 32, 32, 0.5);
    border-radius: 0 3px 0 0;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
}
.navigate_section ul li
{
font-size: 0.9em;
font-weight: bold;
    display: inline;
}
.navigate_section ul li.last
{
    display: inline;
    font-size: 0.9em;
font-weight: normal;
}
.navigate_section ul li a
{
white-space: normal;
    color: #aaa;
}
.navigate_section ul li span
{
white-space: normal;
    color: #aaa;
text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.4);
}
.navigate_section ul li a span
{
white-space: normal;
    color: #aaa;
}

---

Imagen

Solo ocupamos una imagen, la cual es linktree.png, la pueden encontrar en el archivo zip adjunto.
Hay que colocar la imagen linktree.png en Themes/{theme_actual}/images/theme/.

PSD incluído por si quieren modificar la imagen más fácilmente.

---

Espero que les haya gustado el tutorial.

Prueba con este

Este es el viejo linktree, luego pondré otro tutorial con este que hemos venido usando que ya incluso lo solicitaron.

Quote from: Superior on October 20, 2013, 09:10:39 AM
¿Y si le quiero poner una imagen al links tree?¿Como lo hago?

No se a que te refieres.

El logo no es muy bueno y podrías tratar de cambiar los colores que por defecto tiene ese theme de DZ.