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.
Le deal à ne pas rater :
Carte graphique MSI – AMD Radeon RX 6800XT GAMING Z TRIO 16G à ...
699 €
Voir le deal

Jawn
Jawn
The relations between us in those latter days were peculiar.
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