0%

[JAVASCRIPT] حصريا كود عمل اشعار بتواجدك فى الصفحة بشكل متحرف

  افضل المواضيع1

كود جديد لعمل اشعار بتواجدك فى الصفحات ؟


هذا الرمز يعمل على كل النسخ ماعادة النسخة الجديدة 

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

يعنى انا لو دخلت فى صفحة البحث راح يكتب لك اشعار بأنك فى صفحة البحث والخ 
الكود قمت بتصميمه بعد مشاهدة من قبل لذلك قمت بـ صنعه بأختصار شديد ليتفاعل مع منتديات احلى منتدى 

صورة الرمز 



https://i.servimg.com/u/f38/19/42/07/18/ocia_a10.png

ادخل الى الجافا سكربت , ثم ضع الكود التالى , وحدد مكانه: فى كل الصفحات

الكود:
$(function(){
    $(function(){
        var a=document.title;
        $('#fa_toolbar').after('<div id="wehba_title"class="primary_title"style="display:none;">'+a+'</div>');
        var b=$('#wehba_title').css('width');
        $('#wehba_title').css('right',''+b+'px');
        $('#wehba_title').delay('1000').slideDown().delay('4000').slideUp()
    })
});

من هنا يمكنك تحديد من اليمين الى اليسار
اليمين right
اليسار left
الكود:
$('#wehba_title').css('right',''+b+'px');

ادخل الى ورقة التصميم الـ css وضع الرمز التالى 
الكود:
div#wehba_title{
  font-family:Helvetica,Arial,sans-serif;
  color:#fff;
  font-size:22px;
  font-weight:700;
  text-transform:uppercase;
  text-decoration:none;
  text-align:center;
  display:inline-block;
  cursor:pointer;
  border-radius:4px;
  padding: 22px 24px 32px;
  text-transform:none;
  top:52px;
  z-index:999;
  height:30px;
  line-height: 10px;
  position:fixed;
  left:1px;
}

.primary_title {
    color: #FFF;
background:#323232;
  transition:box-shadow .28s cubic-bezier(0.4,0,0.2,1);
  box-shadow:0 3px 4px 0 rgba(0,0,0,0.19),0 6px 13px 0 rgba(0,0,0,0.24); 
}

والقادم اجمل انشاء الله تعالى





Tags: #css #javascript #jquery


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