none
Como Separar los elementos de la Barra de vinculos superior en Sharepoint 2010 RRS feed

  • Pregunta

  • Hola ,

    Estoy configurando la Barra de Vinculos superior en mi sitio en Sharepoint 2010, la cuestión es que los elementos del menu(que son vinculos a otras paginas u objetos ), los quiero separar con barras tipo "|", pero sin que las barras sean enlaces, en mi caso se quedan como vinculos y no es lo que yo quiero.Debería quedar algo así:

    Inicio | MiPagina | Supagina

    Si alguien me pudiera ayudar a configurar el aspecto del menu.

    Muchas gracias de antemano.

    Saludos

    viernes, 28 de junio de 2013 12:25

Todas las respuestas

  • Hola Alfonso.

    ¿Cómo estás intentando establecer los separadores?

    Para solucionarlo tienes diversos métodos, JavaScript, CSS o desde el propio control de navegación.


    "En los momentos de crisis, sólo la imaginación es más importante que el conocimiento"
    MCTS | SharePoint 2010, Application Development
    MCTS | SharePoint 2010, Configuring
    MS | Programming in HTML5 with JavaScript and CSS3 (MS), Developing ASP.NET MVC 4 Web Applications
    Twitter | @saintwukong

    martes, 9 de julio de 2013 22:33
  • Hola Alfonso.

    Tienes que crear un estilo para aplicarlo al control de la navegación global.

    Algo como esto: #DeltaTopNavigation{
        margin:auto;
        width:1020px;
        display:block;
        background-color: rgb(255, 118, 19);
        
    }


    #DeltaTopNavigation > div{
        margin:auto;
        text-align:center;
        display:block;
        white-space:normal;
        
    }

    #DeltaTopNavigation > div > ul > li > a {
        margin-right:0px !important;
        text-align:center !important;
        border-right:2px solid #FFFFFF;
        color:white !important;
        padding-left:10px;
        padding-right:10px;
        
    }


    #DeltaTopNavigation > div > ul > li >  ul > li > a{
        
        margin-right:0px !important;
        text-align:center !important;
        border-right:2px solid #FFFFFF;
        color:white !important;
        padding-left:10px;
        padding-right:10px;
    }


    #DeltaTopNavigation > div > ul > li   {
         border-right:2px solid #FFFFFF;
    }


    DeltaTopNavigation
    .invisible{
     display:none;
     visibility:hidden;
    }

    Saludos.

    jueves, 28 de noviembre de 2013 20:11