Topic: Panadero

Name: Panadero
Version: 3.5
Release date: 22/03/2013
Author: Diego
URL: http://diego.nibbleblog.com
Download: https://github.com/dignajar/nibbleblog/ … s/panadero

Re: Panadero

Hello,

Really cool Theme! I love it smile

I would like to add a menu over this theme to give an access to my full website (Home, Games, About, Blog, Forum)
What is the file to edit to do this change?

Have you some tips to make this menu because I'm not really a coder smile

Thank you!!

dijiko.com | magicfred.com

Re: Panadero

you must edit: templates/default.bit

Jano

Re: Panadero

Thank you ! I do this:

In default.bit:
After <body>

<nav>
  <ul>
    <li><a href="#1">page 1</a></li>
    <li><a href="#2">page 2</a></li>
    <li><a href="#3">page 3</a></li>
    <li><a href="#4">page 4</a></li>
    <li><a href="#5">page 5</a></li>
  </ul>
</nav>

In main.css:

/* ============================== */
/* NAVIGATION */
/* ============================== */

nav {
  width: 100%;
  height: 60px;
  position: fixed;
  top: 0;
  background: #D52D4E;
}

nav ul {
  padding: 20px;
  margin: 0 auto;
  list-style: none;
  text-align: center;
}
nav ul li {
  display: inline-block;
  margin: 0 10px;
}
nav ul li a {
  padding: 10px 0;
  color: #fff;
  font-size: 1rem;
  text-decoration: none;
  font-weight: bold;
  transition: all 0.2s ease;
}
nav ul li a:hover {
  color: #7E1B2F;
}
a.active {
  border-bottom: 2px solid #ecf0f1;
}

/* Headings */

h1 {
  font-size: 5rem;
  color: #34495E;
}

Voilà! A nice top menu with this theme smile

dijiko.com | magicfred.com