Slide show

How to move the Standar Google Page Tab memu to ASOME !!! top static menu toolbar replacing blogger Navbar ( one line code )

The Theme on this blog is a pute simple google bloger template and trandormed with some greek CSS code - We are Original greeks ( From Greece )


The google standar tab menu named PageList1 so you can give absolute position to top of your blog

1. First of all hite your google nav bar, then
2. Go to Theme - Customize - Advance - Add Css




add the code

#PageList1 { position: fixed; top: 0px; left: 0px; z-index: 999; width:100%;}

This blog use the code to absolute the pages Menu position to Top Left

Bonus code 
to customize your page list tab menu style find and edit on your temelate Editor


<Variable name="tab.border.radius" description="Tab Border Radius" type="length" default="10px" min="0" max="100px"
value="10px"/>
<Variable name="tab.first.border.radius" description="First Tab Border Radius" type="length" default="10px" min="0" max="100px" 
value="10px"/>
<Variable name="tabs.border.radius" description="Tabs Border Radius" type="length" default="0" min="0" max="100px"
value="0"/>

<Variable name="tabs.spacing" description="Tab Spacing" type="length" default=".25em" min="0" max="10em"
value=".25em"/>
<Variable name="tabs.margin.bottom" description="Tab Margin Bottom" type="length" default="0" min="0" max="100px"
value="0"/>
<Variable name="tabs.margin.sides" description="Tab Margin Sides" type="length" default="20px" min="0" max="100px" 
value="20px"/>

for FLAT style set all value="0px"

Done your menu bar is on top fixed !!!

Fixed top menu bar is full Responsive and work with tablets and mobile phones !!!




No comments:

Post a Comment