PREMIUMIHA

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

13 پست در این موضوع قرار دارد

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

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

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

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

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

یه دنیا ممنون


به اشتراک گذاری این پست


لینک به پست

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

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

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

به اشتراک گذاری این پست


لینک به پست

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

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

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

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

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

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

به اشتراک گذاری این پست


لینک به پست

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

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;
}

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری

  • مطالب مشابه

    • توسط behi13
      با سلام
      دوستام و اساتید محترم یک سوال
      من به سایت دوزبانه با افزونه wpml درست کردم الان یک مشکل هست توی گوگل صفحه اول سایت ایندکس شده و توی فارسی مشکلی ندارم
      ولی توی زبان انگلیسی وقتی توی گوگل به انگلیسی سرچ میکنم بازهم با نام و فارسی میاد
      ممنون میشم من و راهنمایی کنید
    • توسط j1989m
      سلام
      توی قسمت افزودن نوشته و از طریق پرونده های رسانه ای یه عکس انتخاب میکنم و منتشر میکنم. توی سایت عکس رو نشون میده اما این کدها رو هم میاره:
      [caption id="attachment_154" align="aligncenter" width="300"] [/caption]
      درواقع عکس بین دوتا caption بالا قرار میگیره.
      این مشکل توی افزودن برگه نیست.
      لطفا راهنمایی کنید
      خیلی فوریه
      ممنون
    • توسط xboby
      سلام،
      من سایتی با ورد پرس طراحی کردم و می خواهم با:
      یک برنامه تمام پستهای موجود در کانال تلگرامی که بنام آن سایت ایجاد کر ده ام را
      بتوانم از موبایلم دانلود کنم و بعد در آن سایت قرار دهم:
      آیا چنان برنامه ای وجود دارد؟ لطفا راهنمائی ام بفرمائید.
                                   متشکرم
    • توسط دکتر مهندس
      سلام
      من چندتا سایت دارم که همه رو وقتی خواستم به وردپرس 4.7 ارتقا بدم، همگی مشکل دار شدند.
      به این صورت که خود سایت باز میشه اما قسمت مدیریت سایت باز نمیشه و لینکهای بخش مدیریت به این صورت میاد: /wp-admin/upgrade.php?_wp_http_referer=%2Fwp-admin%2F
       
      توی صفحه هم که میاد اینطوری مینویسه: 
       
      The www......ir page isn’t working
      www.......ir is currently unable to handle this request.
      HTTP ERROR 500
    • توسط hessam75
      سلام
      من یه سایت با غالب be theme طراحی کردم فقط یه مشکل داره اونم اینه که پس زمینه رو پارالاکس انتخاب کردم ولی تو مرورگر internet xplorer پارالاکس نمایش داده نمیشه!
      در ضمن قالبم هم پول دادم از سایت معتبری خریدم ازین دانلودی ها نیست.
      لطفا کمک کنید بتونم رفع اشکال کنم.
      آدرس سایت : senateb.com