• ¡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

#1
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

PoLiZeADM
XenForoUser
#4
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
 
#5
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
 
Arriba