• صفحة 1 من%
  • 1
كود ادعوة الزائر للتسجيل بالموقع
khalil-kmk6861
مشاركات: 254
السمعة: 14
مشاركة # 1 | 20:13
السلام عليكم ورحمة الله


اليوم مع اول مشاركة لي في المنتدى سو ف اقدم لكم مجموعة من الاكواد الهامة التي سو ف ادرجها بالتتابع
ارجو ان يقبلني الجميع كصديق لهم

1- أولا نبدأ مع كود ادعوة الزائر للتسجيل بالموقع

لمعاينة الكود من موقعي
Bokra Al7a

Code


<div align="center" ><style type='text/css'>    
    a#okno{    
    position: fixed;    
    bottom: 10px;    
    line-height: 16px;    
    text-align: left;    
    right: 10px;    
    z-index: 30000;    
    opacity: 0.8;    
    width: 290px;    
    height: 80px;    
    background: #595959;    
    color: #fff;    
    text-shadow: rgba(0,0,0,0.3) 0px -1px 0px;    
    padding: 10px;    
    text-decoration: none;    
    font-size: 11px;    
    font-family: Tahoma;    
    border: 1px solid #3f3f3f;    
    box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset #313131 0px 1px 0px;    
    border-radius: 3px;    
    }    
    </style>    

    <?if($LOGIN_LINK$)?><a id='okno'><strong>عزيزي الزائر </strong><br>    
    اهلا وسهلا بك في موقع بكرا أحلى  
يتوجب عليك الدخول او التسجيل من اجل تصفح جيد للموقع <br>    
    <div align="right">@ <span style="color:#4e96c8">khalil-syria.ucoz.com</span></div></a></div><?endif?>    
       
       
       
    <?if($USER_LOGGED_IN$)?><?else?>    
<style type="text/css">    
.uPanel{background:rgba(0,0,0,0.8);color:#fff;float:left;box-shadow:0 2px 7px rgba(0, 0, 0, 0.7);-moz-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.7);-webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.7);padding: 4px 138px 101px 5px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;position:fixed;bottom:7px;right:7px;}    
.uPanel a.url,.uPanel a.url:visited {display:block;float:left;color:#fff;font-weight:bold;height:26px;line-height:26px;-moz-transition:all 0.4s ease;-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;opacity:0.4;padding:0px 7px 0px 90px;position:relative;}    
.uPanel a.url img{vertical-align:-8px;}    
.uPanel a.url:hover{text-shadow:0px 0px 5px #fff;color:#fff;opacity:1.0;}    
.uPanel a.url.highlighted{opacity:1.0;}    
.uPanel a.url span {display:block;position:absolute;bottom:0px;left:20px;color:#fff;background:red;padding:0px 3px 0px 3px;height:14px;line-height:14px;font-size:7pt;font-weight:bold;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;}    
</style>    
<div class="uPanel">    
<a href="javascript://" rel="nofollow" onclick="new _uWnd('LF',' ',-250,-110,{autosize:0,closeonesc:1,resize:1},{url:'/index/40'});return false;" onclick="showLogForm(); return false;" class="url" style="margin-top:-6px;"> <b>khalil-kmk</b></a>    
</div>    
<?endif?></body>


ثانياً


2-
كود الدردشة المتحركة في الموقع


Code


<style>      
      #contactable { background-image:url(http://ucozwebmeistars.ucoz.lv/Pamacibas2/mini-chat-up.gif.png); color:#FFFFFF; background-color:#333333; cursor:pointer; height:122px; right:0; margin-right:-6px; overflow:hidden; position:fixed; text-indent:-100000px; top:100px; width:40px; z-index:100000; }      
      #contactForm { background-color:#222; border:1px solid #444; color:#FFFFFF;right:0; overflow:hidden; margin-right:-390px; margin-top:80px;padding:10px; position:fixed; top:20px;width:360px; z-index:99; }      
      .holder { margin:0 auto; padding-top:10px; text-align: left; }      
      #mchatIfm2 {height:350px !important}      
      </style>      

      <script type='text/javascript' src='http://ucozwebmeistars.ucoz.lv/Pamacibas2/jquery.js'></script>      

      <div id="xs_contact" style="display: none;">      
      <div id="contactable"></div>      
      <div id="contactForm" action="">      
      <div class="holder">      
      $CHAT_BOX$      
      </div>      
      </div>      
      <script type="text/javascript" src="http://ucozwebmeistars.ucoz.lv/Pamacibas2/xscape.js"></script>      

      <script type="text/javascript">      
      //<![CDATA[      

      jQuery(document).ready(function() {      
      jQuery('.xswdg-styles select').change(xscape_change_style);      
      jQuery("#slider li div.button").corner("round all 5px")      
      jQuery("#mainmenu").corner("round top 6px")      
      jQuery(".xsstop-icons").corner("round bottom 6px")      
      jQuery(".back-footer-compact").corner("round bottom 6px")      
      jQuery("#title h1.title a").css("text-shadow", "0 0 8px #000")      
      jQuery('ul.xs-mainmenu-superfish').superfish({ dropShadows: false, delay: 100, animation: {opacity:'show', height:'show'} });      
      jQuery('#xs_contact').show();      
      jQuery('#xs_contact').contactable();      

      });      

      // ]]>      
      </script>



للمعاينة من موقعي

بكرا أحلى

قريبا مع اكواد ومواضيع هامة تهم المستخدم العربي
fr3onegypt
مشاركات: 258
السمعة: 1
مشاركة # 2 | 09:22
للاسف كود الدردشة موش ظاهر عندى
www.egmrkt.ucoz.com
Khalil-syria
مشاركات: 254
السمعة: 14
مشاركة # 3 | 09:47
أخي الكريم fr3onegypt ضع كود الدردشة في القسم العلوي للموقع
hesen
مشاركات: 72
السمعة: 0
مشاركة # 4 | 18:22
بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
ادعوك يا اخى الكريم ان تشرح للاعضاء طريقة تركيب الكود
لان الكثير من الاعضاء لا يعرف ان يضع الكود
ولكم تحياتى

موقع اغا للاخبار والبرامج يتميز بكل جديد
agha.ucoz.com
Khalil-syria
مشاركات: 254
السمعة: 14
مشاركة # 5 | 19:47
شرح التركيب
يتم وضع الكود في الجزء السفلي للموقع

وبالأمكان تعديل الكلام الذي يظهر عن طريق تغيره واستبداله بما نريد
bouamama
مشاركات: 67
السمعة: 0
مشاركة # 6 | 19:01
السؤال كيف يوضع الكود؟؟؟
موسى-الزعتري
مشاركات: 45
السمعة: 0
مشاركة # 7 | 02:57
بارك الله فيك " خليل سوريا " لكن الاحظ انه لايوجد زر " X " لاغلاق المربع

اتمنى ان تضع الزر ، شكراً لك
  • صفحة 1 من%
  • 1
بحث: