epsilon
forum de libre service de codage,
aucune inscription
Une refonte complète d'Epsilon est prévue pour bientôt. Dans les mois qui suivent, le forum va totalement changer d'apparence et toutes les catégories vont être réorganisées. Pas de panique, aucun LS ne va disparaître !
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
-17%
Le deal à ne pas rater :
PHILIPS Centrale vapeur HI5900/22 5,2 bar
59.99 € 71.99 €
Voir le deal

Jawn
Jawn
The relations between us in those latter days were peculiar.
LISTE DES SUJETS HALF GOD IDY85Jv

- Ceci est le skin qui a été codé pour le forum HALF GOD il y a quelques mois. Suite à leur mise à jour, j'ai été autorisé à utiliser ce skin pour le mettre en libre service.


Le HTML, c/c entièrement votre template topics_list_box :

Code:
<!-- BEGIN topics_list_box -->
<!-- BEGIN row -->
<!-- BEGIN header_table -->
   <div class="HGSJT_annonce">
   <ul class="topiclist topics bg_none">
<!-- END header_table -->
<!-- BEGIN header_row -->
<!-- END header_row -->
<!-- BEGIN topic -->
<!-- BEGIN table_sticky -->
   </ul>
   </div>

   <ul class="topiclist topics bg_none">
<!-- END table_sticky -->
 
   <div class="HGSJT_blockgen">
   <div class="HGSJT_imgstat" style="background-image:url('{topics_list_box.row.TOPIC_FOLDER_IMG}');"></div>
   <dd class="dterm" title="{topicrow.TOPIC_FOLDER_IMG_ALT}" {topics_list_box.row.ICON}>

   <div class="HGSJT_titledesc">
   <div class="HGSJT_entoure">
   <div class="HGSJT_forumtitle"> <a href="{topics_list_box.row.U_VIEW_TOPIC}"> {topics_list_box.row.TOPIC_TITLE}</a> </div>
<!-- BEGIN switch_description -->
   <div class="HGSJT_desc"> {topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION} </div>
<!-- END switch_description -->
   </div>
          <div class="HGSJT_posts">{topics_list_box.row.REPLIES} réponses et {topics_list_box.row.VIEWS} vues<br/>
            <div class="HGSJT_pagestopics">{topics_list_box.row.GOTO_PAGE_NEW}</div>
          </div>
   
<!-- BEGIN avatar -->
   <div class="HGSJT_avatar">{topics_list_box.row.topic.avatar.LAST_POST_AVATAR}</div>
<!-- END avatar -->
   
    <div class="HGSJT_lastpost">
          {topics_list_box.row.LAST_POST_TIME}<br/> {topics_list_box.row.LAST_POST_AUTHOR}<dfn>{L_LASTPOST}</dfn> {topics_list_box.row.LAST_POST_IMG}
   </div>
   </div>
   </dd>
   </div>
<!-- END topic -->
<!-- BEGIN no_topics -->
<li class="row row1">
<dl>
<dt><strong>{topics_list_box.row.L_NO_TOPICS}</strong></dt>
</dl>
</li>
<!-- END no_topics -->
<!-- BEGIN bottom -->
</ul>
<!-- END bottom -->
<!-- BEGIN spacer --><br /><!-- END spacer -->
<!-- END row -->
<!-- END topics_list_box -->

Puis c/c entièrement votre template viewforum_body :

Code:
{BOARD_INDEX}

<div class="HGSJT_blocktitle"> <div class="HGSJT_titlefo"><a href="{U_INDEX}">{L_INDEX}</a></div> <br/>{NAV_CAT_DESC}</div>

<div class="HGSJT_blockhaut">
<div class="HGSJT_newpost">
<!-- BEGIN switch_user_authpost -->
  <a href="{U_POST_NEW_TOPIC}"><img src="https://zupimages.net/up/21/40/8exw.png"/></a>
<!-- END switch_user_authpost -->
</div>
  <div class="HGSJT_pagination">{PAGINATION}</div>
</div>

{TOPICS_LIST_BOX}

<div class="HGSJT_blockbas">
<div class="HGSJT_newpost">
<!-- BEGIN switch_user_authpost -->
  <a href="{U_POST_NEW_TOPIC}"><img src="https://zupimages.net/up/21/40/8exw.png"/></a>
<!-- END switch_user_authpost -->
</div>
 
  <div class="HGSJT_watchout">{S_WATCH_FORUM}</div>
 
<div class="HGSJT_pagination">{PAGINATION}</div>
</div>
 
<div class="HGSJT_blockmoderation">
<div style="font: 13px 'Vidaloka', serif;color: #d66a2f;padding:5px;text-transform:uppercase;">{L_TABS_PERMISSIONS}</div>
<div style="padding:5px;">{S_AUTH_LIST}</div>
</div>

LE CSS :
Code:
.HGSJT_blocktitle {
    width: 100%;
    margin: 20px auto 15px auto;
    text-align: center;
    font: 12px 'Roboto', serif;
    font-weight:300;
    background-color: #1a1a1a;
    padding: 30px;

.HGSJT_blocktitle a {
  color:#d66a2f;
}
.HGSJT_titlefo a{
  font: 13px 'Vidaloka', serif;
  font-weight:bold;
  color:#d66a2f;
}
.HGSJT_blockmoderation {
  width: 100%;
  margin: 20px auto;
  font: 11px 'Roboto', serif;
  font-weight:300;
  background-color: #1a1a1a;
  padding: 20px;
  color: #b75711;
  font-weight:300;
}
.HGSJT_blockmoderation a {
  color: #b75711;
}
.HGSJT_pagination {
    margin-top: -3px;
}
.HGSJT_pagination a {
    font: 10px 'Roboto', serif;
    font-weight: 100;
    text-transform: uppercase;
    color: #d66a2f;
    letter-spacing: 1px;
}
.HGSJT_pagination strong {
  color:#b75711;
        font: 10px 'Roboto', serif;
    font-weight: 100;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.HGSJT_blockhaut {
    display: inline-flex;
    width: 100%;
    height: 15px;
    margin-top: 10px;
    justify-content: space-between;
}
.HGSJT_blockbas {
    display: inline-flex;
    width: 100%;
    height: 15px;
    margin-top: 10px;
    justify-content: space-between;
}
.HGSJT_watchout a {
    font: 10px 'Roboto', serif;
    font-weight: 300;
    color: #d66a2f;
    letter-spacing: 1px;
}
.HGSJT_annonce {
  padding: 10px 0 10px 0;
}
.HGSJT_blockgen {
    display: flex;
    flex-wrap: wrap;
    margin: 10px auto;
    width: 100%;
    height: 100px;
    background-color: #1a1a1a;
}
.HGSJT_imgstat {
    background-size: 100%;
    height: 75px;
    width: 7px;
    margin: 12px 0 0px 13px;
}
.HGSJT_imgstat img {
  width: 100%;
}
.HGSJT_forumtitle {
  padding: 5px;
  width: 370px;
}
.HGSJT_forumtitle a {
    font: 12px 'Roboto', serif;
    font-weight: 400;
    color: #d66a2f;
    letter-spacing: 1px;
}
.HGSJT_titledesc {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  width: 880px;
}
.HGSJT_desc {
    font: 9px 'Roboto', serif;
    font-weight:300;
    color: #ddd;
    margin: 0px 0 0 5px;
    text-align: justify;
    height: 30px;
    padding-right: 5px;
    overflow: auto;
    width: 355px;
}
.HGSJT_avatar {
    overflow: hidden;
    width: 60px;
    height: 75px;
    margin: -5px 0 0 -20px;
    border: solid 2px #d66a2f;
}
.HGSJT_posts {
    width: 165px;
    font: 10px 'Roboto', serif;
    color: #eee;
    margin: 16px 0 0 20px;
    font-weight:300;
}
.HGSJT_lastpost {
    text-align: center;
    width: 160px;
    margin: 16px 0 0 10px;
    color: #eee;
    text-transform: uppercase;
    font: 9px 'Roboto', serif;
    font-weight:300;
}
.HGSJT_lastpost strong {
  font: 9px 'Roboto', serif;
  font-weight:300;
  text-transform:none;
}
.HGSJT_pagestopics {
  font: 10px 'Roboto', serif!important;
  font-weight:100!important;
  text-transform:uppercase!important;
  color: #d66a2f!important;
  margin-left: 27px;
  font-weight:300;
}
.HGSJT_pagestopics strong.pagination {
  float: none!important;
}
.HGSJT_pagestopics a {
    background: transparent!important;
    font: 10px 'Roboto', serif!important;
    font-weight: 300!important;
    text-transform: uppercase!important;
    color: #d66a2f!important;
    width: 5px!important;
    margin-left: 4px!important;
}
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum