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

مجموعه مقالات و مطالب مرتبط با بلاگر و وبلاگ نویسی و دنیای فناوری اطلاعات

دیدن مطالب وبلاگ

۱۳۸۷/۰۲/۳۰

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






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

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='http://4.bp.blogspot.com/_Zuzii37VUO4/RlpT2Zya1AI/AAAAAAAABoI/6EXVwJ-0xxc/s1600/menu-lateral-inicio.png'/></a>
<br/><a href='#BlogArchive1' style='border:0;' title='Archive'><img alt='Archive' src='http://3.bp.blogspot.com/_Zuzii37VUO4/RlpT2Jya08I/AAAAAAAABno/fEetH56Ftgw/s1600/menu-lateral-archivo.png'/></a>
<br/><a href='#your email' style='border:0;' title='Contact me'><img alt='Contact me' class='menulateral' src='http://4.bp.blogspot.com/_Zuzii37VUO4/RlpT2Zya0-I/AAAAAAAABn4/F5Ax7A_8rLA/s1600/menu-lateral-contacto.png'/></a>
<br/><a href='#Feed url' style='border:0;' title='Suscribe Feed'><img alt='Suscribe Feed' class='menulateral' src='http://4.bp.blogspot.com/_Zuzii37VUO4/RlpT2Zya0_I/AAAAAAAABoA/HgSHFryV6kc/s1600/menu-lateral-feed.png'/></a>
<br/><a href='#' style='border:0;' title='Arriba'><img alt='Arriba"' class='menulateral' src='http://4.bp.blogspot.com/_Zuzii37VUO4/RlpT2Zya09I/AAAAAAAABnw/38HqImjH21E/s1600/menu-lateral-arriba.png'/></a>
</span>
</div>




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



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





0 نظر:

لینکهای دوستان