مجموعة أسئلة عن علبة الدردشة

stones كتب:للاسف لم يتوفر ولا كود بقوانين علبة الدردشة
هذا بعض التاثيرات على علبة الدردشة
https://help.ahlamontada.com/t352010-topic
اذا لديك كود بقوانين علبة الدردشة ضعه هناء
نعدله اذا اشتغل

لا اخي يتوفر الكود لكن الاخ لديه خطأ او مشكله في الاكواد
اخي الكريم هذه الصورة
عبارة عن كلمة لا فائدة منها دخلت المنتدى الذي به هذه الصورة ورأيت الكود الذي تتحدث عنه
فهو فقط قام بتغيير كلمة "علبة الدردشة" الى "قوانين علبة الدردشة...مهم قبل الدخول"
بمعنى انه بدل كلمة علبة الدردشة , ولا فائدة منه فعند الضغط عليه يظهر علبة الدردشة المكبرة = يعني لا يظهر الموضوع
بعد اذنك اعطني بياناتك في رسالة خاصة لأدخل واركب لك الكود بنفسي + ضع الموضوع الذي تريدني ان اضعه مكان قوانين علبة الدردشة

أنا أريد مثل هذا بالضبط تماما :




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

أهلا بكم أحبابي أعضاء منتدى كلية تقنية الحاسوب ،، أتمنى أن تستمتعوا معنا بوقتكم في علبة الدردشة ،، و لكن يرجى من فضلكم الإطلاع على قوانين علبة الدردشة


الكلام يكون باللون الأزرق الغامق و بالنسبة للخلفية الرمادية التي بيها الكلام أبقونها مثل ماهي.


و هذا هو الكود :


<style type="text/css">
  .noticebox {
    background-color: #FCF1B8;
    color: #B6750A;
    border: 1px solid #F8E372;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 8px;
    margin: 0px;
    font-family: "Droid Arabic Kufi", Tahoma, Calibri, Verdana, Geneva, sans-serif;
    font-size: 13px;
    font-weight: bold;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.noticeboxtxt {
    background-color: #FEFEFE;
    color: #608C33;
    border: 1px solid #F9E886;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 8px;
    margin: 5px 0px 0px 0px;
    font-family: "Droid Arabic Kufi", Tahoma, Calibri, Verdana, Geneva, sans-serif;
    font-size: 12px;
    font-weight: bold;
}
/* CSS Document */

/* Tooltip */

.tip, .tipClick{ /* This is any element that has a tooltip attached too it */
   position:relative !important;
   display:inline-block;
}

.tip > .tooltipL,
.tip > .tooltipR,
.tipClick > .tooltipL,
.tipClick > .tooltipR { /* Used to hide the tooltip */
   display:none;
}

/** IMPORTANT!  Use the tipClick class for clickable tooltips (mobile doesn't allow hovering) and the .tip class for hoverable tooltips **/

.tip:hover > .tooltipL, 
.tip:hover > .tooltipR, /* This shows the tooltip when an elements with the .tip class is hovered over */
.tipClick > a:focus + .tooltipL, 
.tipClick > a:focus + .tooltipR { /* This shows the tooltip once an element with the .tipClick class is clicked */
   display:block;
}

.tooltipL, .tooltipR {
   background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.6);
   color: #FFF;
    #position: absolute;
   padding: 6px 10px;
    line-height: 1.8em;
    z-index: 15000;
    border-radius: 5px;
    cursor: default;
    font-family: Droid Arabic Kufi;
    font-size: 11px;
    font-weight: lighter;
    white-space: nowrap;
}

.tooltipL:before, .tooltipR:before {
     position:absolute;   
    border-style: solid;
     border-width: 6px;
     height:0px;
     width:0px;
     content:"";
}

/*********** Left Tooltip **************/

.tooltipL{ /* The styling on the tooltip */
     position:absolute;   
    right: 100%;
    margin-top: -23px;
    margin-right: 12px;
   width: 350px;
   text-align: right;
    white-space: normal;
   }
   
.tooltipL:before{  /* Creates the arrow for the tooltip */
    border-color: transparent transparent transparent rgba(0, 0, 0, 0.6);
     top: 9px;
     right: -12px;
}

/*********** Right Tooltip ************/

.tooltipR{ /* The styling on the tooltip */
     position:absolute;   
    left: 100%;
    margin-left: 12px;
    margin-top: -25px;
   padding: 4px 8px;
   text-align: center;
   }
   
.tooltipR:before{  /* Creates the arrow for the tooltip */
   border-color: transparent rgba(0, 0, 0, 0.6) transparent transparent;
     top: 8px;
     left: -12px;
}
  </style>
  
  
<div class="noticebox"><span class="fa fa-comment"></span>&nbsp; قوانين علبة الدردشة<div class="noticeboxtxt"><div id="navbar_notice_2" class="navbar_notice">• قوانين المنتدى للمعاينة&nbsp;<div class="tip"><a href="#"><strong>قوانين علبة الدردشة</strong></a><blockquote class="tooltipL"><span class="genmed"><font color="#ffffff">قوانين علبة دردشة احلى منتدى</font></span></blockquote></div></div></div></div>



ياريت تغيرون لي الكود كما طلبت منكم و شكرا لأني لم أعرف بالضبط كيف التعديل و شكرا

لماذا لا يوجد مساعدة من الأعضاء المساعدين و المشرفين

جرب هذا

الكود:

<style type="text/css">
  .noticebox {
    background-color: #3399FF;
    color: #B6750A;
    border: 1px solid #F8E372;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 8px;
    margin: 0px;
    font-family: "Droid Arabic Kufi", Tahoma, Calibri, Verdana, Geneva, sans-serif;
    font-size: 13px;
    font-weight: bold;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.noticeboxtxt {
    background-color: #FEFEFE;
    color: #608C33;
    border: 1px solid #F9E886;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 8px;
    margin: 5px 0px 0px 0px;
    font-family: "Droid Arabic Kufi", Tahoma, Calibri, Verdana, Geneva, sans-serif;
    font-size: 12px;
    font-weight: bold;
}
/* CSS Document */

/* Tooltip */

.tip, .tipClick{ /* This is any element that has a tooltip attached too it */
  position:relative !important;
  display:inline-block;
}

.tip > .tooltipL,
.tip > .tooltipR,
.tipClick > .tooltipL,
.tipClick > .tooltipR { /* Used to hide the tooltip */
  display:none;
}

/** IMPORTANT!  Use the tipClick class for clickable tooltips (mobile doesn't allow hovering) and the .tip class for hoverable tooltips **/

.tip:hover > .tooltipL,
.tip:hover > .tooltipR, /* This shows the tooltip when an elements with the .tip class is hovered over */
.tipClick > a:focus + .tooltipL,
.tipClick > a:focus + .tooltipR { /* This shows the tooltip once an element with the .tipClick class is clicked */
  display:block;
}

.tooltipL, .tooltipR {
  background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.6);
  color: #FFF;
    #position: absolute;
  padding: 6px 10px;
    line-height: 1.8em;
    z-index: 15000;
    border-radius: 5px;
    cursor: default;
    font-family: Droid Arabic Kufi;
    font-size: 11px;
    font-weight: lighter;
    white-space: nowrap;
}

.tooltipL:before, .tooltipR:before {
    position:absolute; 
    border-style: solid;
    border-width: 6px;
    height:0px;
    width:0px;
    content:"";
}

/*********** Left Tooltip **************/

.tooltipL{ /* The styling on the tooltip */
    position:absolute; 
    right: 100%;
    margin-top: -23px;
    margin-right: 12px;
  width: 350px;
  text-align: right;
    white-space: normal;
  }
  .noticebox{
color:#FFFFFF;
}



.tooltipL:before{  /* Creates the arrow for the tooltip */
    border-color: transparent transparent transparent rgba(0, 0, 0, 0.6);
    top: 9px;
    right: -12px;
}

/*********** Right Tooltip ************/

.tooltipR{ /* The styling on the tooltip */
    position:absolute; 
    left: 100%;
    margin-left: 12px;
    margin-top: -25px;
  padding: 4px 8px;
  text-align: center;
  }
 
.tooltipR:before{  /* Creates the arrow for the tooltip */
  border-color: transparent rgba(0, 0, 0, 0.6) transparent transparent;
    top: 8px;
    left: -12px;
}
  </style>   
<div class="noticebox">
     <span class="fa fa-comment"> </span>  قوانين علبة الدردشة 
   <div class="noticeboxtxt">
         
      <div id="navbar_notice_2" class="navbar_notice">
           • قوانين المنتدى للمعاينة   
         <div class="tip">
              <a href="#"><strong>قوانين علبة الدردشة</strong></a> 
            <blockquote class="tooltipL">
                 <span class="genmed"><span style="color:#FFFFFF;">قوانين علبة دردشة احلى منتدى</span></span> 
            </blockquote>
               
         </div>
            
      </div>
         
   </div>
</div>

لاتكرر الطلب اكثر من طلب في موضوع واحد
لكل موضوع طلب

stones كتب:جرب هذا

الكود:

<style type="text/css">
  .noticebox {
    background-color: #3399FF;
    color: #B6750A;
    border: 1px solid #F8E372;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 8px;
    margin: 0px;
    font-family: "Droid Arabic Kufi", Tahoma, Calibri, Verdana, Geneva, sans-serif;
    font-size: 13px;
    font-weight: bold;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.noticeboxtxt {
    background-color: #FEFEFE;
    color: #608C33;
    border: 1px solid #F9E886;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 8px;
    margin: 5px 0px 0px 0px;
    font-family: "Droid Arabic Kufi", Tahoma, Calibri, Verdana, Geneva, sans-serif;
    font-size: 12px;
    font-weight: bold;
}
/* CSS Document */

/* Tooltip */

.tip, .tipClick{ /* This is any element that has a tooltip attached too it */
   position:relative !important;
   display:inline-block;
}

.tip > .tooltipL,
.tip > .tooltipR,
.tipClick > .tooltipL,
.tipClick > .tooltipR { /* Used to hide the tooltip */
   display:none;
}

/** IMPORTANT!  Use the tipClick class for clickable tooltips (mobile doesn't allow hovering) and the .tip class for hoverable tooltips **/

.tip:hover > .tooltipL,
.tip:hover > .tooltipR, /* This shows the tooltip when an elements with the .tip class is hovered over */
.tipClick > a:focus + .tooltipL,
.tipClick > a:focus + .tooltipR { /* This shows the tooltip once an element with the .tipClick class is clicked */
   display:block;
}

.tooltipL, .tooltipR {
   background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.6);
   color: #FFF;
    #position: absolute;
   padding: 6px 10px;
    line-height: 1.8em;
    z-index: 15000;
    border-radius: 5px;
    cursor: default;
    font-family: Droid Arabic Kufi;
    font-size: 11px;
    font-weight: lighter;
    white-space: nowrap;
}

.tooltipL:before, .tooltipR:before {
     position:absolute;  
    border-style: solid;
     border-width: 6px;
     height:0px;
     width:0px;
     content:"";
}

/*********** Left Tooltip **************/

.tooltipL{ /* The styling on the tooltip */
     position:absolute;  
    right: 100%;
    margin-top: -23px;
    margin-right: 12px;
   width: 350px;
   text-align: right;
    white-space: normal;
   }
   .noticebox{
color:#FFFFFF;
}



.tooltipL:before{  /* Creates the arrow for the tooltip */
    border-color: transparent transparent transparent rgba(0, 0, 0, 0.6);
     top: 9px;
     right: -12px;
}

/*********** Right Tooltip ************/

.tooltipR{ /* The styling on the tooltip */
     position:absolute;  
    left: 100%;
    margin-left: 12px;
    margin-top: -25px;
   padding: 4px 8px;
   text-align: center;
   }
  
.tooltipR:before{  /* Creates the arrow for the tooltip */
   border-color: transparent rgba(0, 0, 0, 0.6) transparent transparent;
     top: 8px;
     left: -12px;
}
  </style>    
<div class="noticebox">
   <span class="fa fa-comment"> </span>  قوانين علبة الدردشة  
 <div class="noticeboxtxt">
    
 <div id="navbar_notice_2" class="navbar_notice">
   • قوانين المنتدى للمعاينة    
 <div class="tip">
   <a href="#"><strong>قوانين علبة الدردشة</strong></a>  
 <blockquote class="tooltipL">
   <span class="genmed"><span style="color:#FFFFFF;">قوانين علبة دردشة احلى منتدى</span></span>  
 </blockquote>
    
 </div>
    
 </div>
    
 </div>
</div>

لاتكرر الطلب اكثر من طلب في موضوع واحد
لكل موضوع طلب

أين أقوم بتركيب الكود ؟

أين أقوم بتركيب الكود

انت وضعت كود وتريد تغير الون
هذه مشكلتك منين خذته
على العموم اذا الدردشة في الرئيسية يوضع
اعلى منها

stones كتب:انت وضعت كود وتريد تغير الون
هذه مشكلتك منين خذته
على العموم اذا الدردشة في الرئيسية يوضع
اعلى منها

أخي الغالي و العزيز لو سمحت من فضلك ممكن تقول لي خطوة خطوة إلى أين أدخل و أضع الكود

الكود مايركب في الدردشة بشكل مباشر
لانه لايحوي وسم لدردشة كود منفصل
اذا الدردشة عندك على الصفحة الرئسيسة
يمكنك وضعه اعلاها او اسفلها بشرط يكون
ملتصق بدردشة
اما اذا الدردشة لديك كما هي لوحدها هذا الكود
مايركب عليها