-

  . .

:Yassine Bablil:26/10/15, 10:30 pm - -

  : #1
[+]
  :
  : 107
  : 1513
  : 26/10/2015
  / : 0
: Tomato


Ǡ
̠



https://i21.servimg.com/u/f21/18/04/55/46/11110.png

+ ̠


*
Ϡ


viewtopic_body





:
  <span class="name"><a name="{postrow.displayed.U_POST_ID}" style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span><br />
  <span class="postdetails poster-profile">
  {postrow.displayed.POSTER_RANK}<br />
  {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}<br /><br />
  <!-- BEGIN profile_field -->
  {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
  <!-- END profile_field -->
  {postrow.displayed.POSTER_RPG}
  </span><br />





:
<div class="codebablil">
<div class="Triangyasso"></div>
  <div id="postmenu_4750">
<div class="postbit-mini-box" align="center">
<span class="name" align="center"><a name="{postrow.displayed.U_POST_ID}" style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span><br />
</div>
<div class="postbit-mini-box" align="center">
{postrow.displayed.POSTER_RANK}<br />
  {postrow.displayed.RANK_IMAGE}
</div>
<div class="postbit-mini-boxavatar" align="center">
<div class="smallfont">
{postrow.displayed.POSTER_AVATAR}<br /><br />
</div>
<div class="smallfont"> </div>
</div>
<div class="smallfont">
<table width="190" cellspacing="1" cellpadding="1" border="0">
<tbody>
<tr>
<td valign="top">
<div class="postmenu">
 <!-- BEGIN profile_field -->
<div class="postbit-box">
<span class="fa fa-graduation-cap" style="color:#fff; width: 25px; margin-left:5px; text-align: left; margin-top:-5px; margin-right:-5px; padding: 5px; background-color: #FB5353; font-size: 15px;"> </span>
{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}

</div>
 <!-- END profile_field -->
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div>
<br>
<span id="repdisplay_475_1"></span>
<div style="margin-top:5px"> </div>
</div>
<div style="float: left;margin-bottom: 10px;">
<div class="UserOffline">
  {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --> {postrow.displayed.ONLINE_IMG}
<span></span>
</div>

</div>
</div>
</div><br />


css
:

:

.Triangyasso {
  border-bottom-color: hsla(0, 0%, 0%, 0);
  border-bottom-style: solid;
  border-bottom-width: 9px;
  border-left-color: hsla(0, 0%, 0%, 0);
  border-left-style: solid;
  border-left-width: 0;
  border-right-color: hsl(0, 100%, 89%);
  border-right-style: solid;
  border-right-width: 10px;
  border-top-color: hsla(0, 0%, 0%, 0);
  border-top-style: solid;
  border-top-width: 9px;
  float: left;
  height: 0;
  margin-left: -10px;
  margin-top: 30px;
  width: 0;
}
.codebablil {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-color: hsl(0, 100%, 92%);
  border-bottom-color: hsl(0, 100%, 89%);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-image-outset: 0 0 0 0;
  border-image-repeat: stretch stretch;
  border-image-slice: 100% 100% 100% 100%;
  border-image-source: none;
  border-image-width: 1 1 1 1;
  border-left-color: hsl(0, 100%, 89%);
  border-left-style: solid;
  border-left-width: 1px;
  border-right-color: hsl(0, 100%, 89%);
  border-right-style: solid;
  border-right-width: 1px;
  border-top-color: hsl(0, 100%, 89%);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-top-style: solid;
  border-top-width: 1px;
  float: right;
  width: 195px;
}

.postbit-mini-boxavatar {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-attachment: scroll;
  background-clip: border-box;
  background-color: hsl(0, 100%, 98%);
  background-image: none;
  background-origin: padding-box;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto auto;
  border-bottom-color: hsl(0, 100%, 89%);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-image-outset: 0 0 0 0;
  border-image-repeat: stretch stretch;
  border-image-slice: 100% 100% 100% 100%;
  border-image-source: none;
  border-image-width: 1 1 1 1;
  border-left-color: hsl(0, 100%, 89%);
  border-left-style: solid;
  border-left-width: 1px;
  border-right-color: hsl(0, 100%, 89%);
  border-right-style: solid;
  border-right-width: 1px;
  border-top-color: hsl(0, 100%, 89%);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-top-style: solid;
  border-top-width: 1px;
  color: hsl(0, 0%, 26%);
  font-family: "Droid Arabic Kufi";
  font-size: 11px;
  margin-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  width: 172px;
}
.postbit-mini-boxRE {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-attachment: scroll;
  background-clip: border-box;
  background-color: hsl(0, 0%, 100%);
  background-image: none;
  background-origin: padding-box;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto auto;
  border-bottom-color: hsl(0, 0%, 81%);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-image-outset: 0 0 0 0;
  border-image-repeat: stretch stretch;
  border-image-slice: 100% 100% 100% 100%;
  border-image-source: none;
  border-image-width: 1 1 1 1;
  border-left-color: hsl(0, 0%, 81%);
  border-left-style: solid;
  border-left-width: 1px;
  border-right-color: hsl(0, 0%, 81%);
  border-right-style: solid;
  border-right-width: 1px;
  border-top-color: hsl(0, 0%, 81%);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-top-style: solid;
  border-top-width: 1px;
  color: hsl(0, 0%, 26%);
  font-family: "Droid Arabic Kufi";
  font-size: 10px;
  margin-top: 2px;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  width: 172px;
}
.postbit-box {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-color: hsl(0, 0%, 100%);
  border-bottom-color: hsl(0, 100%, 89%);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-image-outset: 0 0 0 0;
  border-image-repeat: stretch stretch;
  border-image-slice: 100% 100% 100% 100%;
  border-image-source: none;
  border-image-width: 1 1 1 1;
  border-left-color: hsl(0, 100%, 89%);
  border-left-style: solid;
  border-left-width: 1px;
  border-right-color: hsl(0, 100%, 89%);
  border-right-style: solid;
  border-right-width: 1px;
  border-top-color: hsl(0, 100%, 89%);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-top-style: solid;
  border-top-width: 1px;
  color: hsl(236, 30%, 36%);
  font-family: "Droid Arabic Kufi";
  font-size: 11px;
  height: 18px;
  margin-top: 3px;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
}

.UserOffline {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-color: hsl(6, 100%, 57%);
  border-bottom-color: hsl(5, 100%, 94%);
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-image-outset: 0 0 0 0;
  border-image-repeat: stretch stretch;
  border-image-slice: 100% 100% 100% 100%;
  border-image-source: none;
  border-image-width: 1 1 1 1;
  border-left-color: hsl(5, 100%, 94%);
  border-left-style: solid;
  border-left-width: 1px;
  border-right-color: hsl(5, 100%, 94%);
  border-right-style: solid;
  border-right-width: 1px;
  border-top-color: hsl(5, 100%, 94%);
  border-top-left-radius: 0;
  border-top-right-radius: 3px;
  border-top-style: solid;
  border-top-width: 1px;
  box-shadow: -1px 1px 3px hsla(0, 0%, 0%, 0.25);
  display: block;
  float: left;
  margin-bottom: 0;
  margin-left: -5px;
  margin-right: 0;
  margin-top: 5px;
  padding-bottom: 1px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 1px;
  position: relative;
}
.UserOffline span {
  background-color: hsl(6, 100%, 57%);
  border-top-left-radius: 3px;
  height: 4px;
  left: -1px;
  position: absolute;
  top: -4px;
  width: 5px;
}
.UserOffline {
  -x-system-font: none;
  color: hsl(0, 0%, 100%);
  font-family: "Droid Arabic Kufi",Tahoma;
  font-feature-settings: normal;
  font-kerning: auto;
  font-language-override: normal;
  font-size: 10px;
  font-size-adjust: none;
  font-stretch: normal;
  font-style: normal;
  font-synthesis: weight style;
  font-variant-alternates: normal;
  font-variant-caps: normal;
  font-variant-east-asian: normal;
  font-variant-ligatures: normal;
  font-variant-numeric: normal;
  font-variant-position: normal;
  font-weight: lighter;
  line-height: normal;
  text-shadow: none;
}
.UserOnline {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-color: hsl(147, 77%, 32%);
  border-bottom-color: hsl(147, 100%, 86%);
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-image-outset: 0 0 0 0;
  border-image-repeat: stretch stretch;
  border-image-slice: 100% 100% 100% 100%;
  border-image-source: none;
  border-image-width: 1 1 1 1;
  border-left-color: hsl(147, 100%, 86%);
  border-left-style: solid;
  border-left-width: 1px;
  border-right-color: hsl(147, 100%, 86%);
  border-right-style: solid;
  border-right-width: 1px;
  border-top-color: hsl(147, 100%, 86%);
  border-top-left-radius: 0;
  border-top-right-radius: 3px;
  border-top-style: solid;
  border-top-width: 1px;
  box-shadow: -1px 1px 3px hsla(0, 0%, 0%, 0.25);
  display: block;
  float: left;
  margin-bottom: 0;
  margin-left: -5px;
  margin-right: 0;
  margin-top: 5px;
  padding-bottom: 1px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 1px;
  position: relative;
}
.UserOnline span {
  background-color: hsl(147, 77%, 32%);
  border-top-left-radius: 3px;
  height: 4px;
  left: -1px;
  position: absolute;
  top: -4px;
  width: 5px;
}
.UserOnline {
  -x-system-font: none;
  color: hsl(0, 0%, 100%);
  font-family: "Droid Arabic Kufi",Tahoma;
  font-feature-settings: normal;
  font-kerning: auto;
  font-language-override: normal;
  font-size: 10px;
  font-size-adjust: none;
  font-stretch: normal;
  font-style: normal;
  font-synthesis: weight style;
  font-variant-alternates: normal;
  font-variant-caps: normal;
  font-variant-east-asian: normal;
  font-variant-ligatures: normal;
  font-variant-numeric: normal;
  font-variant-position: normal;
  font-weight: lighter;
  line-height: normal;
  text-shadow: none;
}




Ǡ
Ѡ


Yassine Bablil


:Yassine Bablil26/10/15, 10:30 pm    



: // : // : Yassine Bablil
: Yassine Bablil













:


HTML