Can't make that kind of Navbar

[Med SAID，修改在7 年前。]

HEllo community ,

I am using FreeMarker , im creatin a theme for liferay 6.2 , There is any way to have a navigation bar like this ?

I am still a noob & i find it hard.

Please Help Me

Thank you

[Andrew Jardine，修改在7 年前。]

Navbar like what? did you mean to attach an image to the post and forget?

[Med SAID，修改在7 年前。]

Thank you for ur time . I wanna create a navigation bar like this style.

I couldn't use Bootstrap-3 because Liferay:6.2 support only Bootstrap-2.3, I am stuck in the grid system to make a navigation bar like the previous image, i mean i have no idea about how to make it.

[Antonio Ortega，修改在7 年前。]

Hey Med,

I haven't had the chance to try a navbar like yours, but regarding your last comment if you think you can do it with Bootstrap 3, you can use it over Liferay 6.2. Here is a great post explaining how to do it. I hope it helps.

[Med SAID，修改在7 年前。]

Thank You Antonio, but I tried that post you gave me already and it generate an error while adding a new Structure theme.
Thats why I have no idea about how to do it .

[Andrew Jardine，修改在7 年前。]

You have to remember that the header, navigation and footer are page frames that are always present, even if the portlet is in a Maximized state. To do what you are doing looks fairly simple to me, it looks like an inline list.

<div class="row-fluid">
    <div class="span8">
        <ul class="unstyled inline">
            <li><a href="#">Page 1</a></li>
            <li><a href="#">Page 2</a></li>
            <li><a href="#">Page 3</a></li>
            <li><a href="#">Page 4</a></li>
            <li><a href="#">Page 5</a></li>
            <li><a href="#">Page 6</a></li>
            <li><a href="#">Page 7</a></li>
        </ul>
    </div>
    <div class="span4">
        <a href="#" class="btn btn-primary">Home</a>
    </div>
    </div>

.. something like that might work. I haven't actually tried this code so use at your own risk. BS2.6 isn't as sexy as 3, but it's definitely useable. By default, Liferay puts the navigation items inline the way you describe so if the only thing that is missing to make it work is the HOME button, then you can probably use some of what I have above to get to that point. Start with the _styled template and work your magic from that point forward.

[Med SAID，修改在7 年前。]

Thank you Andrew, Its a good structure to start with , then some magic css and It will work