Turkialawlqy

Turkialawlqy

:: عضو رائع ::
1 فبراير 2012
2,122
1,989
شبوة
متواجد حاليا
#1
اسعد الله اوقاتكم بكل خير
أحبتي اليوم ساشرح لكم وضع مﻻحظة بشكل مميز لترغيب زوار موقعك بالتسجيل
اذهب للوحة التحكم > المﻻحظات > انشاء مﻻحظة جديدة
ضع اﻻعدادات مثل التي في الصورة
273 وضع مﻻحظة مميزة لترغيب الزوار بالتسجيل بموقعك-xenForo العربية


محتوى الرسالة ضع فيه :

كود:
<img src="styles/AP-Background.png" style="display:block; width:100%;height:250px;" title="أهﻻً وسهﻻً بزوارنا الكرام" />
 
<div class="csgoIntro" style="position:absolute; top:0; right:0; height:100%; width:230px;">
<div style="padding: 10px;">
<h4>مرحبا بكم في اسم الموقع الخاص بك!</h4>
<p>بعض النصوص العشوائية التي تصف موقعك.<a href="http://YOUR-DOMAIN.com/login/">تسجيل</a>ضع الميزات التي يتمتع بها اﻻعضاء عن الزوار .</p>
 
<div class="noticeButtonContainer">
<label for="LoginControl" id="SignupButton"><a href="http://YOUR-DOMAIN.com/login" class="inner"><b>سجل الآن!</b></a></label>
</div>
<div class="csgoMember">هل انت عضو بالفعل؟ <a href="http://YOUR-DOMAIN.com/login/">سجل دخولك اﻻن!</a></div>
</div>
</div>
في الكود
<< AP-Background.png >> صورة الخلفية يتم رفع الصورة في مجلد styles مباشرة
<< YOUR-DOMAIN.com >> رابط موقعك

تاكد من وضع مايناسب موقعك
انتقل للتبويب معايير العضو
واختر منه الخيار اذا كان زائراً

274 وضع مﻻحظة مميزة لترغيب الزوار بالتسجيل بموقعك-xenForo العربية


ثم اذهب الى اللغات واﻻستايﻻت >> القوالب >> EXTRA.css

قم بوضع الكود التالي فية

كود:
<!-- xenForo-arabic -->
.noticeButtonContainer
{
width: 190px;
padding: 10px;
}
 
.csgoIntro
{
background: rgba(0,0,0, 0.6);
color: #ffffff;
font-size: 13px;
text-align: center;
}
 
.csgoIntro a
{
color: @secondaryMedium;
font-weight: bold;
}
 
.csgoIntro h4
{
color: @secondaryMedium;
font-size: 14px;
font-weight: bold;
}
 
.csgoMember
{
font-size: 9px;
font-weight: bold;
}
 
.csgoMember a
{
color: @secondaryLight;
}
<!-- xenForo-arabic -->
احفظ عملك

وهذه نتيجة عملنا

275 وضع مﻻحظة مميزة لترغيب الزوار بالتسجيل بموقعك-xenForo العربية



مودتي ,,
 

,qu lﻻp/m lld.m gjvydf hg.,hv fhgjs[dg fl,ru;

hammadi

hammadi

:: عضو جديد ::
rank
20 يوليو 2012
21
2
28
غير متواجد
#2
شرح راااااائع استاذي
في ميزان حسناتك​
 
M

Montaer

:: عضو جديد ::
25 يونيو 2016
2
0
Taif
غير متواجد
#7
يا ليت تحط لنا الكود المستخدم في الملاحظة كتابة بدل استخدام الصورة لفائدة الجميع

وشكرا لك
 
أعلى