Navbar for boostrap v1.3.6

Forum
Last Post
Threads / Messages

jens42

Member
Member
Joined
Sep 28, 2021
Messages
1
Points
1
Mysidian Dollar
11
Hello,
HTML:
<div class='ddmenu'>

<ul>

<li>

<a href='./vpet/index' class='hides'>Home
</a>
</li>
<li>

<a href='./vpet/index' class='hides'>Adoptables
</a>
<ul>
<li>
<a href='./vpet/adopt'>Adoption Center
</a></li><li>
<a href='./vpet/pound'>Pound Pool
</a></li><li>
<a href='./vpet/myadopts'>My Adopts
</a></li><li>
<a href='./vpet/promo'>Special Offer
</a></li>
</ul>
</li>
<li>

</ul>
</div>
This old Code

My New Code is:
Code:
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
  <a class="navbar-brand" href="{$path}index">{$site_name}</a>
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>
      {$menu}
</nav>

in file model/viewmodel/menu.php

I changed the following:
row: 61
PHP:
$menuList = new LinksList("ul class=\"navbar-nav mr-auto\"");
row:71 delet "ul"
row 88:
PHP:
old
$this->division->setClass("ddmenu");
new
$this->division->setClass("collapse navbar-collapse");

current edition

HTML:
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
  <a class="navbar-brand" href="./portal/index">Portal</a>
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>
    
<div class='collapse navbar-collapse'>

<ul class="navbar-nav mr-auto">

<li>

<a href='./portal/index' class='nav-link dropdown-toggle'>Home
</a>
</li>
<li>

<a href='./portal/index' class='nav-link dropdown-toggle'>Adoptables
</a>
<li>
<li>
<a href='./portal/adopt'>Adoption Center
</a></li><li>
<a href='./portal/pound'>Pound Pool
</a></li><li>
<a href='./portal/myadopts'>My Adopts
</a></li><li>
<a href='./portal/promo'>Special Offer
</a></li>
</li>
</li>
<li>
</ul>
</div>

How can I change the <li>
HTML:
            <li class="nav-item dropdown">
                <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    Adoptables
                </a>
                <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                    <a class="dropdown-item" href="#">Adoption Center</a>
                    <a class="dropdown-item" href="#">Pound</a>
                    <a class="dropdown-item" href="#">Redeem</a>
                </div>
            </li>
 

Users who are viewing this thread

  • Forum Contains New Posts
  • Forum Contains No New Posts

Forum statistics

Threads
4,280
Messages
33,129
Members
1,603
Latest member
Monako
BETA

Latest Threads

Latest Posts

Top