Jawn
# LISTE DES SUJETS HALF GOD - Mer 17 Aoû - 16:57
- 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