رفتن به مطلب

درخواست کد منوی بازشونده سایدبار


پست های پیشنهاد شده

سلام

دوستان کسی کدی شبیه به منوی کناری(سمت راست) سایت wpco.irرو داره ؟

دقیقا میخوام مثل این با اسکرول صفحه اونم اسکرول بشه

مرسی

لینک به ارسال

کدش اینه

<style>

img.news {

float: right;

position: fixed;

right: -95px;

top: 200px;

transition: all 0.4s ease-out;

-webkit-transition: all 0.4s ease-out;

-moz-webkit-transition: all 0.4s ease-out;

z-index: 1000;

}

img.wplearn {

float: right;

position: fixed;

right: -95px;

top: 250px;

transition: all 0.4s ease-out;

-webkit-transition: all 0.4s ease-out;

-moz-webkit-transition: all 0.4s ease-out;

z-index: 1000;

}

img.design {

float: right;

position: fixed;

right: -95px;

top: 300px;

transition: all 0.4s ease-out;

-webkit-transition: all 0.4s ease-out;

-moz-webkit-transition: all 0.4s ease-out;

z-index: 1000;

}

img.seo {

float: right;

position: fixed;

right: -95px;

top: 350px;

transition: all 0.4s ease-out;

-webkit-transition: all 0.4s ease-out;

-moz-webkit-transition: all 0.4s ease-out;

z-index: 1000;

}

img.wpthemedl {

float: right;

position: fixed;

right: -95px;

top: 400px;

transition: all 0.4s ease-out;

-webkit-transition: all 0.4s ease-out;

-moz-webkit-transition: all 0.4s ease-out;

z-index: 1000;

}

img.wpplugindl {

float: right;

position: fixed;

right: -95px;

top: 450px;

transition: all 0.4s ease-out;

-webkit-transition: all 0.4s ease-out;

-moz-webkit-transition: all 0.4s ease-out;

z-index: 1000;

}

img.news:hover {

right: 0px;

}

img.wplearn:hover {

right: 0px;

}

img.design:hover {

right: 0px;

}

img.seo:hover {

right: 0px;

}

img.wpthemedl:hover {

right: 0px;

}

img.wpplugindl:hover {

right: 0px;

}

</style>

<a href="http://wpco.ir/category/wordpress-company/wpconews/" title="اخبار سایت"><img class="news" src="http://wpco.ir/wp-content/uploads/2012/12/news2.png" alt="WPCO news" /></a>

<a href="http://wpco.ir/category/wordpress-company/wpcolearn/" title="آموزش وردپرس"><img class="wplearn" src="http://wpco.ir/wp-content/uploads/2012/12/tutorial2.png" alt="WPCO learn" /></a>

<a href="http://wpco.ir/category/wordpress-company/wpcodesign/" title="پوسته های طراحی شده"><img class="design" src="http://wpco.ir/wp-content/uploads/2012/12/design2.png" alt="WPCO design" /></a>

<a href="http://wpco.ir/category/wordpress-company/wpcoseo/" title="سئو"><img class="seo" src="http://wpco.ir/wp-content/uploads/2012/12/seo2.png" alt="WPCO seo" /></a>

<a href="http://wpco.ir/category/wordpress-company/wpcowpthemes/" title="دانلود پوسته فارسی"><img class="wpthemedl" src="http://wpco.ir/wp-content/uploads/2012/12/wp_theme2.png" alt="WPCO theme" /></a>

<a href="http://wpco.ir/category/wordpress-company/wpcoplugin/" title="دانلود افزونه"><img class="wpplugindl" src="http://wpco.ir/wp-content/uploads/2012/12/wp_plugin2.png" alt="WPCO plugin" /></a><div class="body">

البته با مرورگر ie مشکل داره اگه خواستی میتونی فایل استایل خود سایت رو ویرایش کنی

ویرایش شده توسط Morteza
  • امتیاز 3
لینک به ارسال

به حز بخش استایل در فایل header پس از تگ باز body


<a href="http://wpco.ir/categ...pany/wpconews/" title="اخبار سایت"><img class="news" src="http://wpco.ir/wp-co...2/12/news2.png" alt="WPCO news" /></a>
<a href="http://wpco.ir/categ...any/wpcolearn/" title="آموزش وردپرس"><img class="wplearn" src="http://wpco.ir/wp-co.../tutorial2.png" alt="WPCO learn" /></a>
<a href="http://wpco.ir/categ...ny/wpcodesign/" title="پوسته های طراحی شده"><img class="design" src="http://wpco.ir/wp-co...12/design2.png" alt="WPCO design" /></a>
<a href="http://wpco.ir/categ...mpany/wpcoseo/" title="سئو"><img class="seo" src="http://wpco.ir/wp-co...12/12/seo2.png" alt="WPCO seo" /></a>
<a href="http://wpco.ir/categ.../wpcowpthemes/" title="دانلود پوسته فارسی"><img class="wpthemedl" src="http://wpco.ir/wp-co.../wp_theme2.png" alt="WPCO theme" /></a>
<a href="http://wpco.ir/categ...ny/wpcoplugin/" title="دانلود افزونه"><img class="wpplugindl" src="http://wpco.ir/wp-co...wp_plugin2.png" alt="WPCO plugin" /></a><div class="body">

  • امتیاز 4
لینک به ارسال

گذاشتم

البته این قالب یکم با بقیه تم ها فرق داره


<?php
/**
* @package Balance
* @author YOOtheme http://www.yootheme.com
* @copyright Copyright (C) YOOtheme GmbH
* @license YOOtheme Proprietary Use License (http://www.yootheme.com/license)
*/
<body>
<a href="http://wpco.ir/categ...pany/wpconews/" title="اخبار سایت"><img class="news" src="http://wpco.ir/wp-co...2/12/news2.png" alt="WPCO news" /></a>
<a href="http://wpco.ir/categ...any/wpcolearn/" title="آموزش وردپرس"><img class="wplearn" src="http://wpco.ir/wp-co.../tutorial2.png" alt="WPCO learn" /></a>
<a href="http://wpco.ir/categ...ny/wpcodesign/" title="پوسته های طراحی شده"><img class="design" src="http://wpco.ir/wp-co...12/design2.png" alt="WPCO design" /></a>
<a href="http://wpco.ir/categ...mpany/wpcoseo/" title="سئو"><img class="seo" src="http://wpco.ir/wp-co...12/12/seo2.png" alt="WPCO seo" /></a>
<a href="http://wpco.ir/categ.../wpcowpthemes/" title="دانلود پوسته فارسی"><img class="wpthemedl" src="http://wpco.ir/wp-co.../wp_theme2.png" alt="WPCO theme" /></a>
<a href="http://wpco.ir/categ...ny/wpcoplugin/" title="دانلود افزونه"><img class="wpplugindl" src="http://wpco.ir/wp-co...wp_plugin2.png" alt="WPCO plugin" /></a><div class="body">
</body>
// start output buffer to capture content for use in footer.php
ob_start();

لینک به ارسال

لطفا برای ارسال دیدگاه وارد شوید

شما بعد از اینکه وارد حساب کاربری خود شدید می توانید دیدگاهی ارسال کنید



ورود به حساب کاربری
×
×
  • اضافه کردن...