epsilon
forum de libre service de codage,
possibilité de commander des designs,
aucune inscription
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
-35%
Le deal à ne pas rater :
Baskets Nike Air Max Excee à moins de 80€
71.47 € 109.99 €
Voir le deal

Sherlock
Sherlock
Mediocrity knows nothing higher than itself; but talent instantly recognizes genius.
Mediocrity knows nothing higher than itself; but talent instantly recognizes genius.
RENDU:
Viewtopic 04 — Mall Tension 9527

Viewtopic 04

— Mall Tension —
Fiche technique
Version(s) des navigateurs : Chrome, Mozilla, Safari, Brave.
Dimensions : 770px de large.
Version(s) du forum : phpBB2.
Couleurs proposées : Brun : #1f1b16 || Noir : #131415 || Olive : #585440 || Gris : #71757A
Police(s) utilisée(s) : Verdana, Georgia, Cutive, Tincushion.

Autre(s) détail(s)
Me créditer n'est pas une option.
Sherlock | www.


Sherlock
Sherlock
Mediocrity knows nothing higher than itself; but talent instantly recognizes genius.
Mediocrity knows nothing higher than itself; but talent instantly recognizes genius.
Template viewtopic_body en entier :

Code:
<div class="MT_prfl_btnnewreply">
 <!-- BEGIN switch_user_authpost -->
 <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}one" alt="{L_POST_NEW_TOPIC}"/></a> 
 <!-- END switch_user_authpost -->
 <!-- BEGIN switch_user_authreply -->
 <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}"/></a>
 <!-- END switch_user_authreply -->
 </div>

<div class="MT_prfl_blockgen">

<div class="MT_prfl_titlebackground">
<div class="MT_prfl_title">{TOPIC_TITLE}</div>
<div class="MT_prfl_nav"><a href="{U_INDEX}">{L_INDEX}</a> {NAV_CAT_DESC_SECOND}</div>
</div>

 <!-- BEGIN postrow -->
 <!-- BEGIN hidden -->
 <tr>
 <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</td>
 </tr>
 <!-- END hidden -->
 <!-- BEGIN displayed -->
 <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">

 </td>

 <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR}>
                            <div class="MT_prfl_fondmessage">
                              <div class="MT_prfl_champsprfl">
                                  <div class="MT_prfl_rank">{postrow.displayed.POSTER_RANK}</div>
 {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}
                                                    <div class="MT_prfl_pseudo">{postrow.displayed.POSTER_NAME}</div><br />
                                  <div class="MT_prfl_champcont">
                                  <div class="MT_prfl_online">{postrow.displayed.ONLINE_IMG}</div>
                                  <div class="MT_prfl_btncontact">{postrow.displayed.PROFILE_IMG}    {postrow.displayed.PM_IMG}    {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field -->    {postrow.displayed.contact_field.CONTENT}<!-- END contact_field -->
                                  </div>
 <!-- BEGIN profile_field -->
                                    <div class="PRFL_infos">{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}</div>
 <!-- END profile_field -->
                                                                      </div>
 {postrow.displayed.POSTER_RPG}
                  </div>
                              <div class="MT_prfl_time">
                                  <div class="MT_prfl_date">{postrow.displayed.POST_DATE}</div>
 <div class="MT_prfl_btnadmin">
 {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
                                </div>

          <div class="MT_prfl_corpsmessage">{postrow.displayed.MESSAGE}

 <!-- BEGIN switch_signature -->
 <div class="signature_div">
 {postrow.displayed.SIGNATURE}
 </div>
 <!-- END switch_signature -->
</div>
 </div>
 <span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span>
                  </div>
 </td>
 </tr>
 <!-- BEGIN first_post_br -->
<hr />
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">

 <!-- 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 -->
</table>
<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 0 0 1px 0; border-top: 0px;">
 <tr>
 <td class="row2" valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td>
 <!-- BEGIN topicpagination -->
 <td class="row1" align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>
 <!-- END topicpagination -->
 </tr>
 <!-- BEGIN switch_user_logged_in -->
 <!-- BEGIN watchtopic -->
  <div class="MT_prfl_stopwatch">{S_WATCH_TOPIC}</div>
 <!-- END watchtopic -->
 <!-- END switch_user_logged_in -->
</table>

<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td class="row2" 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>

</table>

<form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
 <tr>

 <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="100%" 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 -->

</div>

CSS :

Code:
@font-face {
  font-family: Cutive;
  src: url(https://dl.dropbox.com/s/k2bmkvc3oga3313/CutiveMono-Regular.ttf?);
}
@font-face {
  font-family: Tincushion;
  src: url(https://dl.dropbox.com/s/5kfy0sn7zaau31m/tincush-0987.otf?);
}

/* ---------- DEBUT INTERNE PAR TWISTY.RAIN & SHERLOCK || NOUS CREDITER QUELQUE PART N'EST PAS UNE OPTION ---------- */
.MT_prfl_btnnewreply {
  padding:10px;
}
.MT_prfl_blockgen {
  width:770px;
    display:flex;
  flex-wrap:wrap;
  justify-content:space-evenly;
  margin:0 auto;
}
.MT_prfl_btnreply {
  color:#71757A;
  width:500px;
  height:50px;
  float:left;
  padding:4px;
}
.MT_prfl_titlebackground {
    background-color: #131415;
    width: 770px;
    height: 50px;
    margin: -10px auto;
}
.MT_prfl_title {
  font: 12px ' Cutive Mono ';
    color: #71757A;
    text-align: center;
  line-height: 30px;
}
.MT_prfl_nav {
text-align: center;
    margin-top: -10px;
}
.MT_prfl_nav a{
    font: 12px ' Cutive Mono ';
    color: #eeeeee;
  width:300px;
}
.MT_prfl_date {
width: 400px;
    border-bottom: 1px #71757A solid;
    padding-bottom: 5px;
    text-align: center;
    font: 12px ' Georgia ';
    color: #71757A;
    margin: 10px auto;
}
.MT_prfl_btnadmin {
  background-color:#585440;
  width:300px;
  padding:3px 2px;
    margin:10px auto;
  text-align:center;
}
.MT_prfl_fondmessage {
    background-color: #1f1b16;
    width: 770px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    margin: 10px auto;
}
.MT_prfl_corpsmessage {
    text-align: justify;
    width: 430px;
    padding: 40px;
    font: 11px 'Verdana';
    color: #fff;
}
.MT_prfl_champsprfl {
    width: 220px;
    height: 625px;
    background-color: #131415;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    margin: 10px auto;
    overflow: hidden;
}
.MT_prfl_rank {
  background-color:#1f1b16;
width:200px;
  height:40px;
  text-align:center;
  font:15px ' Georgia ';
  text-transform:uppercase;
  color:#71757A;
    line-height: 40px;
      margin-top: 10px;
}
.MT_prfl_pseudo {
  background-color:#1f1b16;
width:200px;
  height:40px;
  text-align:center;
  font:12px ' Georgia ';
  color:#71757A;
    line-height: 40px;
      margin: 0 auto;
}
.MT_prfl_champcont {
    background-color: #1f1b16;
    width: 200px;
    height: 170px;
    margin: 0 auto;
}
.MT_prfl_online {
background-color: #948879;
    padding: 5px;
    width: 170px;
    height: 12px;
    text-align: center;
    line-height: -6px;
margin: 5px auto;
}
.MT_prfl_btncontact {
padding: 10px;
    margin-left: 20px;
}
.MT_prfl_infos {
background-color: #948879;
    width: 170px;
    margin: 0 auto;
    font: 10px 'Verdana';
    padding: 5px;
    color: #fff;
}
.MT_prfl_stopwatch {
      margin: 10px auto;
  width: 770px;
    border-bottom: 1px #131415 solid;
      padding-bottom: 5px;
}
.MT_prfl_stopwatch a{
    font: 12px ' Georgia ';
    color: #131415;
}
/* ---------- FIN INTERNE PAR TWISTY.RAIN & SHERLOCK || NOUS CREDITER QUELQUE PART N'EST PAS UNE OPTION ---------- */
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum