Seleccionar idioma:
Realizar Donación - Mods Premium - Portfolio



Este sitio utiliza cookies propias y de terceros. Si continúa navegando consideramos que acepta el uso de cookies. OK Más Información.
* Linktree estilo Diego
  Leído 1830 veces
* Viendo el foro
 0 Usuarios y 1 Visitante están viendo este foro.


*
Autor: uge
Ene 26 2013
Bueno es un linktree que hizo Diego Andres para su web y publicó el código. Lo único es que tenía un bug que hacía que cuando en un foro había moderadores los mostraba mal. Yo os pongo ese bug arreglado, lo único que no he conseguido es darle el efecto hover a la casita de inicio. Pero por lo demás está bien.

*


index.template.php de tu tema

Buscamos:

Código: [Seleccionar]
// Show a linktree. This is that thing that shows "My Community | General Category | General Discussion"..
function theme_linktree($force_show = false)
{
global $context, $settings, $options, $shown_linktree;

// If linktree is empty, just return - also allow an override.
if (empty($context['linktree']) || (!empty($context['dont_default_linktree']) && !$force_show))
return;

echo '
<div class="navigate_section">
<ul>';

// 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"' : '', '>';

// Show something before the link?
if (isset($tree['extra_before']))
echo $tree['extra_before'];

// Show the link, including a URL if it should have one.
echo $settings['linktree_link'] && isset($tree['url']) ? '
<a href="' . $tree['url'] . '"><span>' . $tree['name'] . '</span></a>' : '<span>' . $tree['name'] . '</span>';

// Show something after the link...?
if (isset($tree['extra_after']))
echo $tree['extra_after'];

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

echo '
</li>';
}
echo '
</ul>
</div>';

$shown_linktree = true;
}

Reemplazamos

Código: [Seleccionar]
// Show a linktree. This is that thing that shows "My Community | General Category | General Discussion"..
function theme_linktree($force_show = false)
{
global $context, $settings, $options, $shown_linktree;

// If linktree is empty, just return - also allow an override.
if (empty($context['linktree']) || (!empty($context['dont_default_linktree']) && !$force_show))
return;

echo '
<div class="navigate_section">
<ul>


<li class="link_home">', ($link_num == count($context['linktree']) < 1) ? '
<a href="'.$scripturl.'" title="Inicio"><img class="link_home" src="'.$settings['images_url'].'/theme/home.png" alt="*" /></a>' : '', '</li>';

// 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"' : '', '>';

// Show something before the link?
if (isset($tree['extra_before']))
echo $tree['extra_before'];

// Show the link, including a URL if it should have one.
echo $settings['linktree_link'] && isset($tree['url']) ? '
<a href="' . $tree['url'] . '"><span>' . $tree['name'] . '</span></a>' : '<span>' . $tree['name'] . '</span>';

// Show something after the link...?
if (isset($tree['extra_after']))
echo $tree['extra_after'];

echo '
</li>';
}
echo '
</ul>
</div>';

$shown_linktree = true;
}

Index.css de nuestro tema:

Buscamos

Código: [Seleccionar]
/* 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;
}

Reemplazamos por:

Código: [Seleccionar]
/* The navigation list (i.e. linktree) */
.navigate_section
{
margin: 10px 0;
height: 21px;
overflow: hidden;
width: auto;
padding:5px;
border: solid 1px #dedede;
background:#f5f5f5;
clear: both;
position: relative;
}
.navigate_section ul
{
margin: 0;
padding: 0;
height: 21px;

}
.navigate_section ul li
{
display: block;
float: left;
position: relative;
height: 21px;
overflow: hidden;
line-height: 21px;
margin: 0px 6px 0px 0;
padding: 0px 10px 0px 0;
font-size: .9167em;
background: url(../images/theme/chevron.png) no-repeat 100% 0;
}
.navigate_section ul li a
{
    color: #222;
text-decoration: none;
font-size: inherit;
font-weight: inherit;
height: 21px;
line-height: 21px;
overflow: hidden;
}
.navigate_section ul li a:hover
{
text-decoration: underline;
}
.navigate_section ul li.last
{
background: none;
margin-right: 0;
padding-right: 0;
}
.navigate_section ul li.last a
{
    color: #801815;
text-decoration: none;
font-size: inherit;
font-weight: inherit;
}
.navigate_section ul li.last a:hover
{
text-decoration: none;
}
.navigate_section ul li.link_home a
{
height: 16px !important;
text-indent:-1000em;
width:16px;
padding: 0;
overflow: hidden;
background: none;
}
.navigate_section ul li.link_home img
{
margin-top: 3px;
}

Pasamos las imágenes a themes/tu tema/images/theme

Imágenes: http://www.smfpersonal.net/downloads.html;sa=view;down=380

Por cierto si a alguien se le queda tipo esto:

*


que busque en el index.css

Código: [Seleccionar]
.navigate_section
y donde pone:
margin: 10px 0;

que disminuya esos 10 px a 5px, hasta que se le vea bien.


« Última Modificación: Febrero 14, 2013, 06:45:18 am por uge »



Si hubiera boton de favoritos me llenaria de estos tipos de tutoriales. :)

Gracias de nuevo amigo no tendras uno para poner en el footer los ultimos temas creados y usuarios conectados o algo parecido amigo?



uge

De esos no tengo ninguno




Otros temas de su interes




Usuario:
Contraseña:
Sesión:
hermes bracelet replica, christian louboutin replica, van cleef and arpels replica, red bottoms replica, cartier love bracelet replica christian louboutin replica, christian louboutin replica, hermes bracelet replica,