Tips - hidden menu
Publicerat den 

Ett snabbt inlägg om hur jag gjort min hidden menu (min meny). Här nedanför har ni koderna för min meny men ni behöver troligen ändra lite grejer beroende på hur er blogg ser ut och hur ni vill att menyn ska se ut men det får ni faktiskt lösa själva. Våga testa er fram!

 

Detta ska läggas in i stilmallen:

.hiddenmenu {
background: #ffffff;
width:240px;
margin-top:-600px;
margin-left:-290px;
position:fixed;
padding-left:30px;
-webkit-transition: 1s ease-in-out;
-moz-transition: 1s ease-in-out;
-ms-transition: 1s ease-in-out;
padding-top: 20px;
font-family: verdana;
font-size: 8px;
letter-spacing: 0.2em;
color: #948F8F;
text-transform: uppercase;
text-align: left;
float:left;
}

.hiddenmenu a{
font-family: verdana;
font-size: 8px;
letter-spacing: 0.2em;
color: #948F8F;
text-decoration: none;

}


.hiddenmenu:hover {
margin-left: -14px;
}

#hiddenmenu {
background-color:transparent;
margin-top:6px;
margin-left:273px;
position:absolute;
padding:12px;
text-align: left;
float:left;
}

 

Detta ska läggas in i ALLA kodmallar (ovanför content):

<div class="hiddenmenu">
<div id="hiddenmenu">
<img src="http://i61.tinypic.com/mt77e1.png">
</div>
<div style="overflow:auto; width: 250px; height: 1800px; border: 1px solid transparent; background-color: transparent; text-align: justify;">LÄGG TILL DITT EGET INNEHÅLL HÄR</div>

 

Hoppas detta har åtminstone hjälpt er en gnutta!

Publicerad i:  Bloggdesign, Tips - Bloggdesign, Vardag             |  KOMMENTERA HÄR

Liknande inlägg




NAMN *
Kom ihåg mig?

EMAIL (publiceras ej)


BLOGG


KOMMENTAR






2015  Augusti, September,

2014  Januari, Februari, Mars, April, Maj, Juni, Juli, September, Oktober,

2013  Januari, Februari, Mars, April, Maj, Juni, Juli, September, Oktober, November, December

2012  Juni, Augusti, September, Oktober, November, December


Follow


Matbloggstoppen
        Follow on Bloglovin