Slide show

How to create a Navigation post and Navigation Toolbar witout code


Navigation Alternative Toolbar witout code
As front end page developers we have a problem with Upper navigation toolbar when the user activate the google translate so we make a alternative navigation system , who some times looks awesome !!!

  • This Alternatine Navigate System help the blog visitors to have a alternative nav option , 
  • This Alternatine Navigate System help you to have some new blog control methods shrink to some simple posts !!! this is a very simple 5 click method wit out coding

1) Make some Navigation posts and label it «Navigate 

Order the Navigation button to be FIRST in the labels list...

That's it Congratulations !!!! you have a new Navigation system - and Navigation posts ... 

Bonus Tips :
You can make your navigation posts stick using a simple trick . Publise the posts using a future date : 

Bonus Tips :
In your Navigation posts you can add a simple Fixed buttons or menu Toolbar:

#1. Using a simple word processor like MsWord 2016 ( We Will post about that soon !!! ):

You can use a Word Processor to make fixed buttons without coding...
Very easy and simple and fast way to make beautiful Fixed buttons and insert the buttons as PNG or JPG in to your Post ( Create a new post ) and link your PNG without code. Also you can copy that buttons to a simple  : Text widget but this is not into the point.

#2. Or you can use a Multiple CSS MENU style ( CSS/HTML Code method ) :

#3. Or you can use a online button builder:

#4. Or you can use a online menu builder: Payd
webstore/detail/swimbi-css-menu-maker/ Chrome addon Payd

#5. Or you can download a menu builder software: Payd Payd

All methods work great !!! 

Bonus code :
 if you like the button zoom effect add this code in to the start of your post:

<style media="screen" type="text/css">
.post img{
-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease;
.post img:hover {
-o-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transform: scale(1.1);

Tags CSS Button builder CSS Menu Generator CSS Tab Designer


1 comment: