اريد زر تسجيل الدخول عبر الفيس بوك فوق عارضة احلى منتدى

اريد زر تسجيل الدخول عبر الفيس بوك فوق عارضة احلى منتدى

ضع مثال لذلك

مثال لما اقصده :

https://i.servimg.com/u/f84/19/37/02/38/oi13.png
ملاحظة :
انا مركب فى منتداى كود خانات الدخول على عارضة المنتدى وهذه الاكواد الخاصة به :
كود جافا سكربت :

الكود:

    $(function(){$(function(){                
          $('#fa_right a.rightHeaderLink:nth-child(1)').replaceWith('<form action="/login.forum" method="post"><input class="fa_login"type="text" name="username" maxlength="50" placeholder="اسم مستخدم" /><input class="fa_login" type="password" name="password" maxlength="50" placeholder="كلمة السر"/><input type="submit" name="login" id="fa_enter" value="دخول"/></form>');
        })});

كود css :

الكود:

    .fa_login {
    background-color: #FFF;
    border: 1px solid #00A5CD;
    border-radius: 3px;
    width: 105px;
    margin-right: 5px;
    padding: 2px;
    border-radius: 3px;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
    }

    #fa_enter {
    background-color: #00B9E6;
    border: 1px solid #00A5CD;
    border-radius: 3px;
    padding: 2px 5px;
    border-radius: 3px;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
    }

    #fa_enter:hover {
    background-color: #00A5CD;
    }

انتهى

فينكم

المعذرة على التأخر ضع رابط منتداك او ارسله برساله خاصة

لقد ارسلت الرابط لك على الخاص

استبدل الكود الي عندك بهذا :

الكود:

        $(function(){$(function(){               
              $('#fa_right a.rightHeaderLink:nth-child(1)').replaceWith('<div class="fb-div"><span class="genmed fb_or">أو</span><fb:login-button fb-iframe-plugin-query="app_id=442225955987597&amp;container_width=0&amp;locale=ar_AR&amp;sdk=joey&amp;size=large" fb-xfbml-state="rendered" class=" fb_iframe_widget" login_text="" size="large" onlogin="window.location='/facebook_connect.forum'" scope=""><span style="vertical-align: bottom; width: 99px; height: 25px;"><iframe class="" src="http://www.facebook.com/plugins/login_button.php?app_id=442225955987597&amp;channel=http%3A%2F%2Fstaticxx.facebook.com%2Fconnect%2Fxd_arbiter.php%3Fversion%3D42%23cb%3Df1ea92f4496bd8a%26domain%3Dklaheen.lolbb.com%26origin%3Dhttp%253A%252F%252Fklaheen.lolbb.com%252Ff27323e972439b8%26relation%3Dparent.parent&amp;container_width=0&amp;locale=ar_AR&amp;sdk=joey&amp;size=large" style="border: medium none; visibility: visible; width: 99px; height: 25px;" title="fb:login_button Facebook Social Plugin" scrolling="no" allowfullscreen="true" allowtransparency="true" name="f5fe08a1bd023c" frameborder="0" height="1000px" width="1000px"></iframe></span></fb:login-button></div><form action="/login.forum" method="post"><input class="fa_login"type="text" name="username" maxlength="50" placeholder="اسم مستخدم" /><input class="fa_login" type="password" name="password" maxlength="50" placeholder="كلمة السر"/><input type="submit" name="login" id="fa_enter" value="دخول"/></form>');
            })});

جربت الكود لا يعمل

مرحباً بك عزيزي
هل قمت بتفعيل الخاصيه من منتداك ؟
ضع رابط منتداك للمعاينة ؛

---

لتسهل عملنا لا تنسى ان تضع رابط منتداك في ملفك لنصل الى رابط منتداك من خلال البيانات الشخصيه 

الخاصية مفعلة ولكنه لايعمل وهذا رابط المنتدى http://klaheen.lolbb.com

تفضل تم تجهيزالكود يتم وضعه في ورقة CSS منتداك

الكود:

td.align_gauche {
    position: fixed;
    right: 402px;
    top: 1px;
    z-index: 99999;
}
span.genmed.fb_or {
    position: fixed;
    right: 352px;
    top: 0px;
    z-index: 99999;
}

فكرة جميلة لكن ليس هذا مااريده انا اريد فقط كلمة الفيس بوك وليس مربع الخول كله الذى بالاسفل

محمد أبوالجود كتب:فكرة جميلة لكن ليس هذا مااريده انا اريد فقط كلمة الفيس بوك وليس مربع الخول كله الذى بالاسفل

كيف ظهر لك الشكل ممكن صورة ؟
هل كما في الصورة ظهر لك ام لا ؟

ظهر هكذا

https://i.servimg.com/u/f86/18/87/59/44/oi10.png

ضع الاكواد الcss التي وضعتها لك لأدخل وأعاين على المشكلة لو سمحت لدقائق

ادخل على هذا الرابط التجريبى وسترى المشكلة
http://mohamed2013.ahlamoontada.net

حسناً جرب التعديلات التالي

الكود:

span.genmed.fb_or {
    position: fixed!important;
    right: 342px!important;
    top: 1px!important;
    z-index: 99999!important;
}
.fb_iframe_widget {
    position: fixed!important;
    right: 402px!important;
    top: 3px!important;
    z-index: 99999!important;
}

تمام ظبط شكرا ليك .... لكن لماذا تظهر عندى كلمة التسجيل والسهم اسفل العارضة وليس فوقها

محمد أبوالجود كتب:تمام ظبط شكرا ليك  .... لكن لماذا تظهر عندى كلمة التسجيل والسهم اسفل العارضة وليس فوقها

اعتقد ان المشكلة قديمة وليست حديثة فلاحظ الصورة التي وضعتها للمثال الذي تقصده :
لاحظ ان التسجيل والسهم اسفل العارضة واعتقد ان هذا بسبب الجافا سكربت الذي يضع تسجيل الدخول بدلاً من زري التسجيل والدخول

نعم هل يمكن تعديل كلمة التسجيل والسهم لتظهر فوق العارضة

نعم هل يمكن تعديل كلمة التسجيل والسهم لتظهر فوق العارضة

تم التعديل اولاً استبدل الجافا سكربت بالتالي :

الكود:

        $(function(){$(function(){               
              $('#fa_right a.rightHeaderLink:nth-child(1)').replaceWith('<form action="/login.forum" method="post" class="login-top"><input class="fa_login"type="text" name="username" maxlength="50" placeholder="اسم مستخدم" /><input class="fa_login" type="password" name="password" maxlength="50" placeholder="كلمة السر"/><input type="submit" name="login" id="fa_enter" value="دخول"/></form>');
            })});

ثم ضع هذا الكود في اكواد css :

الكود:

.login-top {
    left: 988px;
    top: 2px;
    position: absolute;
}

ثم استبدل الاكواد التي وضعها لك new.moon بالتالي :

الكود:

span.genmed.fb_or {
    position: fixed !important;
    right: 370px !important;
    top: 2px !important;
    z-index: 99999 !important;
}
.fb_iframe_widget {
    position: fixed !important;
    right: 415px !important;
    top: 4px !important;
    z-index: 99999 !important;
}

وبالتوفيق لك

الاكواد غير صحيحة انظر للصورة :

https://i.servimg.com/u/f86/18/87/59/44/oi210.png
او ادخل على الرابط :
http://mohamed2013.ahlamoontada.net

هذا ما يظهر لدي اخي :