Skip to main content
K
Kurnia5EDC
Participant
July 7, 2021
Answered

New bie want to insert navigation, please help

  • July 7, 2021
  • 3 replies
  • 314 views

I m trying to insert a navigation code to a template with the following codes

the template codes from https://templatemo.com/tm-561-purple-buzz

 

<section class="container overflow-hidden py-5">
<div class="row gx-5 gx-sm-3 gx-lg-5 gy-lg-5 gy-3 pb-3 projects">

<!-- Start Recent Work -->
<div class="col-xl-3 col-md-4 col-sm-6 project ui branding">
<a href="#" class="service-work card border-0 text-white shadow-sm overflow-hidden mx-5 m-sm-0">
<img class="service card-img" src="./assets/img/services-01.jpg" alt="Card image">
<div class="service-work-vertical card-img-overlay d-flex align-items-end">
<div class="service-work-content text-left text-light">
<span class="btn btn-outline-light rounded-pill mb-lg-3 px-lg-4 light-300">Lampu Teras Otomatis</span>
<p class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing</p>
</div>
</div>
</a>
</div><!-- End Recent Work -->

 

I d like to insert the following navigation inside the block,

href="page_project_tutorial.html">Workshop_1</a>

so when the button is pushed, the code run to page_project_tutorial.html

 

please help

 

thank you in advance

kurnia brahmana

 

This topic has been closed for replies.
Correct answer B i r n o u

I'm not sure to understand where you want to add the link... is it in the snippet relative to Start Recent Work

or is it in the link that you point at ... https://templatemo.com/tm-561-purple-buzz

 

if it is in the template navigation

open the HTML code of the template...

 

search for the following HTML

 

<div class="tm-menu">
  <a href="/page/1">Free Templates</a>
  <a href="https://www.tooplate.com" rel="sponsored">HTML Templates</a>
  <a href="/links">Links</a>
  <a href="/contact">Contact</a>
</div>

 

and simply add your new link

<div class="tm-menu">
  <a href="/page/1">Free Templates</a>
  <a href="https://www.tooplate.com" rel="sponsored">HTML Templates</a>
  <a href="/links">Links</a>
  <a href="/contact">Contact</a>
  <a href="/page_project_tutorial.html">Workshop_1</a>
</div>

but be aware that in that case that do mean, that your page page_project_tutorial.hml is located at the root folde. If your page is inside a folder called 'foo', the href attribut should be equal to /foo/page_project_tutorial.hml

 

now if you want to add the same link inside the Start Recent Work bloc, you will have to

first replace the # (third line) by the link itself...

second the "Lorem ipsum dolor sit amet, consectetur adipisicing" sentance (fifth line before the end) by "Workshop_1"

3 replies

K
Kurnia5EDCAuthor
Participant
July 8, 2021

Hi, its morning here at the moment,

 

thank you very much for your kind attention, and helped me to solve my problem.

 

The code from noth of you Birnou and Nancy OShea, solved the problem, but I prefer to use Birnou's code,

because I can use the template, even it is very old but don't need to rewrite.

 

Any way, thank you so much.

kurnia brahmana

 

Nancy OShea
Community Expert
Nancy OSheaCommunity Expert
Community Expert
July 7, 2021

That XHTML Template is woefully outdated.  I wouldn't use it.  We use HTML5 doc types now.

 

I recommend you create a new layout in Dreamweaver CC with a built-in Bootstrap Starter Template.

 

1. Define your local site folder by going to Site > New site...  Example, C:\myTestSite\

 

2. Go to File > New > Starter Templates > Bootstrap Templates.  Select a layout and hit the Create button.  See Screenshots.

 

 

After saving, Dreamweaver will create assets folder for you in your local site folder (MyTestSite).

 

 

Hope that helps.

 

Nancy O'Shea— Product User & Community Expert
B i r n o u
B i r n o uCorrect answer
Legend
July 7, 2021

I'm not sure to understand where you want to add the link... is it in the snippet relative to Start Recent Work

or is it in the link that you point at ... https://templatemo.com/tm-561-purple-buzz

 

if it is in the template navigation

open the HTML code of the template...

 

search for the following HTML

 

<div class="tm-menu">
  <a href="/page/1">Free Templates</a>
  <a href="https://www.tooplate.com" rel="sponsored">HTML Templates</a>
  <a href="/links">Links</a>
  <a href="/contact">Contact</a>
</div>

 

and simply add your new link

<div class="tm-menu">
  <a href="/page/1">Free Templates</a>
  <a href="https://www.tooplate.com" rel="sponsored">HTML Templates</a>
  <a href="/links">Links</a>
  <a href="/contact">Contact</a>
  <a href="/page_project_tutorial.html">Workshop_1</a>
</div>

but be aware that in that case that do mean, that your page page_project_tutorial.hml is located at the root folde. If your page is inside a folder called 'foo', the href attribut should be equal to /foo/page_project_tutorial.hml

 

now if you want to add the same link inside the Start Recent Work bloc, you will have to

first replace the # (third line) by the link itself...

second the "Lorem ipsum dolor sit amet, consectetur adipisicing" sentance (fifth line before the end) by "Workshop_1"

    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices