• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

Basic Web Site

Engaged ,
Jul 27, 2020 Jul 27, 2020

Copy link to clipboard

Copied

How can I make a basic web site....

 

So how can I make a 'Roll-Over' so when I click 'Work' it changes colour to a 'Sky Blue' then moves to a different page.

 

Web PageWeb Page

 

 

 

 

 

 

 

 

TOPICS
Code , How to , Interface

Views

183

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jul 27, 2020 Jul 27, 2020

Copy link to clipboard

Copied

Have a look at using Bootstrap: https://www.w3schools.com/bootstrap4/default.asp, in particilar https://www.w3schools.com/bootstrap4/bootstrap_navbar.asp

Wappler, the only real Dreamweaver alternative.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Jul 27, 2020 Jul 27, 2020

Copy link to clipboard

Copied

LATEST

That's fairly basic - you would just use some css.

If your navigation links are in a container with an id or class of nav:

 

The css using an id:

#nav a:hover {

color: skyblue;

}

 

The css using a class:

.nav a:hover {

color: skyblue;

}

 

<nav id="nav">

<ul>

<li><a href="work.html">WORK</a></li>

<li><a href="about.html">ABOUT</a></li>

<li><a href="contact.html">CONTACT</a></li>

</ul>

</nav>

 

<nav class="nav">

<ul>

<li><a href="work.html">WORK</a></li>

<li><a href="about.html">ABOUT</a></li>

<li><a href="contact.html">CONTACT</a></li>

</ul>

</nav>

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines