آموزش پاپ آ کردن پروفایل کابری تنها با تغییر 2 کد

[majid1605]

آقا بالاخره کِی میخواید یه کُد درست برای این پاپ آپ کردن بزارید، توی سایت هر چی سرچ میکنی چیزی پیدا نمیکنی که به درد بخوره باشه. . .
من دقیقاً دلم میخواد مثل این باشه، اگه میشه کُدش رو بزارید استفاده کنیم. . .

اين تصوير مربوط به چه انجمني هست ؟ پيام خصوصي كنيد.

اصلاً میشه یه منویی ایجاد کنید که از فایل popup_menu.js استفاده نکنه

[majid1605]

اصلاً میشه یه منویی ایجاد کنید که از فایل popup_menu.js استفاده نکنه

دوستان نظری ندارید

[mamaly12h]

با توجه به ارسال قبليم :

با توجه به اينكه در زبان فارسي از RTL استفاده ميكنيم بايد داخل فايل popup_menu.js رو ويرايش كنيد.

jscripts/popup_menu.js

كد زير رو بياب :

کد:

this.menu.style.left = offsetLeft+"px";

به يكي از دو شكل زير تغيير بده :

کد:

this.menu.style.right = (document.body.offsetWidth-offsetLeftReal-element.offsetWidth)+"px";

يا

کد:

offsetRightReal = document.body.offsetWidth-offsetLeftReal-element.offsetWidth;
this.menu.style.right = offsetRightReal+"px";

باز هم چند جاي مختلف تست كن . اگر مشكلي نداشت ، همينجا اعلام كن كه دوستان ديگر هم اگر خواستند استفاده كنند.

[majid1605]

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

اصلاً میشه یه منویی ایجاد کنید که از فایل popup_menu.js استفاده نکنه

چندتا سوال هم توی پست 22 پرسیدم هنوز بی جواب موندن ممنون میشم اونا رو هم رفع کنی

2-قسمت آبی رنگ به صورت لینک هستش من می خوام نام کاربر رو نمایش بده ولی رنگش سفید باشه یا کلاً بشه هرکسی باتوجه به اون قسمت آبی (ممکنه یکی بخواد قرمزش کنه)بشه رنگ کاربر رو تغییر داد.و البته به صورت لینک نباشه .به نوعی متغیر اسم کاربر چیه؟
3- می خوام یه کادر بندازم دور تا دورش مثل عکس دوم که مشخص کردم.
4- چجوری اضافه کردن کاربر به لیست دوستان رو هم اضافه کنم؟

[mamaly12h]

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

اصلاً میشه یه منویی ایجاد کنید که از فایل popup_menu.js استفاده نکنه

چندتا سوال هم توی پست 22 پرسیدم هنوز بی جواب موندن ممنون میشم اونا رو هم رفع کنی

2-قسمت آبی رنگ به صورت لینک هستش من می خوام نام کاربر رو نمایش بده ولی رنگش سفید باشه یا کلاً بشه هرکسی باتوجه به اون قسمت آبی (ممکنه یکی بخواد قرمزش کنه)بشه رنگ کاربر رو تغییر داد.و البته به صورت لینک نباشه .به نوعی متغیر اسم کاربر چیه؟
3- می خوام یه کادر بندازم دور تا دورش مثل عکس دوم که مشخص کردم.
4- چجوری اضافه کردن کاربر به لیست دوستان رو هم اضافه کنم؟

خودت تو نت يه سرچ بزن ببين منوي جاوا اسكريپت بدون لايبريري يا حداقل با لايبريري Prototype پيدا ميكني يا نه.

از سوالات هم كه متغيير ها به صورت زير هست :

کد php:

آيدي كاربر   {$post['uid']}
نام كاربري كاربر    {$post[''username]} 


[majid1605]

از سوالات هم كه متغيير ها به صورت زير هست :

آيدي كاربر {$post['uid']}
نام كاربري كاربر {$post[''username]}

متوجه نشدم مملی جواب کدوم سواله ؟

بقیه چیه نظری نداری

[majid1605]

یه سوال چطور میشه این قسمت رو شبیه عکس زیر کرد

   

[majid1605]

این همه طراح قالب داریم کسی نیست اینو واسمون درست کنه .

[mamaly12h]

از سوالات هم كه متغيير ها به صورت زير هست :

آيدي كاربر {$post['uid']}
نام كاربري كاربر {$post[''username]}

متوجه نشدم مملی جواب کدوم سواله ؟

بقیه چیه نظری نداری

جواب قسمت آخر سوال دومت بود.

یه سوال چطور میشه این قسمت رو شبیه عکس زیر کرد

مطمني از پاپ آپ منوي استفاده شده توي خود ماي بي بي استفاده كرده ؟

ميتوني به صورت زير تغييرات ايجاد كني.

پوسته ها » پوسته مورد نظرت » global.css

کد:

.popup_menu {
    background: none repeat scroll 0 0 #ECECEC;
    border: 1px solid #242424;
    box-shadow: 0 5px 10px 1px #242424;
}

.popup_menu .popup_item_container {
    float: right;
    margin: 1px;
    text-align: right;
}

.popup_menu .popup_item {
    display: block;
    padding: 3px 3px 3px 25px;
    text-decoration: none;
    white-space: nowrap;
}

مقدار ها و رنگ ها رو خودت جوري كه ميخواي تغيير بده.

[majid1605]

اون رو من از کدهای CSS وی بی استفاده کردم ولی چون کدهاش زیاد بودند و یه مقدارشون هم زیادی می خواستم دوستانی که وارد هستند بر پایه مای بی بنویسند ولی از همون فایل java مای بی بی استفاده شده .

من می خوام همین منویی که اینجا معرفی شده این شکلی بشه .اگه به کدهای پست 22 نگاه کنی می بینی که از خود کلاس .popup_menu استفاده نشده .

این کدی که توی قالب استفاده شده

کد php:

<div class="mr-majid"> <strong><span ><a href="#" id="profilelink_{$post['pid']}">{$post['username_formatted']}</span></strong></a>
<div id="profilelink_{$post['pid']}_popup" style="display: none;">
<div class="mr-majid-header">
<span>{$post['profilelink']}</span>
</div>
<div class="mr-majid-m">
<img src="images/khoramsoft/user_postbit/profile.png"> <a href="{$mybb->settings['bburl']}/member.php?action=profile&amp;uid={$post['uid']}" >مشاهده پروفایل کاربر</a>
</div>
<div class="mr-majid-m">
<img src="images/khoramsoft/user_postbit/other_post.png"><a href="{$mybb->settings['bburl']}/search.php?action=finduser&amp;uid={$post['uid']}" >سایر ارسال های کاربر</a>
</div>
<div class="mr-majid-m">
<img src="images/khoramsoft/user_postbit/thread.png"><a href="{$mybb->settings['bburl']}/search.php?action=finduserthreads&uid={$post['uid']}" >موضوعات ایجاد شده توسط کاربر</a></a>
</div>
<div class="mr-majid-m">
<img src="images/khoramsoft/user_postbit/user-web.png"><a href="{$post['website']}" target="_blank" ">مشاهده وب سایت کاربر</a>
</div>
<div class="mr-majid-m">
<img src="images/khoramsoft/user_postbit/pm.png"><a href="{$mybb->settings['bburl']}/private.php?action=send&amp;uid={$post['uid']}" >ارسال پیام خصوصی به کاربر</a>
</div>
<div class="mr-majid-m">
<img src="images/khoramsoft/user_postbit/email.png"><a href="{$mybb->settings['bburl']}/member.php?action=emailuser&amp;uid={$post['uid']}" >ارسال ایمیل به کاربر</a>
</div>
</div> 
<br />
<script language="javascript" type="text/javascript">
new PopupMenu("profilelink_{$post['pid']}");
</script> </div> 


کدهای CSS هم که توی پست 22 گذاشتم
راستی خوشحال دوباره اومدی