Add navigation section to index.html and links.html
- Introduced a new navigation container in both index.html and links.html for improved site navigation. - Added links to Home and Links pages with associated images for better user experience. - Updated CSS to style the new navigation elements, ensuring they are visually appealing and functional.
This commit is contained in:
@@ -14,6 +14,12 @@
|
||||
<br>
|
||||
<img class="eeto" src="https://anlucas.neocities.org/under-con.gif" alt="Under Construction">
|
||||
<a href="https://zaney.atabook.org/"><img class="eeto" src="https://zane.org/buttons/guestbook.gif"></a>
|
||||
<div class="nav-container">
|
||||
<h4 class="nav-item">Navigator Ultimate <p class="mini-text">Trial Version</p></h4>
|
||||
<a href="https://zane.org"><img class="nav-item" src="https://anlucas.neocities.org/42.gif"><br>Home</a>
|
||||
<br><br>
|
||||
<a href="https://zane.org/links.html"><img class="nav-item" src="https://anlucas.neocities.org/globe05.gif"><br>Links</a>
|
||||
</div>
|
||||
</header>
|
||||
<div class="content">
|
||||
<h1 class="content">Welcome to my website :D</h1>
|
||||
|
||||
@@ -13,6 +13,12 @@
|
||||
<br><br>
|
||||
<img class="eeto" src="https://anlucas.neocities.org/under-con.gif" alt="Under Construction">
|
||||
<a href="https://zaney.atabook.org/"><img class="eeto" src="https://zane.org/buttons/guestbook.gif"></a>
|
||||
<div class="nav-container">
|
||||
<h4 class="nav-item">Navigator Ultimate <p class="mini-text">Trial Version</p></h4>
|
||||
<a href="https://zane.org"><img class="nav-item" src="https://anlucas.neocities.org/42.gif"><br>Home</a>
|
||||
<br><br>
|
||||
<a href="https://zane.org/links.html"><img class="nav-item" src="https://anlucas.neocities.org/globe05.gif"><br>Links</a>
|
||||
</div>
|
||||
</header>
|
||||
<h1>Cool Links</h1>
|
||||
<p>These are some cool websites I have found and want to share with you.</p>
|
||||
|
||||
15
style.css
15
style.css
@@ -86,4 +86,17 @@ a {
|
||||
ul li::marker {
|
||||
color: white; /* Or any other color value (e.g., hex code, RGB) */
|
||||
}
|
||||
|
||||
.nav-item {
|
||||
height: 100px;
|
||||
width: auto;
|
||||
image-rendering: pixelated;
|
||||
text-align: center;
|
||||
position: sticky;
|
||||
}
|
||||
.nav-container {
|
||||
display: block;
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
top: 20px;
|
||||
left: 40px;
|
||||
}
|
||||
Reference in New Issue
Block a user