حصريا اضافة واجهة ترحيبية عند دخول الى مدونة



السلام عليكم ورحمه الله وبركاته اللهم صلى على سيدنا محمد وعلى ال محمد

اهلا بكم متابعي مدونة حمزه ويب وزوارة الكرام في هذه تدوينة جديدة وحصرية على 
مدونة حمزه ويب 

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





شرح تركيب اضافة



  1. لوحة تحكم 
  2. قالب 
  3. تحرير HTML 
  4. ابحث عن هذا كود  ]]></b:skin>
  5. واضف هذا كود فوقة 



 /*  CSS Special welcom ebda3 web */
 #welcomebox {position:fixed;top:5%;left:50%;width:70%;height:40%;min-height:30%;margin-left:-35%;z-index:1000000;text-align:center;}
 #welcomebox p{background:#fff;color:#888;font-family:insan,dkfont,tahoma;font-size:180%;font-weight:700;line-height:1.6em;margin:-5px 0 50px;padding:15px;padding-top:40px;padding-bottom:40px;border-top:60px solid #f35d5c;border-bottom:4px solid #222;transition:all 0.4s linear;}
 #welcomebox p:hover{color:#666;}
 .welcomeclose {background:#555;color:#fff;border-bottom:4px solid #222; font-family:insan,dkfont,tahoma; font-size: 20px; padding:6px 30px;text-align:center;margin:0 auto;cursor:pointer;display:inline;transition:all 0.4s ease-in;}
 .welcomeclose:hover {background-color:#444;color:#fff;border-bottom:4px solid #202020;box-shadow:inset 181px 0px 0px #f35d5c;-moz-animation: pulse .4s ease-in;
 -webkit-animation: pulse .4s ease-in;animation: pulse .4s ease-in;}
 #welcomeoverlay {position:fixed!important;position:absolute;z-index:999999;top:0px;right:0px;bottom:0px;left:0px;background:#333;max-width:100%;max-height:100%;}



ثم ابحث عن هذا كود <body>

واضف هذا كود تحتة 


 <div id='welcomeoverlay'/> <div class='animated fadeInDownBig' id='welcomebox'> <p>مرحبا بك عزيزي الزائر <br/>     بشبكة إعلانات مدونة حمزه ويب  </p> <div class='welcomeclose' onclick='document.getElementById(&quot;welcomebox&quot;).style.display=&quot;none&quot;;welcomeoverlay.style.display=&quot;none&quot;;'>الدخول &#8592;   </div> </div>


وغيير كلمات بما يناسبك 


وانتظروا كل جديد وحصري من حمزه ويب
في امان الله 




اهلا بك عزيزي زائر , هنا يمكنك تعليق على موضوع
لتصلك إشعارات ردود هذا الموضوع على البريد الإلكترونى أضف علامة بالمربع بجوار كلمة "إعلامى"
=q =w =s =d =f =g =h =t =y =u =z =x =c =v =b =n =m =a =e =r

شكرا لتعليقك