• ¡Bienvenido a XenFácil!

    Estás viendo el sitio como Invitado. Para poder participar en este sitio

    y obtendrás privilegios adicionales, acceso a otras áreas y mucho mas.

    ¡Es gratis!


    ¿Ya eres miembro? Inicia sesión

Mod.Plantilla Nueva barra superior + Añadir a Favoritos

IhToN

IhToN

Miembro
Bueno, con estas sencillas modificaciones de plantilla vamos a crear una nueva barria superior (como la de administración) solo que para cualquier visitante y con otros enlaces.

Primero creamos la plantilla user_bar

HTML: 
<xen:edithint template="user_bar.css" />
<fieldset id="moderatorBar">
    <div class="pageWidth">
        <div class="pageContent">
        <!-- favoritos-->
        <li class="navTab PopupClosed"><a  href="javascript:bookmarksite('TITULO', 'ENLACE')" class="acp  adminLink">Añadir a Favoritos</a></li>
            <!-- Otros enlaces -->

                <span class="itemCount">Webs Amigas:</span>
                <span class="itemLabel"><a href="http://www.xenfacil.com/"> XenFacil </a></span>
                <span class="itemLabel"><a href="http://www.xenforo.com/"> XenForo </a></span>

            <span class="helper"></span>
        </div>
    </div>
</fieldset>
<!-- Añadir a Favoritos-->
<script type="text/javascript">
function bookmarksite(title,url){
if (window.sidebar) // firefox
   window.sidebar.addPanel(title, url, "");
else if(window.opera && window.print){ // opera
   var elem = document.createElement('a');
   elem.setAttribute('href',url);
   elem.setAttribute('title',title);
   elem.setAttribute('rel','sidebar');
   elem.click();
}
else if(document.all)// ie
   window.external.AddFavorite(url, title);
}
</script>
<!-- Añadir a Favoritos -->
Editamos donde dice TITULO y ENLACE

Ahora creamos la plantilla user_bar.css
HTML: 
#moderatorBar
{

    color: white;
    background-color: @primaryDarker;
    border-bottom: 1px solid @primaryLightish;
    font-size: 11px;
}

{xen:helper clearfix, '#moderatorBar'}

#userBar .pageContent
{
    padding: 2px 0;
}

#moderatorBar a
{
    display: inline-block;
    padding: 2px 10px;
    border-radius: 3px;
}

#UserBar a,
#UserBar .itemCount
{
    color: @primaryLighter;
}


    #UserBar a:hover
    {
        text-decoration: none;
        background-color: @primaryDark;
        color: @primaryLighterStill;
    }

/* Acá toque unas cosas pero no funcionaron mucho :(  */
#moderatorBar .itemLabel,
#moderatorBar .itemCount
{
        color: #fff;
	display: inline-block;
	height: 16px;
	line-height: 16px;
}

#moderatorBar .itemCount
{
	background: @primaryDark;
	padding-left: 6px;
	padding-right: 6px;
	text-align: center;
	font-weight: bold;
	border-radius: 2px;
	text-shadow: none;
}

	#moderatorBar .itemCount.alert
	{
		background: #e03030;
		color: white;
		box-shadow: 2px 2px 5px rgba(0,0,0, 0.25);
	}
#moderatorBar .adminLink
{
	float: right;
}

#moderatorBar .permissionTest,
#moderatorBar .permissionTest:hover
{
	background: #e03030;
	color: white;
	box-shadow: 2px 2px 5px rgba(0,0,0, 0.25);
	font-weight: bold;
}

Ahora editamos la plantilla PAGE_CONTAINER, buscamos donde dice
Insertar CODE, HTML o PHP: 
<xen:if is="{$visitor.is_moderator} || {$visitor.is_admin}">
    <xen:include template="moderator_bar" />
y antes ponemos lo siguiente
Insertar CODE, HTML o PHP: 
<!-- Barra Opcional -->
    <xen:include template="user_bar" />
 
Adrian Barabino

Adrian Barabino

PoLiZeADM
XenForoUser
Lenin:

http://desarrollo.comparteonline.net/index.php

Ahi te paso el password en privado :)

Yo lo deje asi:


HTML: 
<xen:edithint template="user_bar.css" />
<fieldset id="moderatorBar">
    <div class="pageWidth">
        <div class="pageContent">
        <!-- favoritos-->
        <li class="navTab PopupClosed"><a href="javascript:bookmarksite('COMPARTE-ONLINE', 'ENLACE')" class="acp adminLink">Añadir a Favoritos</a></li>
            <!-- Otros enlaces -->

                <span class="itemCount">Webs Amigas:</span>
                <span class="itemLabel"><a href="http://www.xenfacil.com/"> XenFacil </a></span>
                <span class="itemLabel"><a href="http://www.xenforo.com/"> XenForo </a></span>
                <span class="itemLabel"><a href="#"> Página de Lenin</a></span>

            <span class="helper"></span>
        </div>
    </div>
</fieldset>
<!-- Añadir a Favoritos-->
<script type="text/javascript">
function bookmarksite(title,url){
if (window.sidebar) // firefox
   window.sidebar.addPanel(title, url, "");
else if(window.opera && window.print){ // opera
   var elem = document.createElement('a');
   elem.setAttribute('href',url);
   elem.setAttribute('title',title);
   elem.setAttribute('rel','sidebar');
   elem.click();
}
else if(document.all)// ie
   window.external.AddFavorite(url, title);
}
</script>
<!-- Añadir a Favoritos -->

y el css

HTML: 
#moderatorBar
{

    color: white;
    background-color: @primaryDarker;
    border-bottom: 1px solid @primaryLightish;
    font-size: 11px;
}

{xen:helper clearfix, '#moderatorBar'}

#userBar .pageContent
{
    padding: 2px 0;
}

#moderatorBar a
{
    display: inline-block;
    padding: 2px 10px;
    border-radius: 3px;
}

#UserBar a,
#UserBar .itemCount
{
    color: @primaryLighter;
}


    #UserBar a:hover
    {
        text-decoration: none;
        background-color: @primaryDark;
        color: @primaryLighterStill;
    }

/* Acá toque unas cosas pero no funcionaron mucho :(  */
#moderatorBar .itemLabel,
#moderatorBar .itemCount
{
        color: #fff;
	display: inline-block;
	height: 16px;
	line-height: 16px;
}

#moderatorBar .itemCount
{	
	background: @primaryDark;
	padding-left: 6px;
	padding-right: 6px;
	text-align: center;
	font-weight: bold;
	border-radius: 2px;
	text-shadow: none;
}

	#moderatorBar .itemCount.alert
	{
		background: #e03030;
		color: white;
		box-shadow: 2px 2px 5px rgba(0,0,0, 0.25);
	}
#moderatorBar .adminLink
{
	float: right;
}

#moderatorBar .permissionTest,
#moderatorBar .permissionTest:hover
{
	background: #e03030;
	color: white;
	box-shadow: 2px 2px 5px rgba(0,0,0, 0.25);
	font-weight: bold;
}


Y despues en el page container lo puse arriba
 
IhToN

IhToN

Miembro
PoLiZe, yo intenté editarlo pero me daba algunos errores, por eso lo dejé con el css por defecto, ahora actualizo el principal con el tuyo ^^
Muchas gracias por la edición :D
 
Hay que estar conectado o registrado para responder aquí.
Arriba