ehsanbakefayat
![](https://rozup.ir/view/393137/normal-user.png)
ارسالهاAsnwers : | 9 |
عضویتRegistration date : | 24 /6 /1391 |
حمایت کردهthanks : | 3 |
|
پاسخAnswer 9 : وسط چین کردن کد منوی فنری
این کدی قسمتیه که در head قرار میگیره (کمی ویرایش کردم و حالت فنریش رو برداشتم) کد:
</div><div><script><br></div><div>$(document).ready(function(){</div><div>/* Designed By WwW.MoIsRex.RozBlog.Com */</div><div><span></span>i_link=0;</div><div><span></span>function moisrexLinks(){</div><div><span></span>$('.moisrex-tabz a:eq('+i_link+')').stop().animate({left:'-70px'},100).animate({left:'-50px'},100).animate({left:'-60px'},100);</div><div><span></span>i_link=i_link+1;</div><div><span></span>if (i_link!=$('.moisrex-tabz a').length+1){</div><div><span></span>setTimeout(moisrexLinks,100);</div><div><span></span>}</div><div><span></span>}</div><div><span></span>moisrexLinks();</div><div><span></span>$('.moisrex-tabz a').hover(function(){</div><div><span></span>$(this).animate({left:'-50px'},100).animate({left:'-120%'},100).animate({left:'-100%'},100).animate({left:'-110%'},100);</div><div><span></span>},function(){</div><div><span></span>$(this).animate({left:'-40px'},100).animate({left:'-60px'},100);</div><div><span></span>});</div><div>});</div><div></script></div><div><style></div><div>/* Designed By WwW.MoIsRex.RozBlog.Com */</div><div>.moisrex-tabz{</div><div><span></span>position:fixed;</div><div><span></span>left:100%;</div><div><span></span>direction:ltr;</div><div><span></span>z-index:9999999999999999;</div><div>}</div><div>.moisrex-tabz a{</div><div><span></span>text-align:left;</div><div><span></span>background-position:left center;</div><div><span></span>border:1px #ccc solid;</div><div><span></span>border-radius:5px;</div><div><span></span>-moz-border-radius:5px;</div><div><span></span>-ms-border-radius:5px;</div><div><span></span>-webkit-border-radius:5px;</div><div><span></span>-o-border-radius:5px;</div><div><span></span>-khtml-border-radius:5px;</div><div><span></span>position:relative;</div><div><span></span>padding:10px;</div><div><span></span>margin:10px;</div><div><span></span>padding-right:20px;</div><div><span></span>background-color:rgba(200,200,200,0.5);</div><div><span></span>text-decoration:none;</div><div><span></span>background-position:5px center;</div><div><span></span>background-repeat:no-repeat;</div><div><span></span>background-size:32px 32px;</div><div><span></span>color:#333;</div><div><span></span>display:block;</div><div><span></span>direction:rtl;</div><div><span></span>font:11px tahoma;</div><div><span></span>padding-left:50px;</div><div><span></span>width:100%;</div><div>}</div><div></style></div></div><div><div>
این کد قسمتیه که در body قرار میگیره کد:
</div></div><div><span id="pasteCursorPosition"></span><br></div><div><div><div class="moisrex-tabz"><div </div><div>style="position:absolute;top:-2000%;"><a </div><div>href="http://moisrex.rozblog.com/">کدستان</a></div></div><div><br></div><div><br></div><div><span></span><a href="/" </div><div>style="background-image:url(http://icons.iconarchive.com/icons/double-j-design/origami-colored-pencil/32/blue-home-icon.png)">صفحه</div><div><br></div><div> اصلی</a></div><div><span></span><a href="/Forum" </div><div>style="background-image:url(http://icons.iconarchive.com/icons/arkangl300/zero-folders/32/group-icon.png);">انجمن</a></div><div><br></div><div><br></div><div><span></span><a href="/Register" </div><div>style="background-image:url(http://icons.iconarchive.com/icons/artdesigner/lovely-website/32/register-icon.png);">ثبت</div><div><br></div><div> نام</a></div><div><span></span><a href="/Login" </div><div>style="background-image:url(http://icons.iconarchive.com/icons/custom-icon-design/mini/32/Login-in-icon.png);">ورود</div><div><br></div><div> به سیستم</a></div><div><span></span><a href="/Contact" </div><div>style="background-image:url(http://icons.iconarchive.com/icons/deleket/sleek-xp-basic/32/Mail-icon.png);">تماس</div><div><br></div><div> با ما</a></div><div></div></div></div><div><div>
کد کامل قالب : کد:
<!DOCTYPE html></div><div><html xmlns="http://www.w3.org/1999/xhtml"></div><div><head></div><div><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></div><div><title></title></div><div><br></div><div><link rel="stylesheet" type="text/css" media="all" href="demo/css/html5reset.css" /></div><div><link href="demo/css/demo.css" rel="stylesheet" type="text/css"></div><div><script src="demo/js/jquery-1.5.min.js" type="text/javascript"></script></div><div><script type="text/javascript"></div><div>$(document).ready(function() {</div><div><span></span>$('.fadeThis').append('<span class="hover"></span>').each(function () {</div><div><span></span> var $span = $('> span.hover', this);f</div><div> if ($.browser.msie && $.browser.version < 9)</div><div> $span.hide();</div><div> else</div><div> $span.css('opacity', 0);</div><div><span></span> $(this).hover(function () {</div><div><span></span> if ($.browser.msie && $.browser.version < 9)</div><div><span></span> $span.show();</div><div><span></span> else</div><div> <span></span> $span.stop().fadeTo(500, 1);</div><div><span></span> }, function () {</div><div><span></span> if ($.browser.msie && $.browser.version < 9)</div><div><span></span> $span.hide();</div><div><span></span> else</div><div> <span></span> $span.stop().fadeTo(500, 0);</div><div><span></span> });</div><div><span></span>});</div><div>});</div><div></script></div><div><script type="text/javascript" src="http://takabnak.ir/skins/codes/js/mbg.1.js"></script></div><div><br></div><div><script></div><div>$(document).ready(function(){</div><div>/* Designed By WwW.MoIsRex.RozBlog.Com */</div><div><span></span>i_link=0;</div><div><span></span>function moisrexLinks(){</div><div><span></span>$('.moisrex-tabz a:eq('+i_link+')').stop().animate({left:'-70px'},100).animate({left:'-50px'},100).animate({left:'-60px'},100);</div><div><span></span>i_link=i_link+1;</div><div><span></span>if (i_link!=$('.moisrex-tabz a').length+1){</div><div><span></span>setTimeout(moisrexLinks,100);</div><div><span></span>}</div><div><span></span>}</div><div><span></span>moisrexLinks();</div><div><span></span>$('.moisrex-tabz a').hover(function(){</div><div><span></span>$(this).animate({left:'-50px'},100).animate({left:'-120%'},100).animate({left:'-100%'},100).animate({left:'-110%'},100);</div><div><span></span>},function(){</div><div><span></span>$(this).animate({left:'-40px'},100).animate({left:'-60px'},100);</div><div><span></span>});</div><div>});</div><div></script></div><div><style></div><div>/* Designed By WwW.MoIsRex.RozBlog.Com */</div><div>.moisrex-tabz{</div><div><span></span>position:fixed;</div><div><span></span>left:100%;</div><div><span></span>direction:ltr;</div><div><span></span>z-index:9999999999999999;</div><div>}</div><div>.moisrex-tabz a{</div><div><span></span>text-align:left;</div><div><span></span>background-position:left center;</div><div><span></span>border:1px #ccc solid;</div><div><span></span>border-radius:5px;</div><div><span></span>-moz-border-radius:5px;</div><div><span></span>-ms-border-radius:5px;</div><div><span></span>-webkit-border-radius:5px;</div><div><span></span>-o-border-radius:5px;</div><div><span></span>-khtml-border-radius:5px;</div><div><span></span>position:relative;</div><div><span></span>padding:10px;</div><div><span></span>margin:10px;</div><div><span></span>padding-right:20px;</div><div><span></span>background-color:rgba(200,200,200,0.5);</div><div><span></span>text-decoration:none;</div><div><span></span>background-position:5px center;</div><div><span></span>background-repeat:no-repeat;</div><div><span></span>background-size:32px 32px;</div><div><span></span>color:#333;</div><div><span></span>display:block;</div><div><span></span>direction:rtl;</div><div><span></span>font:11px tahoma;</div><div><span></span>padding-left:50px;</div><div><span></span>width:100%;</div><div>}</div><div></style></div><div></head></div><div><br></div><div><body> </</div><div><div class="moisrex-tabz"><div </div><div>style="position:absolute;top:-2000%;"><a </div><div>href="http://moisrex.rozblog.com/">کدستان</a></div></div><div><br></div><div><br></div><div><span></span><a href="/" </div><div>style="background-image:url(http://icons.iconarchive.com/icons/double-j-design/origami-colored-pencil/32/blue-home-icon.png)">صفحه</div><div><br></div><div> اصلی</a></div><div><span></span><a href="/Forum" </div><div>style="background-image:url(http://icons.iconarchive.com/icons/arkangl300/zero-folders/32/group-icon.png);">انجمن</a></div><div><br></div><div><br></div><div><span></span><a href="/Register" </div><div>style="background-image:url(http://icons.iconarchive.com/icons/artdesigner/lovely-website/32/register-icon.png);">ثبت</div><div><br></div><div> نام</a></div><div><span></span><a href="/Login" </div><div>style="background-image:url(http://icons.iconarchive.com/icons/custom-icon-design/mini/32/Login-in-icon.png);">ورود</div><div><br></div><div> به سیستم</a></div><div><span></span><a href="/Contact" </div><div>style="background-image:url(http://icons.iconarchive.com/icons/deleket/sleek-xp-basic/32/Mail-icon.png);">تماس</div><div><br></div><div> با ما</a></div><div></div></div><div><div id="holder"></div><div> <div class="bg"></div><div> </div><div> <a class="logo" href="#"><img src="demo/images/logo.png" width="552" height="214" alt="" /></a></div><div> </div><div> <div class="content"></div><div> </div><div><br></div><div> <div class="gallery"></div><div> <a class="fadeThis" href="index-2.html"><img src="demo/images/1.jpg" width="960" height="240" alt="" /> <i></i><span class="hover"></span></div><div> <h4><img src="demo/images/t-1.png" width="435" height="24" alt="" /></h4></div><div> </a> </div><div> </div></div><div></br></br></br></br> </br></br> </br></br> </br></br> </br></br> </br></br> </br></br> </div><div> <div class="gallery small"></div><div> <a class="fadeThis" href="index-violet.html"><img src="demo/images/violet_s.jpg" width="160" height="90" alt="" /> <i></i><span class="hover"></span></div><div> <p><img src="demo/images/violet-skin.png" width="61" height="10" alt="" /></p></div><div> </a> </div><div> </div></div><div> </div><div> <div class="gallery small"></div><div> <a class="fadeThis" href="index-2.html"><img src="demo/images/blue_s.jpg" width="160" height="90" alt="" /> <i></i><span class="hover"></span></div><div> <p><img src="demo/images/blue-skin.png" width="53" height="10" alt="" /></p></div><div> </a> </div><div> </div></div><div> </div><div> <div class="gallery small"></div><div> <a class="fadeThis" href="index-1.html"><img src="demo/images/1_s.jpg" width="160" height="90" alt="" /> <i></i><span class="hover"></span></div><div> <p><img src="demo/images/red-skin.png" width="47" height="10" alt="" /></p></div><div> </a> </div><div> </div></div><div> </div><div> <div class="gallery small"></div><div> <a class="fadeThis" href="index-grey.html"><img src="demo/images/grey_s.jpg" width="160" height="90" alt="" /> <i></i><span class="hover"></span></div><div> <p><img src="demo/images/grey-skin.png" width="54" height="12" alt="" /></p></div><div> </a> </div><div> </div></div><div> </div><div> <div class="gallery small"></div><div> <a class="fadeThis" href="index-white.html"><img src="demo/images/white_s.jpg" width="160" height="90" alt="" /> <i></i><span class="hover"></span></div><div> <p><img src="demo/images/white-skin.png" width="60" height="10" alt="" /></p></div><div> </a> </div><div> </div></div><div> </div><div> </div></div><div> </div><div> </div></div><div> </div></div><div><div class="mbg" bg1="http://takabnak.ir/skins/set3/skin34/images/slide2.jpg" bg2="http://takabnak.ir/skins/set3/skin34/images/slide1.jpg" bg3="http://takabnak.ir/skins/set3/skin34/images/slide3.jpg" ></div></div><div></body></div><div></html></div><div>
|