احتاج هذه الاكواد

بصراحهه مظهره سيء
https://rami1.ahlamontada.com/t104-topic

أفندينا كتب:لالا كدا تمام معي لاني اصلا راح اغيرصورة الاتصال
بالصور التابعه للستايل او راح اعطيك اياهم وانت ركبهم
بس بالمناسبه انا معدل اصلا على القالب

هذه هي الصور

هلا اخي  @أفندينا


انا بالبدايه سالتك هل تريد كتابة ام صورة
انت قلت اريد كتابة
-----
انا وضعت كتابه لكل جنس
لما يكون العضو ذكر يكتب(متواجد)
و لما يكون العضو انثى يكتب(متواجدة)

هذا العمل كان مرهق 
----

الان اريد معرفة طلبك بالضبط
هل تريد حالة اتصال العضو تكون صورة ام كتابة,
اذا كان جوابك صورة
هل تريد  صورة لكل جنس (صورة خاصه بالذكر وصورة خاصه بالانثى)
ام صورة واحده لكل الجنسين

الان تم وضع الصور

قالب مواضيع ذابيست

الكود:

<script type="text/javascript">
function selectCode(e) {
        var doc = document
            , text = $(e).closest("dl").find(".cont_code,code").get(0)
            , range, selection
        ;
        if (doc.body.createTextRange) {
            range = document.body.createTextRange();
            range.moveToElementText(text);
            range.select();
        } else if (window.getSelection) {
            selection = window.getSelection();
            range = document.createRange();
            range.selectNodeContents(text);
            selection.removeAllRanges();
            selection.addRange(range);
        }
    };
    $(function(){$("dl.codebox:not(.spoiler,.hidecode)  > dd.code, dl.codebox:not(.spoiler,.hidecode)  > dd > code").closest("dl").find('dt').append('<span onClick="selectCode(this)" class="selectCode">تحديد الكود</span>')});
    </script>


<script type="text/javascript">
//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
$(function(){
    if(typeof(_atc) == "undefined") {
        _atc = {  };
    }
});

var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
showHiddenMessage = function(id)
{
    try
    {
        var regId = parseInt(id, 10);
        if( isNaN(regId) ) { regId = 0; }
 
        if( regId > 0)
        {
            $('.post--' + id).toggle(0, function()
        {
            if( $(this).is(":visible") )
            {
              $('#hidden-title--' + id).html(hiddenMsgLabel.visible);
            }
            else
            {
              $('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
            }
        });
        }
    }
    catch(e) { }
 
  return false;
};

//]]>
</script>
<!-- BEGIN google_analytics_code -->
    <script async src="https://www.googletagmanager.com/gtag/js?id={G_ANALYTICS_ID}"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());
        gtag('config', '{G_ANALYTICS_ID}', {'anonymize_ip': true, 'store_gac': false, 'cookie_expires': 13 * 30 * 24 * 60 * 60});
        <!-- BEGIN google_analytics_code_bis -->
        gtag('config', '{G_ANALYTICS_ID_BIS}', {'anonymize_ip': true, 'store_gac': false, 'cookie_expires': 13 * 30 * 24 * 60 * 60});
        <!-- END google_analytics_code_bis -->
    </script>
    <!-- END google_analytics_code -->
<!-- تكويد كونان2000  -->
    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />


<style>
  .material-icons {
    vertical-align: middle;
}

a.nav {
    margin-top: -3px;
}
div#breadcrumbs a {
    margin-right: 13px;
    margin-bottom: -3px;
    text-decoration: auto;
    font-weight: 900;
    float: right;
    color: #fff;
    border-radius: 3px;
    display: inline-block;
    font-size: 13px;
    padding: 7px 0px;
    position: relative;
}

div#breadcrumbs {
      vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
}
div#breadcrumbs {
      vertical-align: middle;
    white-space: nowrap;
    width: 40%;
    overflow: hidden;
    position: relative;
    background-color: #263238;
    color: #fff;
    border-radius: 3px;
    clear: both;
    font-size: 0;
    margin-bottom: 22px;
    white-space: nowrap;
}

a.btn.btn-default.mobile-hidden, a.btn.btn-default {
  margin: 5px;
    text-decoration: auto;
    background-color: #1E88E5;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 20%), 0 1px 5px 0 rgb(0 0 0 / 12%);
    color: #FFF;
    border-radius: 3px;
    float: left;
    margin-bottom: 22px;
    line-height: 36px;
    padding: 0 24px;
}




  span.gensmall.bold {
    display: none;
}
 td.rou1 {
    background: #2196f300;
}
span.animesity {
    font-size: 0px;
    float: left;
}
span.animesity a, span.animesity b {
    text-decoration: auto;
    background: #0b0d0e!important;
    border: none;
    border-bottom: 2px solid #000!important;
    border-radius: 3px;
    color: #fff!important;
    display: inline-block;
    font-size: 15px;
    font-weight: 700;
    line-height: normal!important;
    margin: 2px;
    padding: 6px 9px!important;
    transition: 300ms;
}
span.animesity b {
opacity: 0.6;
}
  img.i_icon_online {
    float: right;
}
span.nbav {
    float: left;
}
 
  .piv {
    margin-left: 16px;
    float: left;
    margin-top: 12px;
}

 
.bodyline {
    background-color: #0000;
    border: 1px #0000 solid;
}
 td.ramicaty {
    overflow-y: hidden;
    background-color: rgb(245, 245, 245);
    box-shadow: rgba(0, 0, 0, 0.1) -4px 3px 0px 0px, rgba(0, 0, 0, 0.1) -1px -2px 2px 0px;
    color: rgb(255, 255, 255);
    font-size: 13px;
    font-weight: 400;
    position: relative;
    border-radius: 3px;
}

td.ramicaty1 {
    background: #ffffff;
}
  .fa_vote, .fa_voted, .fa_count {
      font-size:12px;
      font-family:Verdana, Arial, Helvetica, Sans-serif;
      display:inline-block !important;
      width:auto !important;
      transition:300ms;
    }
    .fa_voted, .fa_vote:hover { opacity:0.4 }
    .fa_voted { cursor:default }
    .fa_count {
      font-weight:bold;
      margin:0 3px;
      cursor:default;
    }
 
    .fa_votebar, .fa_votebar_inner {
      background:#C44;
      height:3px;
    }
    .fa_votebar_inner {
      background:#4A0;
      transition:300ms;
    }
.post-options img {
    width: 35px;
    height: 32px;
    cursor: pointer;
    vertical-align: middle;
}

.fa_vote, .fa_voted, .fa_count {
  font-size:12px;
  font-family:Verdana, Arial, Helvetica, Sans-serif;
  display:inline-block !important;
  width:auto !important;
  transition:300ms;
}
 
.fa_voted, .fa_vote:hover { opacity:0.4 }
.fa_voted { cursor:default }
 
.fa_count {
  font-weight:bold;
  margin:0 3px;
  cursor:default;
}
 
.fa_positive {
    border-left: solid #000 2px;
    vertical-align: middle;
    padding: 2px;
    background: #ffc450;
    font-size: 19px;
    color: #11100f;
}
.fa_negative {
    border-left: solid #000 2px;
    vertical-align: middle;
    padding: 2px;
    background: #fa5f1a;
    font-size: 19px;
    color: #11100f;
}

span.nameyu {
    text-align: right;
    border-right: 3px solid #607d8b;
    margin-bottom: 7px;
    display: block;
    background: #fff;
    vertical-align: text-bottom;
    padding: 5px 0;
}


.postdetails.poster-profile img {
    vertical-align: middle;
    max-width: 100%;
}

.postprofile {
    margin: 3px;
}
 
.fa_votebar, .fa_votebar_inner {
  background:#C44;
  height:3px;
}
 
.fa_votebar_inner {
  background:#4A0;
  transition:300ms;
}

td.ramicaty3.messaging.gensmall, td.ramicaty2.browse-arrows {
    background-color: #F5F5F5;
    border-radius: 3px;
    border-top: 1px solid #EBEBEB;
    position: relative;
    overflow: hidden;
}


span.postdetails.poster-profile a img {
    text-align: center;
    box-shadow: 0 1px 3px rgba(0,0,0,0.11), 0 0 1px rgba(0,0,0,0.22);
    height: 200px;
    padding-right: 3px;
    padding-left: 3px;
    margin: 1px 0 12px 11px;
    width: 100%;
}

.animedbz {
      box-shadow: 0 2px 3px rgba(0,0,0,0.1), 0 0 2px rgba(0,0,0,0.1);
    margin-bottom: 23px;
    border: 2px #e6e6e6 solid;
}
 
.postom {
    text-align: right;
}
.tyuo {
    float: left;
}
 .tareh {
 color: beige;
    font-size: 13px;
    float: right;
    padding-bottom: 4px;
    padding-top: 4px;
    padding-right: 4px;
}
 
.uhfr {
    overflow-y: hidden;
    padding: 11px 7px;
    background-color: #75b130;
    border-radius: 3px;
}
td.postdetaitls.row2 a {
    padding: 4px;
    background: azure;
    color: #151514;
}
td.postdetaitls.row2 {
  font-weight: 700;
    background: #F44336;
    padding: 7px;
    color: beige;
}
td.postdetaitls.row1 a {
    padding: 4px;
    background: azure;
    color: #151514;
}
td.postdetaitls.row1 {
  font-weight: 700;
    background: #F44336;
    padding: 7px;
    color: beige;
}

 hr {
  border: solid #0e0b0b00 0px;
    border-top-width: 0px;
    height: 2px;
}
 td.catuHead {
    background: #04000017;
}
 td.catBottom a {
    background: #ff3d3f00!important;
    color: #fff!important;
    font-weight: unset;
    padding: 0px;
}
.selectCode {
    color: #ffffff;
    cursor: pointer;
    float: left;
    text-transform: uppercase;
}

.postom {
    text-align: right;
}
.poster-profile {
    background: #f5f5f500!important;
    border-radius: 3px;
    display: block;
    font-size: 13px;
    padding: 16px 25px;
    text-align: center;
    margin-top: 10px;
    color: black;
    width: 170px;
}


.postbody {
    margin-right: 12px;
    font-weight: 900;
}
.code {
    color: #2E8B57;
    direction: ltr;
    line-height: 1.3em;
    max-height: 200px;
    overflow: auto;
    max-width: 900px;
}
dl.codebox dt {
    margin: -3px -3px 10px -3px;
}
dl.codebox dt, blockquote cite {
    color: #FFF;
    background: #39C;
    font-size: 12px;
    border: none;
    padding: 3px;
}
 .codebox {
    max-width: 900px;
    margin: auto;
    width: 90%;
}
dl.codebox dt {
    border-bottom: 1px solid #CCC;
    display: block;
    font-size: .8em;
    font-weight: 700;
    margin-bottom: 3px;
    text-transform: uppercase;
}
dl.codebox {
    background-color: #f2f2f2;
    border: 1px solid #C9D2D8;
    margin-bottom: 10px;
    padding: 4px;
}
  dl.codebox dt a {
    color: #fcfcfc;
}
.genmed {
    color: #fcfcfc;
}
.quote {
    color: #9f3baf;
    font-family: Droid Arabic Kufi,Roboto;
    font-size: 18px;
    font-weight: bold;
}
td.catHead h1 {
    vertical-align: text-top;
    padding-right: 11px;
    font-size: 20px;
    color: white;
}
td.noprint {
    width: 11px;
}
.tital {
    color: #e2dfdf;
    float: right;
}
td.t-title {
    float: right;
}
td.catHead {
    border: solid #a788e0 1px;
    background: black;
}
  th.thLeft, th.thRight  {
    display: none;
}
td.robw2, td.rowt2, td.rowr2 {
    background: white;
}
td.rowr2 a {
    color: beige;
}
td.rowr2 {
    padding: 3px;
    background: #8bc34a;
}
 td.catBottow {
    background: #8bc34a;
}
</style>
<table class="animeshow2" width="100%" border="0" align="center" cellspacing="1" cellpadding="0">
  <tr>
        <div class="topic-header">
        <h1><a href="{TOPIC_URL}">{TOPIC_TITLE}</a><!-- BEGIN switch_push_direct_send --> <span id="push-bell" style="color:goldenrod;" title="{switch_push_direct_send.L_PUSH_SEND}"><i class="material-icons">notifications</i></span><!-- END switch_push_direct_send --></h1>
        <!-- BEGIN switch_user_authpost -->
        <a href="{U_POST_NEW_TOPIC}" rel="nofollow" title="{T_POST_NEW_TOPIC}" {S_POST_NEW_TOPIC} class="btn btn-default mobile-hidden">
            <i class="material-icons">{I_POST_NEW_TOPIC}</i>
            <span>{L_POST_NEW_TOPIC}</span>
        </a>
        <!-- END switch_user_authpost -->
        <!-- BEGIN switch_user_authreply -->
        <a href="{U_POST_REPLY_TOPIC}" title="{T_POST_REPLY_TOPIC}" {S_POST_REPLY_TOPIC} class="btn btn-default">
            <i class="material-icons">{I_POST_REPLY_TOPIC}</i>
            <span>{L_POST_REPLY_TOPIC}</span>
        </a>
        <!-- END switch_user_authreply -->
        {POSTERS_LIST}
            <br />
        <div id="breadcrumbs" class="breadcrumbs-topic">
            <a href="{U_INDEX}"><i class="material-icons">home</i> <span>{L_INDEX}</span></a>
            {NAV_CAT_DESC}
        </div>
    
    </div>
    <br />
  
  
  
 
      <td align="right" valign="bottom" nowrap="nowrap" width="100%">
        <!-- BEGIN switch_twitter_btn -->
        <span id="twitter_btn" style="margin-left: 6px; ">
                <a href="https://twitter.com/share" class="twitter-share-button" data-via="{TWITTER}">Tweet</a>
                <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
        </span>
        <!-- END switch_twitter_btn -->
  
        <!-- BEGIN switch_fb_likebtn -->  
        <script>(function(d, s, id) {
          var js, fjs = d.getElementsByTagName(s)[0];
          if (d.getElementById(id)) return;
          js = d.createElement(s); js.id = id;
          js.src = "https://connect.facebook.net/{LANGUAGE}/all.js#xfbml=1";
          fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));</script>
        <div class="fb-like" data-href="{FORUM_URL}{TOPIC_URL}" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></div>
        <!-- END switch_fb_likebtn -->

        <span class="gensmall bold">
            <a class="addthis_button" href="#">{L_SHARE}</a>
            <!-- BEGIN switch_plus_menu -->
            |
            <script type="text/javascript">//<![CDATA[
              var url_favourite = '{U_FAVOURITE_JS_PLUS_MENU}';
              var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
              var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
              var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
              var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
              insert_plus_menu('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
            //]]>
            </script>
            <!-- END switch_plus_menu -->
        </span>
      </td>
  </tr>
</table>

<table class="animeshow1"  width="100%" border="0" cellspacing="1" cellpadding="0" >
 
  <!-- BEGIN topicpagination -->
  <tr>
      <td class="rou1 pagination" colspan="2" align="right" valign="top"><span class="animesity">{PAGINATION}</span></td>
  </tr>
  <!-- END topicpagination -->
  {POLL_DISPLAY}
  <tr>
      <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
      <th class="thRight" nowrap="nowrap">{L_MESSAGE}</th>
  </tr>
 
  <!-- BEGIN postrow -->
 
  <!-- BEGIN displayed -->
 
<table class="animedbz" width="100%" border="0" cellspacing="1" cellpadding="0"  align="center">
  <!-- BEGIN hidden -->
  <tr>

  </tr>
  <!-- END hidden -->
        <td class="postdetaitls {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</td>
    <div class="uhfr">  <div class="tareh">{postrow.displayed.POST_DATE}</div>    <div class="tyuo">{postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}</div></div>
              
  <tr class="post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
  
    <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
                  <div id="p{postrow.displayed.U_POST_ID}" class="post {postrow.displayed.ROW_COUNT}{postrow.displayed} post--{postrow.displayed.U_POST_ID}"{postrow.displayed.THANK_BGCOLOR} style="{postrow.displayed.DISPLAYABLE_STATE}">
            <div style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></div>
 <div class="postprofile" id="uuug">
 <span class="name"><a name="{postrow.displayed.U_POST_ID}" style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></a><div class="namee"><strong>{postrow.displayed.POSTER_NAME}</strong></div></span>
 <span class="postdetails poster-profile">
 <div class="ranke">{postrow.displayed.POSTER_RANK}</div>
 <div class="avatare">{postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}</div><br />
  <div {postrow.displayed.AWARDS_SHOW} class="dd_award {postrow.displayed.PROFILE_POSITION}">{postrow.displayed.AWARDS}</div>
 <div class="award_more"></div>
 <br>
 <br />
 <!-- BEGIN profile_field -->
  <span class="nameyu">
    
 {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
        
</span>
 <!-- END profile_field -->
 {postrow.displayed.POSTER_RPG}
 </span><br />
 <img src="https://2img.net/i/empty.gif" alt="" style="width:150px;height:1px" />
                          </div>
                      </div>
                  </td>
  
  
  
  
      <td class="ramicaty1"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>

              <td valign="top" nowrap="nowrap" class="post-options">
 
              </td>
            </tr>
            <tr>
              <td colspan="2" class="hr">
                  <hr />
              </td>
            </tr>
            <tr>
              <td colspan="2">
                <br />
          
                  <!-- BEGIN switch_vote_active -->
                  <div class="vote gensmall">
                    <!-- BEGIN switch_vote -->
                    <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
                    <!-- END switch_vote -->

                    <!-- BEGIN switch_bar -->
                    <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
                        <!-- BEGIN switch_vote_plus -->
                        <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
                        <!-- END switch_vote_plus -->

                        <!-- BEGIN switch_vote_minus -->
                        <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
                        <!-- END switch_vote_minus -->
                    </div>
                    <!-- END switch_bar -->

                    <!-- BEGIN switch_no_bar -->
                    <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
                    <!-- END switch_no_bar -->

                    <!-- BEGIN switch_vote -->
                    <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
                    <!-- END switch_vote -->
                  </div>
                  <!-- END switch_vote_active -->

                  <div class="postbody">

                    <div>{postrow.displayed.MESSAGE}</div>

                    <!-- BEGIN switch_attachments -->
                    <dl class="attachbox">
                        <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
                        <dd>
                          <!-- BEGIN switch_post_attachments -->
                          <dl class="file">
                              <dt>
                                <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" alt="" />

                                <!-- BEGIN switch_dl_att -->
                                <a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
                                <!-- END switch_dl_att -->

                                <!-- BEGIN switch_no_dl_att -->
                                {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
                                <!-- END switch_no_dl_att -->
                              </dt>

                              <!-- BEGIN switch_no_comment -->
                              <dd>
                                <em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
                              </dd>
                              <!-- END switch_no_comment -->

                              <!-- BEGIN switch_no_dl_att -->
                              <dd>
                                <em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
                              </dd>
                              <!-- END switch_no_dl_att -->

                              <dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
                          </dl>
                          <!-- END switch_post_attachments -->
                        </dd>
                    </dl>
                    <!-- END switch_attachments -->

                    <div class="clear"></div>
                    <!-- BEGIN switch_signature -->
                    <div class="signature_div">
                        {postrow.displayed.SIGNATURE}
                    </div>
                    <!-- END switch_signature -->

                  </div>
                  <span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span>
              </td>
            </tr>
        </table>
      </td>
  </tr>
  <tr class="post--{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
      <td class="ramicaty2 browse-arrows"{postrow.displayed.THANK_BGCOLOR} align="center" valign="middle" width="150">
         <tr class="post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
    <td class="ooooo"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
                  <div id="p{postrow.displayed.U_POST_ID}" class="post {postrow.displayed.ROW_COUNT}{postrow.displayed.ONLINE_IMG_NEW} post--{postrow.displayed.U_POST_ID}"{postrow.displayed.THANK_BGCOLOR} style="{postrow.displayed.DISPLAYABLE_STATE}">
 <div class="postprofile" id="rtyu">
 <!-- BEGIN profile_field -->
  <span class="nameyuy">
 {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
</span>
 <!-- END profile_field -->

      </td>
      <td class="ramicaty3 messaging gensmall"{postrow.displayed.THANK_BGCOLOR} width="100%" height="28">
        <div class="piv"><a href="#bottom"><img src="https://i.servimg.com/u/f92/19/96/72/32/untitl10.png"/></a> </div>
        <!-- BEGIN switch_likes_active -->
        <div class="fa_like_div">
            <button class="rep-button {postrow.displayed.switch_likes_active.C_VOTE_LIKE}"  data-href="{postrow.displayed.switch_likes_active.U_VOTE_LIKE}" data-href-rm="{postrow.displayed.switch_likes_active.U_VOTE_RM_LIKE}">
              <svg width="15px" height="15px" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M320 1344q0-26-19-45t-45-19q-27 0-45.5 19t-18.5 45q0 27 18.5 45.5t45.5 18.5q26 0 45-18.5t19-45.5zm160-512v640q0 26-19 45t-45 19h-288q-26 0-45-19t-19-45v-640q0-26 19-45t45-19h288q26 0 45 19t19 45zm1184 0q0 86-55 149 15 44 15 76 3 76-43 137 17 56 0 117-15 57-54 94 9 112-49 181-64 76-197 78h-129q-66 0-144-15.5t-121.5-29-120.5-39.5q-123-43-158-44-26-1-45-19.5t-19-44.5v-641q0-25 18-43.5t43-20.5q24-2 76-59t101-121q68-87 101-120 18-18 31-48t17.5-48.5 13.5-60.5q7-39 12.5-61t19.5-52 34-50q19-19 45-19 46 0 82.5 10.5t60 26 40 40.5 24 45 12 50 5 45 .5 39q0 38-9.5 76t-19 60-27.5 56q-3 6-10 18t-11 22-8 24h277q78 0 135 57t57 135z" fill="#666"/></svg>
              <span>{postrow.displayed.switch_likes_active.L_LIKE}</span>{postrow.displayed.switch_likes_active.COUNT_VOTE_LIKE}
            </button>
            <!-- BEGIN switch_dislike_button -->
            <button class="rep-button {postrow.displayed.switch_likes_active.switch_dislike_button.C_VOTE_DISLIKE}" data-href="{postrow.displayed.switch_likes_active.switch_dislike_button.U_VOTE_DISLIKE}" data-href-rm="{postrow.displayed.switch_likes_active.switch_dislike_button.U_VOTE_RM_LIKE}">
              <svg width="15px" height="15px" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M320 576q0 26-19 45t-45 19q-27 0-45.5-19t-18.5-45q0-27 18.5-45.5t45.5-18.5q26 0 45 18.5t19 45.5zm160 512v-640q0-26-19-45t-45-19h-288q-26 0-45 19t-19 45v640q0 26 19 45t45 19h288q26 0 45-19t19-45zm1129-149q55 61 55 149-1 78-57.5 135t-134.5 57h-277q4 14 8 24t11 22 10 18q18 37 27 57t19 58.5 10 76.5q0 24-.5 39t-5 45-12 50-24 45-40 40.5-60 26-82.5 10.5q-26 0-45-19-20-20-34-50t-19.5-52-12.5-61q-9-42-13.5-60.5t-17.5-48.5-31-48q-33-33-101-120-49-64-101-121t-76-59q-25-2-43-20.5t-18-43.5v-641q0-26 19-44.5t45-19.5q35-1 158-44 77-26 120.5-39.5t121.5-29 144-15.5h129q133 2 197 78 58 69 49 181 39 37 54 94 17 61 0 117 46 61 43 137 0 32-15 76z" fill="#666"/></svg>
              <span>{postrow.displayed.switch_likes_active.switch_dislike_button.L_DISLIKE}</span>{postrow.displayed.switch_likes_active.switch_dislike_button.COUNT_VOTE_DISLIKE}
            </button>
            <!-- END switch_dislike_button -->
        </div>
        <!-- END switch_likes_active -->
              <br />  <!-- BEGIN switch_likes_active -->
                    <div class="fa_like_div">
                        <!-- BEGIN switch_like_list -->
                        {postrow.displayed.switch_likes_active.switch_like_list.D_LIKE_LIST}
                        <!-- END switch_like_list -->
                        <!-- BEGIN switch_dislike_list -->
                        {postrow.displayed.switch_likes_active.switch_dislike_list.D_DISLIKE_LIST}
                        <!-- END switch_dislike_list -->
                    </div>
                    <!-- END switch_likes_active -->
            
        <table border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td valign="middle">

              </td>
            </tr>
        </table>
      </td>
  </tr>

  <!-- BEGIN first_post_br -->
</table>
<hr />
<table class="animeshow2" width="100%" border="0" align="center" cellspacing="1" cellpadding="0">
  <tr>
      <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
      <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
  </tr>
  <!-- END first_post_br -->
  <!-- END displayed -->
  <!-- END postrow -->
  <!-- BEGIN no_post -->
  <tr align="center">
      <td class="row1" colspan="2" height="28">
        <span class="genmed">{no_post.L_NO_POST}</span>
      </td>
  </tr>
  <!-- END no_post -->
    <!-- BEGIN topicpagination -->
  <tr>
      <td class="rou1 pagination" colspan="2" align="right" valign="top"><span class="animesity">{PAGINATION}</span></td>
  </tr>
  <!-- END topicpagination -->
  <tr align="right">
      <td class="catBottow" colspan="2" height="28">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td width="9%" class="noprint"> </td>
              <td align="center" class="t-title"><a name="bottomtitle"></a><div class="cattitle">{TOPIC_TITLE}</div></td>
              <td align="right" nowrap="nowrap" width="9%" class="browse-arrows">
                        <!-- BEGIN switch_isconnect -->

                        <!-- END switch_isconnect -->
                        <a href="#top">{L_BACK_TO_TOP}</a>
                    </td>
            </tr>
        </table>
      </td>
  </tr>
</table>
<table class="animeshow3" width="100%" border="0" align="center" cellspacing="0" cellpadding="0" style=" border-top: 0px; align:center" >
 
  <!-- BEGIN switch_user_logged_in -->
  <!-- BEGIN watchtopic -->
  <tr>
      <td class="rowr2" colspan="2" align="center" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td>
  </tr>
  <!-- END watchtopic -->
  <!-- END switch_user_logged_in -->
</table>

<!-- BEGIN promot_trafic -->
<table class="animeshow4" width="100%" border="0" align="center" cellpadding="1" cellspacing="0" id="ptrafic_close" style="display:none; align:center">
  <tr>
      <td class="catBottom" height="28">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td valign="top"><div class="cattitle"> {PROMOT_TRAFIC_TITLE}</div></td>
              <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
            </tr>
        </table>
      </td>
  </tr>
</table>

<table class="animeshow5" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_open" style="display:''; align: center">
  <tr>
      <td class="catBottom" height="28">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td valign="top"><div class="cattitle"> {PROMOT_TRAFIC_TITLE}</div></td>
              <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
            </tr>
        </table>
      </td>
  </tr>
  <tr>
      <td class="rorw2 postbody" valign="top">
        <!-- BEGIN link -->
        » <a style="text-decoration:none" href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}" rel="nofollow">{promot_trafic.link.TITLE}</a><br />
        <!-- END link -->
      </td>
  </tr>
</table>
<!-- END promot_trafic -->

<!-- BEGIN switch_forum_rules -->
<table id="forum_rules" class="animeshow6" width="100%" border="0" cellspacing="0" cellpadding="0" style="">
  <tbody>
      <tr>
        <td class="catBottom">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tbody>
                  <tr>
                    <td valign="top">
                        <div class="cattitle"> {L_FORUM_RULES}</div>
                    </td>
                  </tr>
              </tbody>
            </table>
        </td>
      </tr>
      <tr>
        <td class="row1 clearfix">
            <table>
              <tr>
                  <!-- BEGIN switch_forum_rule_image -->
                  <td class="logo">
                    <img src="{RULE_IMG_URL}" alt="" />
                  </td>
                  <!-- END switch_forum_rule_image -->
                  <td class="rules postbody">
                    {RULE_MSG}
                  </td>
              </tr>
            </table>
        </td>
      </tr>
  </tbody>
</table>
<!-- END switch_forum_rules -->

<table class="animeshow7" width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
  <tr>
      <td class="rowt2" colspan="2" align="center" style="padding:0px">
        <!-- BEGIN switch_user_logged_in -->
        <a name="quickreply"></a>
        {QUICK_REPLY_FORM}<br />
        <!-- END switch_user_logged_in -->
      </td>
  </tr>
  <tr>
      <td style="margin:0; padding: 0;" colspan="2">
        <table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''">
            <tbody>
      <!-- BEGIN show_permissions -->
      <tr>
        <td class="robw2" valign="top" width="25%"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td>
        <td class="row1" valign="top" width="75%"><span class="gensmall">{S_AUTH_LIST}</span></td>
      </tr>
      <!-- END show_permissions -->
      <tr>
        <td class="catBottom" colspan="2" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                  <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
                  <!-- BEGIN show_permissions -->
                  <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
                  <!-- END show_permissions -->
              </tr>
            </table>
        </td>
      </tr>
  </tbody>
        </table>
      </td>
  </tr>
  <tr>
      <td style="margin:0; padding: 0;" colspan="2">
        <table border="0" cellpadding="0" cellspacing="0" width="100%" id="info_close" style="display:none;">
            <tbody>
      <tr>
        <td class="catBottom" colspan="2" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                  <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
                  <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
              </tr>
            </table>
        </td>
      </tr>
  </tbody>
        </table>
      </td>
  </tr>
</table>

<form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
<table class="noprint" width="80%" border="0" cellspacing="2" cellpadding="0" align="center">
  <tr>
      <td align="left" valign="middle" nowrap="nowrap" {WIDTH_GALLERY}>
        <span class="nav">
            <!-- BEGIN switch_user_authpost -->
            <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>
            <!-- END switch_user_authpost -->
            <!-- BEGIN switch_user_authreply -->
            <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
            <!-- END switch_user_authreply -->
        </span>
      </td>

      <td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td>

      <!-- BEGIN moderation_panel -->
      <td align="center">
        <span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span>
      </td>
      <td align="center" width="250">
        <span class="gensmall"> </span>
      </td>
      <!-- END moderation_panel -->
  </tr>
</table>
</form>

<!-- BEGIN viewtopic_bottom -->
<table class="noprint" width="80%" border="0" cellspacing="2" cellpadding="0" align="center">
  <tr>
      <td colspan="2" align="left" valign="top" nowrap="nowrap"><br />{S_TOPIC_ADMIN}<br />
        <form name="action" method="get" action="{S_FORM_MOD_ACTION}">
            <input type="hidden" name="t" value="{TOPIC_ID}" />

            <!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
            <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />

            <span class="gen">{L_MOD_TOOLS}<br />{S_SELECT_MOD}&nbsp;<input class="liteoption" type="submit" value="{L_GO}" /></span>
        </form>
      </td>
  </tr>
</table>
<!-- END viewtopic_bottom -->

<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->
<script src="//s7.addthis.com/js/300/addthis_widget.js#pubid=forumotion" type="text/javascript"></script>
     <!-- تكويد كونان2000  -->      

كود سي اس اس الخاص بالالوان

الكود:

div#uuug:before {
    content: none;
}
div#rtyu {
    background: #edeaea!important;
    border: 0!important;
    padding: 36px !important;
    margin: 0;
}
td.ramicaty3.messaging.gensmall {
    padding-right: 22px;
}
.animedbz {
    border: 1px #c1a6a6 solid!important;
}
span.nameyuy {
    display: none;
}
.ذكر {
    background: #e9e9e9;
    border-bottom: 16px solid #2196f3!important;
    border-left: 1px solid #2196f3!important;
    border-radius: 3px;
    border-right: 1px solid #2196f3!important;
    border-top: 16px solid #2196f3!important;
    padding: 60px 3px 3px!important;
    position: relative;
}
.ذكر span.nameyu {
    border-right: solid #2196f3;
    border: 0px dotted #2196f3;
}
.انثى span.nameyu {
      border-right: solid: #e91e63;
    border-bottom: 1px dotted #e91e63;
}
.انثى {
background: #e9e9e9;
    border-bottom: 16px solid #e91e63!important;
    border-left: 1px solid #e91e63!important;
    border-radius: 3px;
    border-right: 1px solid #e91e63!important;
    border-top: 16px solid #e91e63!important;
    padding: 60px 3px 3px!important;
    position: relative;
}

.ذكر .avatare:after {
  color: #d5d1cb;
  font-size: 15px;
    font-weight: 900;
    margin-top: 22px;
    text-align: center;
    display: flex;
    width: 100%;
    background: #2196f3;
    content: "بيانات العضو";
    justify-content: center;
}
.انثى .avatare:after {
  color: #d5d1cb;
  font-size: 15px;
    font-weight: 900;
    margin-top: 22px;
    text-align: center;
    display: flex;
    width: 100%;
    background: #e91e63;
    content: "بيانات العضوه";
    justify-content: center;
}
.ذكر.postprofile:before {
 content: url(https://i.servimg.com/u/f23/19/84/13/17/user_o11.gif);
    background-repeat-x: no-repeat;
    display: flex;
    justify-content: center;
}
 .انثى.postprofile:before {
  content: url(https://i.servimg.com/u/f23/19/84/13/17/user_o11.gif);
    background-repeat-x: no-repeat;
    display: flex;
    justify-content: center;
}
 div.post.online .postprofile.ذكر:before {
 content: url(https://i.servimg.com/u/f23/19/84/13/17/user_o10.gif);
    background-repeat-x: no-repeat;
    display: flex;
    justify-content: center;
}
 div.post.online .postprofile.انثى:before {
 content: url(https://i.servimg.com/u/f23/19/84/13/17/user_o10.gif);
    background-repeat-x: no-repeat;
    display: flex;
    justify-content: center;
}
div.post .postprofile:before {
    left: 7px;
    position: absolute;
    right: 7px;
    top: 10px;
    z-index: 2;
}
.postprofile .label {
    padding-right: 6px;
    font-weight: 500;
}

.postprofile {
  background: #;
    border-bottom: 16px solid #607d8b;
    border-left: 1px solid #607d8b;
    border-radius: 3px!important;
    border-right: 1px solid #607d8b;
    border-top: 16px solid #607d8b;
    padding: 10px 3px 3px!important;
    position: relative!important;
}
hr {
    margin: 0px!important;
    padding: 0px!important;
}

 
 
.postprofile .label {
    padding-right: 6px;
    font-weight: 500;
}
 
 
 
 
 
 
.blue {
    background: #edeaea!important;
    border-bottom: 16px solid #3e459c!important;
    border-left: 1px solid #3e459c!important;
    border-right: 1px solid #3e459c!important;
    border-top: 16px solid #3e459c!important;
}
.grey {
    background: #edeaea!important;
    border-bottom: 16px solid #a0a09a!important;
    border-left: 1px solid #a0a09a!important;
    border-right: 1px solid #a0a09a!important;
    border-top: 16px solid #a0a09a!important;
}
.green {
    background: #edeaea!important;
    border-bottom: 16px solid #42b649!important;
    border-left: 1px solid #42b649!important;
    border-right: 1px solid #42b649!important;
    border-top: 16px solid #42b649!important;
}
.yellow {
    background: #edeaea!important;
    border-bottom: 16px solid #ede816!important;
    border-left: 1px solid #ede816!important;
    border-right: 1px solid #ede816!important;
    border-top: 16px solid #ede816!important;
}
.purple {
    background: #edeaea!important;
    border-bottom: 16px solid #aa4399!important;
    border-left: 1px solid #aa4399!important;
    border-right: 1px solid #aa4399!important;
    border-top: 16px solid #aa4399!important;
}
 
 
 
.undefined .avatare:after {
  background: #;!important;
}
.purple .avatare:after {
  background: #aa4399!important;
}
.grey .avatare:after {
  background: #a0a09a;!important;
}
.blue .avatare:after {
  background: #3e459c!important;
}
.green .avatare:after {
  background: #42b649;!important;
}
.yellow .avatare:after {
  background: #ede816!important;
}
 
 
 
.undefined span.nameyu {
 border-right: solid #!important;
 border-bottom: 1px dotted #e91e63;
}
.purple span.nameyu {
 border-right: solid #aa4399!important;
 border-bottom: 1px dotted #aa4399;
}
.grey span.nameyu {
 border-right: solid #a0a09a;!important;
 border-bottom: 1px dotted #a0a09a;
}
.blue span.nameyu {
border-right: solid #3e459c!important;
 border-bottom: 1px dotted #3e459c;
}
.green span.nameyu {
border-right: solid #42b649;!important;
 border-bottom: 1px dotted #42b649;
}
.yellow span.nameyu {
 border-right: solid #ede816!important;
  border-bottom: 1px dotted #ede816;
}
.Pink span.nameyu {
 border-right: solid #ffc0cb!important;
     border-bottom: 1px dotted #ffc0cb;
}
.LightCoral span.nameyu {
 border-right: solid #f08080!important;
   border-bottom: 1px dotted #f08080;
}
.black span.nameyu {
 border-right: solid #000000!important;
   border-bottom: 1px dotted #000000;
}
.red span.nameyu {
 border-right: solid #e90000!important;
   border-bottom: 1px dotted #e90000;
}
.SlateBlue span.nameyu {
 border-right: solid #6a5acd!important;
   border-bottom: 1px dotted #6a5acd;
}
.Orange span.nameyu {
 border-right: solid #ffa200!important;
   border-bottom: 1px dotted #ffa200;
}
.Light Coral span.nameyu {
 border-right: solid #f08080!important;
   border-bottom: 1px dotted #f08080;
}
.Wisteria span.nameyu {
 border-right: solid #c6aec7!important;
   border-bottom: 1px dotted #c6aec7;
}
.Indigo span.nameyu {
 border-right: solid #4b0082!important;
   border-bottom: 1px dotted #4b0082;
}

.Orange {
    background: #edeaea!important;
    border-bottom: 16px solid  #ffa200!important;
    border-left: 1px solid #ffa200!important;
    border-right: 1px solid #ffa200!important;
    border-top: 16px solid #ffa200!important;
}

.Orange .avatare:after {
  background: #ffa200!important;
}

.LightCoral {
    background: #edeaea!important;
    border-bottom: 16px solid  #f08080!important;
    border-left: 1px solid #f08080!important;
    border-right: 1px solid #f08080!important;
    border-top: 16px solid #f08080!important;
}

.LightCoral .avatare:after {
  background: #f08080!important;
}

.Pink {
    background: #edeaea!important;
    border-bottom: 16px solid  #ffc0cb!important;
    border-left: 1px solid #ffc0cb!important;
    border-right: 1px solid #ffc0cb!important;
    border-top: 16px solid #ffc0cb!important;
}

.Pink .avatare:after {
  background: #ffc0cb!important;
}
.black {
    background: #edeaea!important;
    border-bottom: 16px solid  #000000!important;
    border-left: 1px solid #000000!important;
    border-right: 1px solid #000000!important;
    border-top: 16px solid #000000!important;
}

.black .avatare:after {
  color: #fff;
  background: #000000!important;
}

.red {
    background: #edeaea!important;
    border-bottom: 16px solid  #e90000!important;
    border-left: 1px solid #e90000!important;
    border-right: 1px solid #e90000!important;
    border-top: 16px solid #e90000!important;
}

.red .avatare:after {
  background: #e90000!important;
}

.Light Coral {
    background: #edeaea!important;
    border-bottom: 16px solid  #f08080!important;
    border-left: 1px solid #f08080!important;
    border-right: 1px solid #f08080!important;
    border-top: 16px solid #f08080!important;
}

.Light Coral .avatare:after {
  background: #f08080!important;
}

.Wisteria {
    background: #edeaea!important;
    border-bottom: 16px solid  #c6aec7!important;
    border-left: 1px solid #c6aec7!important;
    border-right: 1px solid #c6aec7!important;
    border-top: 16px solid #c6aec7!important;
}

.Wisteria .avatare:after {
  background: #c6aec7!important;
}

.SlateBlue {
    background: #edeaea!important;
    border-bottom: 16px solid  #6a5acd!important;
    border-left: 1px solid #6a5acd!important;
    border-right: 1px solid #6a5acd!important;
    border-top: 16px solid #6a5acd!important;
}

.SlateBlue .avatare:after {
  background: #6a5acd!important;
}

.Indigo {
    background: #edeaea!important;
    border-bottom: 16px solid  #4b0082!important;
    border-left: 1px solid #4b0082!important;
    border-right: 1px solid #4b0082!important;
    border-top: 16px solid #4b0082!important;
}

.Indigo .avatare:after {
  background: #4b0082!important;
}

.namee {
    font-size: 16px;
    padding: 5px;
    text-align: center;
}

span.nameyu {
    text-align: right;
    border-right: 3px solid #607d8b;
    margin-bottom: 7px;
    display: block;
    background: #fff;
    vertical-align: text-bottom;
    padding: 5px 0;
}

افندينا كل اللي عليك انك تركب كود جافا اللوان  الخاص للنسخه الثاني
https://help.ahlamontada.com/t1095954-topic#4982800

أفندينا كتب:اخي الفاضل  @كونان2000
انا لا اريد قالب المواضيع التابع ل ذابيست
اريد فقط البيانات الشخصيه مع لوني المضل

هلا افندينا
انا طول الوقت على بالي انك تريد قالب موضيع بالكمال مثل ذابيست
----
لكن لا مشكله البيانات الموجوده بالقالب هي نفسها في المنتدى التجريبي
اللي انت قلت انه تمام 100%

ركبه على منتدى تجريبي وشوف ايش يحتاج من تعديلات
ثم افتح موضوع مستقل لطلب المساعده

أفندينا كتب: @كونان2000
يا اخي صحيح ان

كونان2000 كتب:لكن لا مشكله البيانات الموجوده بالقالب هي نفسها في المنتدى التجريبي
اللي انت قلت انه تمام 100%

لكن القالب مختلف انا ما اريد قالب موضيع ذا بيست

خلاص انت ركب القالب
بعدها اطلب تعديلات عليها
وانا ان شاء الله راح اعملها لك

هلا افندينا
شوف التعديلات https://rami1.ahlamontada.com/t104-topic

هلا اخي  @أفندينا
لازم اول تركب القالب

الكود:

<script type="text/javascript">
function selectCode(e) {
        var doc = document
            , text = $(e).closest("dl").find(".cont_code,code").get(0)
            , range, selection
        ;
        if (doc.body.createTextRange) {
            range = document.body.createTextRange();
            range.moveToElementText(text);
            range.select();
        } else if (window.getSelection) {
            selection = window.getSelection();
            range = document.createRange();
            range.selectNodeContents(text);
            selection.removeAllRanges();
            selection.addRange(range);
        }
    };
    $(function(){$("dl.codebox:not(.spoiler,.hidecode)  > dd.code, dl.codebox:not(.spoiler,.hidecode)  > dd > code").closest("dl").find('dt').append('<span onClick="selectCode(this)" class="selectCode">تحديد الكود</span>')});
    </script>


<script type="text/javascript">
//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
$(function(){
    if(typeof(_atc) == "undefined") {
        _atc = {  };
    }
});

var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
showHiddenMessage = function(id)
{
    try
    {
        var regId = parseInt(id, 10);
        if( isNaN(regId) ) { regId = 0; }
 
        if( regId > 0)
        {
            $('.post--' + id).toggle(0, function()
        {
            if( $(this).is(":visible") )
            {
              $('#hidden-title--' + id).html(hiddenMsgLabel.visible);
            }
            else
            {
              $('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
            }
        });
        }
    }
    catch(e) { }
 
  return false;
};

//]]>
</script>
<!-- BEGIN google_analytics_code -->
    <script async src="https://www.googletagmanager.com/gtag/js?id={G_ANALYTICS_ID}"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());
        gtag('config', '{G_ANALYTICS_ID}', {'anonymize_ip': true, 'store_gac': false, 'cookie_expires': 13 * 30 * 24 * 60 * 60});
        <!-- BEGIN google_analytics_code_bis -->
        gtag('config', '{G_ANALYTICS_ID_BIS}', {'anonymize_ip': true, 'store_gac': false, 'cookie_expires': 13 * 30 * 24 * 60 * 60});
        <!-- END google_analytics_code_bis -->
    </script>
    <!-- END google_analytics_code -->
<!-- تكويد كونان2000  -->
    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />


<style>
  .material-icons {
    vertical-align: middle;
}

a.nav {
    margin-top: -3px;
}
div#breadcrumbs a {
    margin-right: 13px;
    margin-bottom: -3px;
    text-decoration: auto;
    font-weight: 900;
    float: right;
    color: #fff;
    border-radius: 3px;
    display: inline-block;
    font-size: 13px;
    padding: 7px 0px;
    position: relative;
}

div#breadcrumbs {
      vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
}
div#breadcrumbs {
      vertical-align: middle;
    white-space: nowrap;
    width: 40%;
    overflow: hidden;
    position: relative;
    background-color: #263238;
    color: #fff;
    border-radius: 3px;
    clear: both;
    font-size: 0;
    margin-bottom: 22px;
    white-space: nowrap;
}

a.btn.btn-default.mobile-hidden, a.btn.btn-default {
  margin: 5px;
    text-decoration: auto;
    background-color: #1E88E5;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 20%), 0 1px 5px 0 rgb(0 0 0 / 12%);
    color: #FFF;
    border-radius: 3px;
    float: left;
    margin-bottom: 22px;
    line-height: 36px;
    padding: 0 24px;
}




  span.gensmall.bold {
    display: none;
}
 td.rou1 {
    background: #2196f300;
}
span.animesity {
    font-size: 0px;
    float: left;
}
span.animesity a, span.animesity b {
    text-decoration: auto;
    background: #0b0d0e!important;
    border: none;
    border-bottom: 2px solid #000!important;
    border-radius: 3px;
    color: #fff!important;
    display: inline-block;
    font-size: 15px;
    font-weight: 700;
    line-height: normal!important;
    margin: 2px;
    padding: 6px 9px!important;
    transition: 300ms;
}
span.animesity b {
opacity: 0.6;
}
  img.i_icon_online {
    float: right;
}
span.nbav {
    float: left;
}
 
  .piv {
    margin-left: 16px;
    float: left;
    margin-top: 12px;
}


 td.ramicaty {
    overflow-y: hidden;
    background-color: rgb(245, 245, 245);
    box-shadow: rgba(0, 0, 0, 0.1) -4px 3px 0px 0px, rgba(0, 0, 0, 0.1) -1px -2px 2px 0px;
    color: rgb(255, 255, 255);
    font-size: 13px;
    font-weight: 400;
    position: relative;
    border-radius: 3px;
}

td.ramicaty1 {
background:#fff url(https://i.servimg.com/u/f30/20/18/18/38/back10.gif) repeat scroll 0 0
}
  .fa_vote, .fa_voted, .fa_count {
      font-size:12px;
      font-family:Verdana, Arial, Helvetica, Sans-serif;
      display:inline-block !important;
      width:auto !important;
      transition:300ms;
    }
    .fa_voted, .fa_vote:hover { opacity:0.4 }
    .fa_voted { cursor:default }
    .fa_count {
      font-weight:bold;
      margin:0 3px;
      cursor:default;
    }
 
    .fa_votebar, .fa_votebar_inner {
      background:#C44;
      height:3px;
    }
    .fa_votebar_inner {
      background:#4A0;
      transition:300ms;
    }
.post-options img {
    width: 35px;
    height: 32px;
    cursor: pointer;
    vertical-align: middle;
}

.fa_vote, .fa_voted, .fa_count {
  font-size:12px;
  font-family:Verdana, Arial, Helvetica, Sans-serif;
  display:inline-block !important;
  width:auto !important;
  transition:300ms;
}
 
.fa_voted, .fa_vote:hover { opacity:0.4 }
.fa_voted { cursor:default }
 
.fa_count {
  font-weight:bold;
  margin:0 3px;
  cursor:default;
}
 
.fa_positive {
    border-left: solid #000 2px;
    vertical-align: middle;
    padding: 2px;
    background: #ffc450;
    font-size: 19px;
    color: #11100f;
}
.fa_negative {
    border-left: solid #000 2px;
    vertical-align: middle;
    padding: 2px;
    background: #fa5f1a;
    font-size: 19px;
    color: #11100f;
}

span.nameyu {
    text-align: right;
    border-right: 3px solid #607d8b;
    margin-bottom: 7px;
    display: block;
    background: #fff;
    vertical-align: text-bottom;
    padding: 5px 0;
}


.postdetails.poster-profile img {
    vertical-align: middle;
    max-width: 100%;
}

 
.fa_votebar, .fa_votebar_inner {
  background:#C44;
  height:3px;
}
 
.fa_votebar_inner {
  background:#4A0;
  transition:300ms;
}

td.ramicaty3.messaging.gensmall, td.ramicaty2.browse-arrows {
    border-radius: 3px;
    background: #d2d2d2;
    position: relative;
    overflow: hidden;
}


span.postdetails.poster-profile a img {
    text-align: center;
    box-shadow: 0 1px 3px rgba(0,0,0,0.11), 0 0 1px rgba(0,0,0,0.22);
    height: 200px;
    padding-right: 3px;
    padding-left: 3px;
    margin: 1px 0 12px 11px;
    width: 100%;
}

.animedbz {
    background: #c5bbbb;
    margin-bottom: 23px;
    border: 1px #c1a6a6 solid!important;
}
 
.postom {
    text-align: right;
}
.tyuo {
    float: left;
}
 .tareh {
 color: beige;
    font-size: 13px;
    float: right;
    padding-bottom: 4px;
    padding-top: 4px;
    padding-right: 4px;
}
 
.uhfr {
    overflow-y: hidden;
    background: #FFF url(https://i.servimg.com/u/f30/20/18/18/38/back311.gif) repeat scroll 0 0;
    border-radius: 3px;
}
td.postdetaitls.row2 a {
    padding: 4px;
    background: azure;
    color: #151514;
}
td.postdetaitls.row2 {
  font-weight: 700;
    background: #F44336;
    padding: 7px;
    color: beige;
}
td.postdetaitls.row1 a {
    padding: 4px;
    background: azure;
    color: #151514;
}
td.postdetaitls.row1 {
  font-weight: 700;
    background: #F44336;
    padding: 7px;
    color: beige;
}

 hr {
  border: solid #0e0b0b00 0px;
    border-top-width: 0px;
    height: 2px;
}
 td.catuHead {
    background: #04000017;
}
 td.catBottom a {
    background: #ff3d3f00!important;
    color: #fff!important;
    font-weight: unset;
    padding: 0px;
}
.selectCode {
    color: #ffffff;
    cursor: pointer;
    float: left;
    text-transform: uppercase;
}

.postom {
    text-align: right;
}
.poster-profile {
    background: #f5f5f500!important;
    border-radius: 3px;
    display: block;
    font-size: 13px;
    padding: 16px 25px;
    text-align: center;
    margin-top: 10px;
    color: black;
    width: 170px;
}


.postbody {
    margin-right: 12px;
    font-weight: 900;
}
.code {
    color: #2E8B57;
    direction: ltr;
    line-height: 1.3em;
    max-height: 200px;
    overflow: auto;
    max-width: 900px;
}
dl.codebox dt {
    margin: -3px -3px 10px -3px;
}
dl.codebox dt, blockquote cite {
    color: #FFF;
    background: #39C;
    font-size: 12px;
    border: none;
    padding: 3px;
}
 .codebox {
    max-width: 900px;
    margin: auto;
    width: 90%;
}
dl.codebox dt {
    border-bottom: 1px solid #CCC;
    display: block;
    font-size: .8em;
    font-weight: 700;
    margin-bottom: 3px;
    text-transform: uppercase;
}
dl.codebox {
    background-color: #f2f2f2;
    border: 1px solid #C9D2D8;
    margin-bottom: 10px;
    padding: 4px;
}
  dl.codebox dt a {
    color: #fcfcfc;
}
.genmed {
    color: #fcfcfc;
}
.quote {
    color: #9f3baf;
    font-family: Droid Arabic Kufi,Roboto;
    font-size: 18px;
    font-weight: bold;
}
td.catHead h1 {
    vertical-align: text-top;
    padding-right: 11px;
    font-size: 20px;
    color: white;
}
td.noprint {
    width: 11px;
}
.tital {
    color: #e2dfdf;
    float: right;
}
td.t-title {
    float: right;
}
td.catHead {
    border: solid #a788e0 1px;
    background: black;
}
  th.thLeft, th.thRight  {
    display: none;
}
td.robw2, td.rowt2, td.rowr2 {
    background: white;
}
td.rowr2 a {
    color: beige;
}
td.rowr2 {
    padding: 3px;
    background: #8bc34a;
}
 td.catBottow {
    background: #8bc34a;
}
</style>
<table class="animeshow2" width="100%" border="0" align="center" cellspacing="1" cellpadding="0">
  <tr>
        <div class="topic-header">
        <h1><a href="{TOPIC_URL}">{TOPIC_TITLE}</a><!-- BEGIN switch_push_direct_send --> <span id="push-bell" style="color:goldenrod;" title="{switch_push_direct_send.L_PUSH_SEND}"><i class="material-icons">notifications</i></span><!-- END switch_push_direct_send --></h1>
        <!-- BEGIN switch_user_authpost -->
        <a href="{U_POST_NEW_TOPIC}" rel="nofollow" title="{T_POST_NEW_TOPIC}" {S_POST_NEW_TOPIC} class="btn btn-default mobile-hidden">
            <i class="material-icons">{I_POST_NEW_TOPIC}</i>
            <span>{L_POST_NEW_TOPIC}</span>
        </a>
        <!-- END switch_user_authpost -->
        <!-- BEGIN switch_user_authreply -->
        <a href="{U_POST_REPLY_TOPIC}" title="{T_POST_REPLY_TOPIC}" {S_POST_REPLY_TOPIC} class="btn btn-default">
            <i class="material-icons">{I_POST_REPLY_TOPIC}</i>
            <span>{L_POST_REPLY_TOPIC}</span>
        </a>
        <!-- END switch_user_authreply -->
        {POSTERS_LIST}
            <br />
        <div id="breadcrumbs" class="breadcrumbs-topic">
            <a href="{U_INDEX}"><i class="material-icons">home</i> <span>{L_INDEX}</span></a>
            {NAV_CAT_DESC}
        </div>
 
    </div>
    <br />
 
 
 
 
      <td align="right" valign="bottom" nowrap="nowrap" width="100%">
        <!-- BEGIN switch_twitter_btn -->
        <span id="twitter_btn" style="margin-left: 6px; ">
                <a href="https://twitter.com/share" class="twitter-share-button" data-via="{TWITTER}">Tweet</a>
                <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
        </span>
        <!-- END switch_twitter_btn -->
 
        <!-- BEGIN switch_fb_likebtn -->
        <script>(function(d, s, id) {
          var js, fjs = d.getElementsByTagName(s)[0];
          if (d.getElementById(id)) return;
          js = d.createElement(s); js.id = id;
          js.src = "https://connect.facebook.net/{LANGUAGE}/all.js#xfbml=1";
          fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));</script>
        <div class="fb-like" data-href="{FORUM_URL}{TOPIC_URL}" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></div>
        <!-- END switch_fb_likebtn -->

        <span class="gensmall bold">
            <a class="addthis_button" href="#">{L_SHARE}</a>
            <!-- BEGIN switch_plus_menu -->
            |
            <script type="text/javascript">//<![CDATA[
              var url_favourite = '{U_FAVOURITE_JS_PLUS_MENU}';
              var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
              var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
              var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
              var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
              insert_plus_menu('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
            //]]>
            </script>
            <!-- END switch_plus_menu -->
        </span>
      </td>
  </tr>
</table>

<table class="animeshow1"  width="100%" border="0" cellspacing="1" cellpadding="0" >
 
  <!-- BEGIN topicpagination -->
  <tr>
      <td class="rou1 pagination" colspan="2" align="right" valign="top"><span class="animesity">{PAGINATION}</span></td>
  </tr>
  <!-- END topicpagination -->
  {POLL_DISPLAY}
  <tr>
      <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
      <th class="thRight" nowrap="nowrap">{L_MESSAGE}</th>
  </tr>
 
  <!-- BEGIN postrow -->
 
  <!-- BEGIN displayed -->
 
<table class="animedbz" width="100%" border="0" cellspacing="1" cellpadding="0"  align="center">
  <!-- BEGIN hidden -->
  <tr>

  </tr>
  <!-- END hidden -->
        <td class="postdetaitls {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</td>
    <div class="uhfr">  <div class="tareh">{postrow.displayed.POST_DATE}</div>    <div class="tyuo">{postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}</div></div>
           
  <tr class="post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
 
    <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
                  <div id="p{postrow.displayed.U_POST_ID}" class="post {postrow.displayed.ROW_COUNT}{postrow.displayed} post--{postrow.displayed.U_POST_ID}"{postrow.displayed.THANK_BGCOLOR} style="{postrow.displayed.DISPLAYABLE_STATE}">
            <div style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></div>
 <div class="postprofile" id="uuug">
 <span class="name"><a name="{postrow.displayed.U_POST_ID}" style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></a><div class="namee"><strong>{postrow.displayed.POSTER_NAME}</strong></div></span>
 <span class="postdetails poster-profile">
 <div class="ranke">{postrow.displayed.POSTER_RANK}</div>
 <div class="avatare">{postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}</div><br />
  <div {postrow.displayed.AWARDS_SHOW} class="dd_award {postrow.displayed.PROFILE_POSITION}">{postrow.displayed.AWARDS}</div>
 <div class="award_more"></div>
 <br>
 <br />
 <!-- BEGIN profile_field -->
  <span class="nameyu">
 
 {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
     
</span>
 <!-- END profile_field -->
 {postrow.displayed.POSTER_RPG}
 </span><br />
 <img src="https://2img.net/i/empty.gif" alt="" style="width:150px;height:1px" />
                          </div>
                      </div>
                  </td>
 
 
 
 
      <td class="ramicaty1"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>

              <td valign="top" nowrap="nowrap" class="post-options">
 
              </td>
            </tr>
            <tr>
              <td colspan="2" class="hr">
                  <hr />
              </td>
            </tr>
            <tr>
              <td colspan="2">
                <br />
       
                  <!-- BEGIN switch_vote_active -->
                  <div class="vote gensmall">
                    <!-- BEGIN switch_vote -->
                    <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
                    <!-- END switch_vote -->

                    <!-- BEGIN switch_bar -->
                    <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
                        <!-- BEGIN switch_vote_plus -->
                        <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
                        <!-- END switch_vote_plus -->

                        <!-- BEGIN switch_vote_minus -->
                        <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
                        <!-- END switch_vote_minus -->
                    </div>
                    <!-- END switch_bar -->

                    <!-- BEGIN switch_no_bar -->
                    <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
                    <!-- END switch_no_bar -->

                    <!-- BEGIN switch_vote -->
                    <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
                    <!-- END switch_vote -->
                  </div>
                  <!-- END switch_vote_active -->

                  <div class="postbody">

                    <div>{postrow.displayed.MESSAGE}</div>

                    <!-- BEGIN switch_attachments -->
                    <dl class="attachbox">
                        <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
                        <dd>
                          <!-- BEGIN switch_post_attachments -->
                          <dl class="file">
                              <dt>
                                <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" alt="" />

                                <!-- BEGIN switch_dl_att -->
                                <a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
                                <!-- END switch_dl_att -->

                                <!-- BEGIN switch_no_dl_att -->
                                {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
                                <!-- END switch_no_dl_att -->
                              </dt>

                              <!-- BEGIN switch_no_comment -->
                              <dd>
                                <em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
                              </dd>
                              <!-- END switch_no_comment -->

                              <!-- BEGIN switch_no_dl_att -->
                              <dd>
                                <em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
                              </dd>
                              <!-- END switch_no_dl_att -->

                              <dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
                          </dl>
                          <!-- END switch_post_attachments -->
                        </dd>
                    </dl>
                    <!-- END switch_attachments -->

                    <div class="clear"></div>
                    <!-- BEGIN switch_signature -->
                    <div class="signature_div">
                        {postrow.displayed.SIGNATURE}
                    </div>
                    <!-- END switch_signature -->

                  </div>
                  <span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span>
              </td>
            </tr>
        </table>
      </td>
  </tr>
  <tr class="post--{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
      <td class="ramicaty2 browse-arrows"{postrow.displayed.THANK_BGCOLOR} align="center" valign="middle" width="150">
        <tr class="post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
    <td class="ooooo"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
                  <div id="p{postrow.displayed.U_POST_ID}" class="post {postrow.displayed.ROW_COUNT}{postrow.displayed.ONLINE_IMG_NEW} post--{postrow.displayed.U_POST_ID}"{postrow.displayed.THANK_BGCOLOR} style="{postrow.displayed.DISPLAYABLE_STATE}">
 <div class="postprofile" id="rtyu">
 <!-- BEGIN profile_field -->
  <span class="nameyuy">
 {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
</span>
 <!-- END profile_field -->

      </td>
      <td class="ramicaty3 messaging gensmall"{postrow.displayed.THANK_BGCOLOR} width="100%" height="28">
        <div class="piv"><a href="#bottom"><img src="https://i.servimg.com/u/f92/19/96/72/32/untitl10.png"/></a> </div>
        <!-- BEGIN switch_likes_active -->
        <div class="fa_like_div">
            <button class="rep-button {postrow.displayed.switch_likes_active.C_VOTE_LIKE}"  data-href="{postrow.displayed.switch_likes_active.U_VOTE_LIKE}" data-href-rm="{postrow.displayed.switch_likes_active.U_VOTE_RM_LIKE}">
              <svg width="15px" height="15px" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M320 1344q0-26-19-45t-45-19q-27 0-45.5 19t-18.5 45q0 27 18.5 45.5t45.5 18.5q26 0 45-18.5t19-45.5zm160-512v640q0 26-19 45t-45 19h-288q-26 0-45-19t-19-45v-640q0-26 19-45t45-19h288q26 0 45 19t19 45zm1184 0q0 86-55 149 15 44 15 76 3 76-43 137 17 56 0 117-15 57-54 94 9 112-49 181-64 76-197 78h-129q-66 0-144-15.5t-121.5-29-120.5-39.5q-123-43-158-44-26-1-45-19.5t-19-44.5v-641q0-25 18-43.5t43-20.5q24-2 76-59t101-121q68-87 101-120 18-18 31-48t17.5-48.5 13.5-60.5q7-39 12.5-61t19.5-52 34-50q19-19 45-19 46 0 82.5 10.5t60 26 40 40.5 24 45 12 50 5 45 .5 39q0 38-9.5 76t-19 60-27.5 56q-3 6-10 18t-11 22-8 24h277q78 0 135 57t57 135z" fill="#666"/></svg>
              <span>{postrow.displayed.switch_likes_active.L_LIKE}</span>{postrow.displayed.switch_likes_active.COUNT_VOTE_LIKE}
            </button>
            <!-- BEGIN switch_dislike_button -->
            <button class="rep-button {postrow.displayed.switch_likes_active.switch_dislike_button.C_VOTE_DISLIKE}" data-href="{postrow.displayed.switch_likes_active.switch_dislike_button.U_VOTE_DISLIKE}" data-href-rm="{postrow.displayed.switch_likes_active.switch_dislike_button.U_VOTE_RM_LIKE}">
              <svg width="15px" height="15px" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M320 576q0 26-19 45t-45 19q-27 0-45.5-19t-18.5-45q0-27 18.5-45.5t45.5-18.5q26 0 45 18.5t19 45.5zm160 512v-640q0-26-19-45t-45-19h-288q-26 0-45 19t-19 45v640q0 26 19 45t45 19h288q26 0 45-19t19-45zm1129-149q55 61 55 149-1 78-57.5 135t-134.5 57h-277q4 14 8 24t11 22 10 18q18 37 27 57t19 58.5 10 76.5q0 24-.5 39t-5 45-12 50-24 45-40 40.5-60 26-82.5 10.5q-26 0-45-19-20-20-34-50t-19.5-52-12.5-61q-9-42-13.5-60.5t-17.5-48.5-31-48q-33-33-101-120-49-64-101-121t-76-59q-25-2-43-20.5t-18-43.5v-641q0-26 19-44.5t45-19.5q35-1 158-44 77-26 120.5-39.5t121.5-29 144-15.5h129q133 2 197 78 58 69 49 181 39 37 54 94 17 61 0 117 46 61 43 137 0 32-15 76z" fill="#666"/></svg>
              <span>{postrow.displayed.switch_likes_active.switch_dislike_button.L_DISLIKE}</span>{postrow.displayed.switch_likes_active.switch_dislike_button.COUNT_VOTE_DISLIKE}
            </button>
            <!-- END switch_dislike_button -->
        </div>
        <!-- END switch_likes_active -->
              <br />  <!-- BEGIN switch_likes_active -->
                    <div class="fa_like_div">
                        <!-- BEGIN switch_like_list -->
                        {postrow.displayed.switch_likes_active.switch_like_list.D_LIKE_LIST}
                        <!-- END switch_like_list -->
                        <!-- BEGIN switch_dislike_list -->
                        {postrow.displayed.switch_likes_active.switch_dislike_list.D_DISLIKE_LIST}
                        <!-- END switch_dislike_list -->
                    </div>
                    <!-- END switch_likes_active -->
         
        <table border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td valign="middle">

              </td>
            </tr>
        </table>
      </td>
  </tr>

  <!-- BEGIN first_post_br -->
</table>
<hr />
<table class="animeshow2" width="100%" border="0" align="center" cellspacing="1" cellpadding="0">
  <tr>
      <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
      <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
  </tr>
  <!-- END first_post_br -->
  <!-- END displayed -->
  <!-- END postrow -->
  <!-- BEGIN no_post -->
  <tr align="center">
      <td class="row1" colspan="2" height="28">
        <span class="genmed">{no_post.L_NO_POST}</span>
      </td>
  </tr>
  <!-- END no_post -->
    <!-- BEGIN topicpagination -->
  <tr>
      <td class="rou1 pagination" colspan="2" align="right" valign="top"><span class="animesity">{PAGINATION}</span></td>
  </tr>
  <!-- END topicpagination -->
  <tr align="right">
      <td class="catBottow" colspan="2" height="28">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td width="9%" class="noprint"> </td>
              <td align="center" class="t-title"><a name="bottomtitle"></a><div class="cattitle">{TOPIC_TITLE}</div></td>
              <td align="right" nowrap="nowrap" width="9%" class="browse-arrows">
                        <!-- BEGIN switch_isconnect -->

                        <!-- END switch_isconnect -->
                        <a href="#top">{L_BACK_TO_TOP}</a>
                    </td>
            </tr>
        </table>
      </td>
  </tr>
</table>
<table class="animeshow3" width="100%" border="0" align="center" cellspacing="0" cellpadding="0" style=" border-top: 0px; align:center" >
 
  <!-- BEGIN switch_user_logged_in -->
  <!-- BEGIN watchtopic -->
  <tr>
      <td class="rowr2" colspan="2" align="center" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td>
  </tr>
  <!-- END watchtopic -->
  <!-- END switch_user_logged_in -->
</table>

<!-- BEGIN promot_trafic -->
<table class="animeshow4" width="100%" border="0" align="center" cellpadding="1" cellspacing="0" id="ptrafic_close" style="display:none; align:center">
  <tr>
      <td class="catBottom" height="28">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td valign="top"><div class="cattitle"> {PROMOT_TRAFIC_TITLE}</div></td>
              <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
            </tr>
        </table>
      </td>
  </tr>
</table>

<table class="animeshow5" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_open" style="display:''; align: center">
  <tr>
      <td class="catBottom" height="28">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td valign="top"><div class="cattitle"> {PROMOT_TRAFIC_TITLE}</div></td>
              <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
            </tr>
        </table>
      </td>
  </tr>
  <tr>
      <td class="rorw2 postbody" valign="top">
        <!-- BEGIN link -->
        » <a style="text-decoration:none" href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}" rel="nofollow">{promot_trafic.link.TITLE}</a><br />
        <!-- END link -->
      </td>
  </tr>
</table>
<!-- END promot_trafic -->

<!-- BEGIN switch_forum_rules -->
<table id="forum_rules" class="animeshow6" width="100%" border="0" cellspacing="0" cellpadding="0" style="">
  <tbody>
      <tr>
        <td class="catBottom">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tbody>
                  <tr>
                    <td valign="top">
                        <div class="cattitle"> {L_FORUM_RULES}</div>
                    </td>
                  </tr>
              </tbody>
            </table>
        </td>
      </tr>
      <tr>
        <td class="row1 clearfix">
            <table>
              <tr>
                  <!-- BEGIN switch_forum_rule_image -->
                  <td class="logo">
                    <img src="{RULE_IMG_URL}" alt="" />
                  </td>
                  <!-- END switch_forum_rule_image -->
                  <td class="rules postbody">
                    {RULE_MSG}
                  </td>
              </tr>
            </table>
        </td>
      </tr>
  </tbody>
</table>
<!-- END switch_forum_rules -->

<table class="animeshow7" width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
  <tr>
      <td class="rowt2" colspan="2" align="center" style="padding:0px">
        <!-- BEGIN switch_user_logged_in -->
        <a name="quickreply"></a>
        {QUICK_REPLY_FORM}<br />
        <!-- END switch_user_logged_in -->
      </td>
  </tr>
  <tr>
      <td style="margin:0; padding: 0;" colspan="2">
        <table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''">
            <tbody>
      <!-- BEGIN show_permissions -->
      <tr>
        <td class="robw2" valign="top" width="25%"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td>
        <td class="row1" valign="top" width="75%"><span class="gensmall">{S_AUTH_LIST}</span></td>
      </tr>
      <!-- END show_permissions -->
      <tr>
        <td class="catBottom" colspan="2" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                  <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
                  <!-- BEGIN show_permissions -->
                  <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
                  <!-- END show_permissions -->
              </tr>
            </table>
        </td>
      </tr>
  </tbody>
        </table>
      </td>
  </tr>
  <tr>
      <td style="margin:0; padding: 0;" colspan="2">
        <table border="0" cellpadding="0" cellspacing="0" width="100%" id="info_close" style="display:none;">
            <tbody>
      <tr>
        <td class="catBottom" colspan="2" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                  <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
                  <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
              </tr>
            </table>
        </td>
      </tr>
  </tbody>
        </table>
      </td>
  </tr>
</table>

<form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
<table class="noprint" width="80%" border="0" cellspacing="2" cellpadding="0" align="center">
  <tr>
      <td align="left" valign="middle" nowrap="nowrap" {WIDTH_GALLERY}>
        <span class="nav">
            <!-- BEGIN switch_user_authpost -->
            <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>
            <!-- END switch_user_authpost -->
            <!-- BEGIN switch_user_authreply -->
            <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
            <!-- END switch_user_authreply -->
        </span>
      </td>

      <td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td>

      <!-- BEGIN moderation_panel -->
      <td align="center">
        <span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span>
      </td>
      <td align="center" width="250">
        <span class="gensmall"> </span>
      </td>
      <!-- END moderation_panel -->
  </tr>
</table>
</form>

<!-- BEGIN viewtopic_bottom -->
<table class="noprint" width="80%" border="0" cellspacing="2" cellpadding="0" align="center">
  <tr>
      <td colspan="2" align="left" valign="top" nowrap="nowrap"><br />{S_TOPIC_ADMIN}<br />
        <form name="action" method="get" action="{S_FORM_MOD_ACTION}">
            <input type="hidden" name="t" value="{TOPIC_ID}" />

            <!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
            <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />

            <span class="gen">{L_MOD_TOOLS}<br />{S_SELECT_MOD}&nbsp;<input class="liteoption" type="submit" value="{L_GO}" /></span>
        </form>
      </td>
  </tr>
</table>
<!-- END viewtopic_bottom -->

<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->
<script src="//s7.addthis.com/js/300/addthis_widget.js#pubid=forumotion" type="text/javascript"></script>
    <!-- تكويد كونان2000  -->   



سي اس اس

الكود:

div#uuug:before {
    content: none;
}
div#rtyu {
    border: 0!important;
    padding: 36px !important;
    margin: 0;
}
td.ramicaty3.messaging.gensmall {
    padding-right: 22px;
}
.animedbz {
    border: 1px #c1a6a6 solid!important;
}
span.nameyuy {
    display: none;
}
.ذكر {
    background: #e9e9e9;
    border-bottom: 16px solid #2196f3!important;
    border-left: 1px solid #2196f3!important;
    border-radius: 3px;
    border-right: 1px solid #2196f3!important;
    border-top: 16px solid #2196f3!important;
    padding: 60px 3px 3px!important;
    position: relative;
}
.ذكر span.nameyu {
    border-right: solid #2196f3;
    border: 0px dotted #2196f3;
}
.انثى span.nameyu {
      border-right: solid: #e91e63;
    border-bottom: 1px dotted #e91e63;
}
.انثى {
background: #e9e9e9;
    border-bottom: 16px solid #e91e63!important;
    border-left: 1px solid #e91e63!important;
    border-radius: 3px;
    border-right: 1px solid #e91e63!important;
    border-top: 16px solid #e91e63!important;
    padding: 60px 3px 3px!important;
    position: relative;
}

.ذكر .avatare:after {
  color: #d5d1cb;
  font-size: 15px;
    font-weight: 900;
    margin-top: 22px;
    text-align: center;
    display: flex;
    width: 100%;
    background: #2196f3;
    content: "بيانات العضو";
    justify-content: center;
}
.انثى .avatare:after {
  color: #d5d1cb;
  font-size: 15px;
    font-weight: 900;
    margin-top: 22px;
    text-align: center;
    display: flex;
    width: 100%;
    background: #e91e63;
    content: "بيانات العضوه";
    justify-content: center;
}
.ذكر.postprofile:before {
 content: url(https://i.servimg.com/u/f23/19/84/13/17/user_o11.gif);
    background-repeat-x: no-repeat;
    display: flex;
    justify-content: center;
}
 .انثى.postprofile:before {
  content: url(https://i.servimg.com/u/f23/19/84/13/17/user_o11.gif);
    background-repeat-x: no-repeat;
    display: flex;
    justify-content: center;
}
 div.post.online .postprofile.ذكر:before {
 content: url(https://i.servimg.com/u/f23/19/84/13/17/user_o10.gif);
    background-repeat-x: no-repeat;
    display: flex;
    justify-content: center;
}
 div.post.online .postprofile.انثى:before {
 content: url(https://i.servimg.com/u/f23/19/84/13/17/user_o10.gif);
    background-repeat-x: no-repeat;
    display: flex;
    justify-content: center;
}
div.post .postprofile:before {
    left: 7px;
    position: absolute;
    right: 7px;
    top: 10px;
    z-index: 2;
}
.postprofile .label {
    padding-right: 6px;
    font-weight: 500;
}

.postprofile {
  background: #fff url(https://i.servimg.com/u/f30/20/18/18/38/back10.gif) repeat scroll 0 0!important;
    border-bottom: 16px solid #607d8b;
    border-left: 1px solid #607d8b;
    border-radius: 3px!important;
    border-right: 1px solid #607d8b;
    border-top: 16px solid #607d8b;
    padding: 10px 3px 3px!important;
    position: relative!important;
}
hr {
    margin: 0px!important;
    padding: 0px!important;
}

 
 
.postprofile .label {
    padding-right: 6px;
    font-weight: 500;
}
 
 
 
 
 
 
.blue {
    border-bottom: 16px solid #3e459c!important;
    border-left: 1px solid #3e459c!important;
    border-right: 1px solid #3e459c!important;
    border-top: 16px solid #3e459c!important;
}
.grey {
    border-bottom: 16px solid #a0a09a!important;
    border-left: 1px solid #a0a09a!important;
    border-right: 1px solid #a0a09a!important;
    border-top: 16px solid #a0a09a!important;
}
.green {
    border-bottom: 16px solid #42b649!important;
    border-left: 1px solid #42b649!important;
    border-right: 1px solid #42b649!important;
    border-top: 16px solid #42b649!important;
}
.yellow {
    border-bottom: 16px solid #ede816!important;
    border-left: 1px solid #ede816!important;
    border-right: 1px solid #ede816!important;
    border-top: 16px solid #ede816!important;
}
.purple {
    border-bottom: 16px solid #aa4399!important;
    border-left: 1px solid #aa4399!important;
    border-right: 1px solid #aa4399!important;
    border-top: 16px solid #aa4399!important;
}
 
 
 
.undefined .avatare:after {
  background: #;!important;
}
.purple .avatare:after {
  background: #aa4399!important;
}
.grey .avatare:after {
  background: #a0a09a;!important;
}
.blue .avatare:after {
  background: #3e459c!important;
}
.green .avatare:after {
  background: #42b649;!important;
}
.yellow .avatare:after {
  background: #ede816!important;
}
 
 
 
.undefined span.nameyu {
 border-right: solid #!important;
 border-bottom: 1px dotted #e91e63;
}
.purple span.nameyu {
 border-right: solid #aa4399!important;
 border-bottom: 1px dotted #aa4399;
}
.grey span.nameyu {
 border-right: solid #a0a09a;!important;
 border-bottom: 1px dotted #a0a09a;
}
.blue span.nameyu {
border-right: solid #3e459c!important;
 border-bottom: 1px dotted #3e459c;
}
.green span.nameyu {
border-right: solid #42b649;!important;
 border-bottom: 1px dotted #42b649;
}
.yellow span.nameyu {
 border-right: solid #ede816!important;
  border-bottom: 1px dotted #ede816;
}
.Pink span.nameyu {
 border-right: solid #ffc0cb!important;
    border-bottom: 1px dotted #ffc0cb;
}
.LightCoral span.nameyu {
 border-right: solid #f08080!important;
  border-bottom: 1px dotted #f08080;
}
.black span.nameyu {
 border-right: solid #000000!important;
  border-bottom: 1px dotted #000000;
}
.red span.nameyu {
 border-right: solid #e90000!important;
  border-bottom: 1px dotted #e90000;
}
.SlateBlue span.nameyu {
 border-right: solid #6a5acd!important;
  border-bottom: 1px dotted #6a5acd;
}
.Orange span.nameyu {
 border-right: solid #ffa200!important;
  border-bottom: 1px dotted #ffa200;
}
.Light Coral span.nameyu {
 border-right: solid #f08080!important;
  border-bottom: 1px dotted #f08080;
}
.Wisteria span.nameyu {
 border-right: solid #c6aec7!important;
  border-bottom: 1px dotted #c6aec7;
}
.Indigo span.nameyu {
 border-right: solid #4b0082!important;
  border-bottom: 1px dotted #4b0082;
}

.Orange {
    border-bottom: 16px solid  #ffa200!important;
    border-left: 1px solid #ffa200!important;
    border-right: 1px solid #ffa200!important;
    border-top: 16px solid #ffa200!important;
}

.Orange .avatare:after {
  background: #ffa200!important;
}

.LightCoral {
    border-bottom: 16px solid  #f08080!important;
    border-left: 1px solid #f08080!important;
    border-right: 1px solid #f08080!important;
    border-top: 16px solid #f08080!important;
}

.LightCoral .avatare:after {
  background: #f08080!important;
}

.Pink {
    border-bottom: 16px solid  #ffc0cb!important;
    border-left: 1px solid #ffc0cb!important;
    border-right: 1px solid #ffc0cb!important;
    border-top: 16px solid #ffc0cb!important;
}

.Pink .avatare:after {
  background: #ffc0cb!important;
}
.black {
    border-bottom: 16px solid  #000000!important;
    border-left: 1px solid #000000!important;
    border-right: 1px solid #000000!important;
    border-top: 16px solid #000000!important;
}

.black .avatare:after {
  color: #fff;
  background: #000000!important;
}

.red {
    border-bottom: 16px solid  #e90000!important;
    border-left: 1px solid #e90000!important;
    border-right: 1px solid #e90000!important;
    border-top: 16px solid #e90000!important;
}

.red .avatare:after {
  background: #e90000!important;
}

.Light Coral {
    border-bottom: 16px solid  #f08080!important;
    border-left: 1px solid #f08080!important;
    border-right: 1px solid #f08080!important;
    border-top: 16px solid #f08080!important;
}

.Light Coral .avatare:after {
  background: #f08080!important;
}

.Wisteria {
    border-bottom: 16px solid  #c6aec7!important;
    border-left: 1px solid #c6aec7!important;
    border-right: 1px solid #c6aec7!important;
    border-top: 16px solid #c6aec7!important;
}

.Wisteria .avatare:after {
  background: #c6aec7!important;
}

.SlateBlue {
    border-bottom: 16px solid  #6a5acd!important;
    border-left: 1px solid #6a5acd!important;
    border-right: 1px solid #6a5acd!important;
    border-top: 16px solid #6a5acd!important;
}

.SlateBlue .avatare:after {
  background: #6a5acd!important;
}

.Indigo {
    border-bottom: 16px solid  #4b0082!important;
    border-left: 1px solid #4b0082!important;
    border-right: 1px solid #4b0082!important;
    border-top: 16px solid #4b0082!important;
}

.Indigo .avatare:after {
  background: #4b0082!important;
}

.namee {
    font-size: 16px;
    padding: 5px;
    text-align: center;
}

span.nameyu {
    text-align: right;
    border-right: 3px solid #607d8b;
    margin-bottom: 7px;
    display: block;
    background: #fff;
    vertical-align: text-bottom;
    padding: 5px 0;
}

أفندينا كتب:تم التركيب

هلا
اذا تم الحل اطلب غلق الموضوع
وافتح موضوع ثاني بخصوص طلبك عن رقم العضوية

انا عدلت على الكود الثاني
ضعه هو وكود السي اس اس

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