قرار دادن منو ثابت در وبلاگ

براى قراردادن منو ثابت در وبلاگ خود مراحل زير را دنبال کنيد:

1) کد هاى زير را در قسمت CSS قالب خود قرار دهيد

#menulateral{
position:fixed;
text-align:left;

/*Si la ubicación del menú no es la adecuada modifica los valores siguiente: */
margin-top:100px;
margin-left:-28px;
}

* html #menulateral{  /*para IE*/
position:absolute;
}

#menulateral a img{
opacity:1;
-moz-opacity:1;
filter:alpha(Opacity=100);
}

#menulateral a:hover img{
opacity:0.8;
-moz-opacity:0.8;
filter:alpha(Opacity=80);
position:relative;top:0px;left:2px;
}

* html #menulateral a img{
filter:alpha(Opacity=100);
}

#menulateral img{
margin-bottom: -5px;
}

* html .menulateral{
margin-bottom: -3px;
}

2) خط کد زير را در قالب خود پيدا کنيد

<div id='content-wrapper'>

3) در انتهاى آن کليد Enter از کيبورد خود را زده و بعد کد زير را اضافه نمائيد

<div id='menulateral'>
<span>
<a href='#you weblog Url' style='border:0;' title='Home'><img alt='Home' class='menulateral' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpophLVEsupB8he8ipOPGJj-BbIB8R28FFpJkB-ZxUK2CL3BCSMn1wsm3Dqk4njZi2bWMxSfE7uSfoeWuIZNEabCSSYfB_H1ASoZE-4dz3n4gOJp2twN5Rg2Rz1a-LFlN6313n23HSaAA/s1600/menu-lateral-inicio.png'/></a>
<br/><a href='#BlogArchive1' style='border:0;' title='Archive'><img alt='Archive' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNmI1rkksZ_q3Bcr9pd-OYO4t3XVLPsEO-v9yskHes4epUzJhwZinUte_aHtrpigL07clsSjZBZhqui0xiuMbaxhdx2p5sA_Wn_LOGmFxkYyfQp5scZmTQdrD91HXcnCXWCaUG45U_Bmc/s1600/menu-lateral-archivo.png'/></a>
<br/><a href='#your email' style='border:0;' title='Contact me'><img alt='Contact me' class='menulateral' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqcZ50GHPGWt8EzzUuerhTVYAa8-pyXf4pL_MnzbCOvafk7foDqkh3sxwtwGIZLd3Tl0_nhbzG-lBSMpwOt5F2rc12sIYR2iQNdd4cnFKNrjdQL3fEi4WNYrzaYHlB4GpKgAddJYNfTpU/s1600/menu-lateral-contacto.png'/></a>
<br/><a href='#Feed url' style='border:0;' title='Suscribe Feed'><img alt='Suscribe Feed' class='menulateral' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFOudLXSBkY-8ViEUyat1TvkOLHv8lE36m0TlLUtdNs36QE5IB3Bmqh6tOy7u80H872pxZ5b8eP3mRXs4LVhZvB6pwi1sl9mn9_EphjJy7raRaFtJdRUk0YbFxRu8Z_mr6tXs82VS1YH0/s1600/menu-lateral-feed.png'/></a>
<br/><a href='#' style='border:0;' title='Arriba'><img alt='Arriba"' class='menulateral' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMXxzo5gI0VYMemdkZFFuUalala-NXT4HqcEstFT5ojDdq9nqD5No_MOqWChWtAWP6-qvl7uX9bzEqy33HlGqozkrjQQXV59a7WPhvh4EM40xLF7s8j1-_M0oH-A8v1He5Jn_Xuo8V8fQ/s1600/menu-lateral-arriba.png'/></a>
</span>
</div>

به جاى لينکهاى بالا ، لينکهاى خود را قرار دهيد.



توجه: اين منو با مرورگر IE مشکل دارد . اگر شما موفق به رفع مشکل آن شديد ، لطفا نظر خود را در قسمت نظرات بيان نمائيد.

• منبع