أريد الكود هذا



http://a.top4top.net/p_29mwqf1.png

لؤي03 كتب:أريد الكود هذا

http://d.top4top.net/p_295thx1.png

تابع موضوعي الذي قمت بطلبه أنا من قبل
مجموعة أسئلة عن علبة الدردشة

المنتدى اللي في الصورة كتابة برابط

شوف طلبي مو نفس اللي في موضوعك لكن يشبهه

الكود اللي انا ابغاه يوضع في التومبيلايت

مرحباً بك عزيزي

افتح قالب index_body 
ثم أبحث على 

الكود:

<!-- BEGIN switch_chatbox_popup -->

ضع أعلى الكود التالي

الكود:

<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>


ثم عدل عليه بما سناسبك سجل ثم انشر القالب