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 du moment : -64%
DODO – Couette très chaude 450gr/m² ...
Voir le deal
39.99 €

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