رفتن به مطلب

قرار دادن افزونه ای شبیه این سایت!!!


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

(شاید جای این سوالم اینجا نباشه ولی قسمت درخواست افزونه ها انگار آپدیت نیست. عذر خواهی میکنم از اساتید)

سلام من میخام مثل این سایت که از افزونه های سوشیال سایدبار ( اگر درست گفته باشم، همون چندتا دکمه شناورو سمت چپ سایت که فیسبوک و گوگل پلاس و... داره) استفاده کرده بزارم توسایتم.

میخواستم اول بدونم اسمش چیه؟

بعد من قصدم اینه که دوتا دکمه شناور زیبا کنار سایتم بزار که وقتی موس میره روش یه پنجره کوچکی کشویی باز بشه و یه متن مختصری در اون قرار بدم واسه بازدیدکنندگان. دقیقا مثل همین سایت بالایی که دیدید

چنتا افزونه در این باره بهم معرفی کنید ممنون میشم. چون اسمشون دقیقا نمیدونم چیه که تو گوگل سرچ کنم!

یه دنیا ممنون


لینک به ارسال

سلام اول همه نام مناسب بزاريد !‌ حالا حتما ميخواين بگيد اسمش نميدونم ولي سوشيال - دكمه شناور يكي همين هارو ميزاشتين بهتر بود !‌

شما يعني ي هميچين دكمه هاي مخواين واسه كاره ديگه ؟!‌ يا نه براي همين شبكه هاي اجتماعي ميخواين ؟!‌

بگين تا راهنمايي كنم !‌

لینک به ارسال

سلام اول همه نام مناسب بزاريد !‌ حالا حتما ميخواين بگيد اسمش نميدونم ولي سوشيال - دكمه شناور يكي همين هارو ميزاشتين بهتر بود !‌

شما يعني ي هميچين دكمه هاي مخواين واسه كاره ديگه ؟!‌ يا نه براي همين شبكه هاي اجتماعي ميخواين ؟!‌

بگين تا راهنمايي كنم !‌

ببینید من در اصل دوتا دکمه نزدیک به هم بصورت ثابت میخوام حالا دقیقا شبیه اینا نباشه مشکلی نیس فقط سیستم کار کردش اینجوری باشه که بزارم کنار سایتم که وقتی میری روش یه پنجره کوچک کشویی بیاد بیرون و حاوی متن (توضیحی درباره سایت) باشه. ینی رو هرکدم از دکمه ها که بری یه متن جدا از هم داشته باشن

خودم هم قبلا دیدما ولی اسمش رو نخوندم نمیدونم افزونه بود یا اسکریپت!

توروخدا کمک کنین کارم لنگه

لینک به ارسال

افزونه خاصی برای این کار وجود نداره

http://www.jquery4u.com/plugins/10-jquery-sliding-sidebar-panel-plugins/

لینک به ارسال

افزونه خاصی برای این کار وجود نداره

http://www.jquery4u....-panel-plugins/

ممنون خیلی جالب بودن. حالا من بخوام اینا رو رو سایتم پیاده کنم چکار باید کنم؟ چون من فقط با افزونه ها کار میکردم ازینا بلد نیسم :(

مثلا اولی و ششمی خوشم اومده. اگه راهنماییم کنید ممنون میشم

لینک به ارسال

از هر كدوم خشتون اومده دالنود كنيد فايل هاش رو به قالبتون اضافه كنيد ! و توي هدر فايل هاي موردن نيازش فراخواني كنيد !‌

حالا بستگي داره كجا ميخواين نمايش بدين اگه فقط صفحه اصلي باشه داخل index.php بزارين !‌ اگه نه كه توي همون header.php بزارين همه جا نمايش ميده

لینک به ارسال

از هر كدوم خشتون اومده دالنود كنيد فايل هاش رو به قالبتون اضافه كنيد ! و توي هدر فايل هاي موردن نيازش فراخواني كنيد !‌

حالا بستگي داره كجا ميخواين نمايش بدين اگه فقط صفحه اصلي باشه داخل index.php بزارين !‌ اگه نه كه توي همون header.php بزارين همه جا نمايش ميده

میشه ششمی رو مرحله به مرحله برام توضیح بدین؟ هرکار کردم نشد :(

لینک به ارسال

http://www.building58.com/examples/tabSlideOut.html

دو کد ابتدای در بخش head

با رعایت تکرار نشدن دوباره جکویری


<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>
<script src="http://tab-slide-out.googlecode.com/files/jquery.tabSlideOut.v1.3.js"></script>
<script type="text/javascript">
$(function(){
$('.slide-out-div').tabSlideOut({
tabHandle: '.handle', //class of the element that will become your tab
pathToTabImage: 'images/contact_tab.gif', //path to the image for the tab //Optionally can be set using css
imageHeight: '122px', //height of tab image //Optionally can be set using css
imageWidth: '40px', //width of tab image //Optionally can be set using css
tabLocation: 'left', //side of screen where tab lives, top, right, bottom, or left
speed: 300, //speed of animation
action: 'click', //options: 'click' or 'hover', action to trigger animation
topPos: '200px', //position from the top/ use if tabLocation is left or right
leftPos: '20px', //position from left/ use if tabLocation is bottom or top
fixedPosition: false //options: true makes it stick(fixed position) on scroll
});
});
</script>


<style type="text/css">

.slide-out-div {
padding: 20px;
width: 250px;
background: #ccc;
border: 1px solid #29216d;
}
</style>

و در بخش body


<div class="slide-out-div">
<a class="handle" href="http://link-for-non-js-users.html">Content</a>
<h3>Contact me</h3>
<p>Thanks for checking out my jQuery plugin, I hope you find this useful.
</p>
<p>This can be a form to submit feedback, or contact info</p>
</div>

لینک به ارسال

http://www.building5...abSlideOut.html

دو کد ابتدای در بخش head

با رعایت تکرار نشدن دوباره جکویری


<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>
<script src="http://tab-slide-out.googlecode.com/files/jquery.tabSlideOut.v1.3.js"></script>
<script type="text/javascript">
$(function(){
$('.slide-out-div').tabSlideOut({
tabHandle: '.handle', //class of the element that will become your tab
pathToTabImage: 'images/contact_tab.gif', //path to the image for the tab //Optionally can be set using css
imageHeight: '122px', //height of tab image //Optionally can be set using css
imageWidth: '40px', //width of tab image //Optionally can be set using css
tabLocation: 'left', //side of screen where tab lives, top, right, bottom, or left
speed: 300, //speed of animation
action: 'click', //options: 'click' or 'hover', action to trigger animation
topPos: '200px', //position from the top/ use if tabLocation is left or right
leftPos: '20px', //position from left/ use if tabLocation is bottom or top
fixedPosition: false //options: true makes it stick(fixed position) on scroll
});
});
</script>


<style type="text/css">

.slide-out-div {
padding: 20px;
width: 250px;
background: #ccc;
border: 1px solid #29216d;
}
</style>

و در بخش body


<div class="slide-out-div">
<a class="handle" href="http://link-for-non-js-users.html">Content</a>
<h3>Contact me</h3>
<p>Thanks for checking out my jQuery plugin, I hope you find this useful.
</p>
<p>This can be a form to submit feedback, or contact info</p>
</div>

همین کارارو دقیق انجام دادم ولی بازم نشد! اینجوری کادر باز شدش در گوشه بالا سمت راست فقط هس ثابت هم هست!

من یه جیکوئری ورژن 1.4.3 هم دارم. باهردوش زدم نشد اون پاک کردم اینو زدم نشد اینو پاک کردم اونو زدم نشد

خلاصه نشد!

اگه امکانش هس شماره یک رو باهم امتحان کنیم؟

لینک به ارسال

اینو تست کنید

بعد از تابع wp_haed


<script src="http://tab-slide-out.googlecode.com/files/jquery.tabSlideOut.v1.3.js"></script>
<script type="text/javascript">
jQuery(function(){
jQuery('.slide-out-div').tabSlideOut({
tabHandle: '.handle', //class of the element that will become your tab
pathToTabImage: 'images/contact_tab.gif', //path to the image for the tab //Optionally can be set using css
imageHeight: '122px', //height of tab image //Optionally can be set using css
imageWidth: '40px', //width of tab image //Optionally can be set using css
tabLocation: 'left', //side of screen where tab lives, top, right, bottom, or left
speed: 300, //speed of animation
action: 'click', //options: 'click' or 'hover', action to trigger animation
topPos: '200px', //position from the top/ use if tabLocation is left or right
leftPos: '20px', //position from left/ use if tabLocation is bottom or top
fixedPosition: false //options: true makes it stick(fixed position) on scroll
});
});
</script>

لینک به ارسال

اینو تست کنید

بعد از تابع wp_haed


<script src="http://tab-slide-out.googlecode.com/files/jquery.tabSlideOut.v1.3.js"></script>
<script type="text/javascript">
jQuery(function(){
jQuery('.slide-out-div').tabSlideOut({
tabHandle: '.handle', //class of the element that will become your tab
pathToTabImage: 'images/contact_tab.gif', //path to the image for the tab //Optionally can be set using css
imageHeight: '122px', //height of tab image //Optionally can be set using css
imageWidth: '40px', //width of tab image //Optionally can be set using css
tabLocation: 'left', //side of screen where tab lives, top, right, bottom, or left
speed: 300, //speed of animation
action: 'click', //options: 'click' or 'hover', action to trigger animation
topPos: '200px', //position from the top/ use if tabLocation is left or right
leftPos: '20px', //position from left/ use if tabLocation is bottom or top
fixedPosition: false //options: true makes it stick(fixed position) on scroll
});
});
</script>

باز هم همونجوره!

تصویری ازش رو پیوست کردم

post-3556-0-55811500-1384968392_thumb.jp

لینک به ارسال

اگرهم میشد دقیقا زیر نوار منو یه پست ثابت میزاشتم خوب میشد دیگه نیازی به جیکوئری هم نبود! مثل تصویری که پیوست کردم زیر نوار منو کادره هستا؟ اینجوری یه کادر شبیه پست های سایت بزارم ولی کشیده تر که تا بالای کادر جستجو ادامه داشته باشه و عکس شاخص هم نداشته باشه

اگر راهنمایی کنید ممنون میشم

لینک به ارسال

بعد از تگ بسته <div id="menu-top">

کد زیر رو اضافه کنید

<div class="postst">تست</div>

استایل


.postst {
background-color: #BDBDBD;
padding: 10px;
}

لینک به ارسال

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

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

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

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

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

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

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

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

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