رفتن به مطلب

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


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

سلام

دوستان کسی کدی شبیه به منوی کناری(سمت راست) سایت 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
لینک به ارسال

من اینو داخل style.css کپی کردم چطوری باید فراخوانیش کنم که همه جا نشون داده بشه ؟

لینک به ارسال

به حز بخش استایل در فایل 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">

لینک به ارسال

گذاشتم

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


<?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();

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...