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

[pcsoft]

سلام
این کد اولتون رو ریختم ولی پست بیت رفت!
خوب شد کپی گرفته بودم. آخه فکر نمی کنید کسی کپی نداشته باشه باید چه کار کنه؟؟

[رضا]

سلام
این کد اولتون رو ریختم ولی پست بیت رفت!
خوب شد کپی گرفته بودم. آخه فکر نمی کنید کسی کپی نداشته باشه باید چه کار کنه؟؟

بازگرداني به پيشفرض

[majid1605]

به جاي ID آي دي قسمت پاپ آپ (يه آي دي به دلخواه) (ID در كد زير 3 بار تكرار شده)

ID رو از کجا گیر بیارم؟




توی این عکس سمت چپ باز میشه چطور ببرمش به سمت راست یعنی دوتا MMM بیان زیر هم منظورم حرکت کل کادره نه فقط نوشته

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

[mamaly12h]

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

خب واسه آي دي دلخواه هرچي ميتوني وارد كني . يه كلمه انگليسي واسه شناسايي اون بلوك. ("menu_popup_id") مثلاً . با آي دي جاي ديگه مشابه نبشه.


واسه سوال دوم هم اين موقعيت منو در فايل popup_menu.js مشخص ميشه.

موقعيتش خودكار از سمت چپ و بالا با توجه به موقعيت دكمه يا نوشته اي كه پاپ آپ ميكنه ، مشخص ميشه.

[majid1605]

چجوری ببرمش سمت راست ؟

توی این عکس سمت چپ باز میشه چطور ببرمش به سمت راست یعنی دوتا MMM بیان زیر هم منظورم حرکت کل کادره نه فقط نوشته

[mamaly12h]

چجوری ببرمش سمت راست ؟

توی این عکس سمت چپ باز میشه چطور ببرمش به سمت راست یعنی دوتا MMM بیان زیر هم منظورم حرکت کل کادره نه فقط نوشته

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

ويرايش زيادي بايد انجام بدي ولي در حالت ساده اش ميشه گفت:

jscripts/popup_menu.js

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

کد:

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

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

کد:

this.menu.style.left = element.offsetRight+"px";

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

[majid1605]

نمیشه با استفاده از کلاس CSS که تعریف کردم اینکار انجام بشه

کد php:

<style>

<!--
.mr-majid-m{   
       background: #FFFFFF url(images/khoramsoft/newbtn_middle.png) repeat-x scroll left bottom ;
       border: 2px solid  #2C5687;  
      direction:rtl;
      font-family:Tahoma;
      font-size:12px;
      font-color :#000000;
       margin:0 50px 0  0;
      padding:3px 20px;
      text-align:right;
    }
    -->
</style> 


البته این هنوز کامل نیست.
و یه سوال دیگه متغیر {$post['profilelink']} اسم کاربری رو به صورت لینک نشون میده .راهی وجوداره که فقط اسم کاربری رو نشون بده ولی نه به صورت لینک .

[majid1605]

[majid1605]

چطور کنار هر لینک یک عکس بزارم .

و یه سوال دیگه متغیر {$post['profilelink']} اسم کاربری رو به صورت لینک نشون میده .راهی وجوداره که فقط اسم کاربری رو نشون بده ولی نه به صورت لینک .

[majid1605]

عکس رو هم توسط تگ Img گذاشتم.ابته هنوز روی سرور نریختم که نشون بده ولی توی لوکال کار می کنه.

کد php:

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


فقط
متغیر {$post['profilelink']} اسم کاربری رو به صورت لینک نشون میده .راهی وجوداره که فقط اسم کاربری رو نشون بده ولی نه به صورت لینک .



توی قسمت آبی رنگ می خوام رنگش رو سفید کنم

چطور می تونم یه کادر سیاه رنگ کلی مثل شکل زیر ایجاد کنم



این کدهای پست بیت

کد 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> 


اینم CSS

کد php:

.mr-majid-m {   
      background: #E6EAED url(images/bazicenter/newbtn_middle.png) repeat-x scroll left bottom ;
      color:#000;
     border: 1px solid  #F1F1F1;  
      direction:rtl;
      font-family:Tahoma;
      font-size:12px;
      margin:0 50px 0  0;
      padding:3px 20px;
      text-align:right;
    }
.mr-majid-m a:link ,.mr-majid-m a:visited,.mr-majid-m a:active{   
      color:#000;
    }

.mr-majid-m a:hover{   
      color:#D80100;
    }


.mr-majid-m:hover{   
      background: #D2DDED ; 
      color:#000;
      direction:rtl;
      font-family:Tahoma;
      font-size:12px;
      margin:0 50px 0  0;
      padding:3px 20px;
      text-align:right;
    }


.mr-majid-header{   
      background: #DFDFDF url(images/bazicenter/postheadBG.gif) repeat-x scroll left  bottom;
      color:#fff;
     /* border: 1px solid  #000;  */
      direction:rtl;
      font-family:Tahoma;
      font-size:12px;
      margin:0 50px 0  0;
      padding:3px 20px;
      text-align:right;
    } 


اگه اشتباهی توی کدها هست لطفاً دوستان اصلاح کنند.