Can't make that kind of Navbar

[Med SAID, geändert vor 7 Jahren.]

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, geändert vor 7 Jahren.]

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

[Med SAID, geändert vor 7 Jahren.]

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, geändert vor 7 Jahren.]

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, geändert vor 7 Jahren.]

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, geändert vor 7 Jahren.]

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, geändert vor 7 Jahren.]

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