كود جديد لعمل اشعار بتواجدك فى الصفحات ؟
هذا الرمز يعمل على كل النسخ ماعادة النسخة الجديدة
وصف: يعمل هذا الرمز على اظهار اشعار بتواجدك فى اى صفحة فى المنتدى اى يعرض لك اسم الرابط الذى قمت بـ الضغط عليه مسبقا
يعنى انا لو دخلت فى صفحة البحث راح يكتب لك اشعار بأنك فى صفحة البحث والخ
الكود قمت بتصميمه بعد مشاهدة من قبل لذلك قمت بـ صنعه بأختصار شديد ليتفاعل مع منتديات احلى منتدى
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
ادخل الى ورقة التصميم الـ css وضع الرمز التالى
- الكود:
$('#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