Bonjour à tous.
Je vous poste ma commande ici, et je dois vous dire qu'elle est assez pressée, car c'est la dernière chose qui nous manque pour ouvrir le forum, et nous sommes très impatientes... Voilou, merci !Commande
Elément à coder : Catégories
Adresse du forum : http://black-moon-calling.forumactif.com/
Description du résultat voulu : J'ai carrément pris mon codage actuel, que j'ai photoshoppé pour vous montrer ce à quoi je voulais que ça ressemble :p Ca n'est pas très esthétique là, mais ça je m'en occuperai après, j'ai surtout besoin d'aide afin que les éléments soient tous à la place que je souhaite :)
- Spoiler:
Couleurs ou tons : Comme sur le schéma c'est très bien, je changerai tout ça après, c'est pas les couleurs définitives ^^
Images : Eum je vous les met si ça peut vous aider mais le forum va changer de version, donc ces catégories là, on s'en fou un peu, c'est juste pour le principe de pouvoir mettre des images en début et fin de catégories en fait.
https://2img.net/r/hpimg4/pics/628390cathaut.jpg
https://2img.net/r/hpimg4/pics/993079catbas.jpg
Autres précisions : A savoir que la future version du forum ne sera pas celle-là, donc pas ces couleurs, etc, je commence juste à mettre en place le concept du template de cette manière avant que le design ne soit terminé.
Je préfère finalement passer commander, mais je vous met quand mêmes les soucis que j'avais et mon code de base, sait-on jamais si vous voulez repartir de là.
- Les titres (et footers) de catégories, je n'arrive pas à les intégrer comme je le souhaite, ils sont comme buggés. Je voudrais qu'il y ai en fait des headers et footers imagés, mais là, impossible avec tout ce code buggé.
- Même sur les descriptions de catégories, y a des bugs de tailles. Par exemple regardez "le secrétariat" et "l'intendance", les scrollbars ne sont pas alignées, c'est pas propre quoi, alors que je pensais que mon CSS l'était pour que la taille ne bouge pas.
- Je n'arrive pas à faire quelque chose de très joli. Je pense que c'est réellement possible avec cette disposition, mais là c'est un peu le "cafouilli", c'est déjà mieux sur le schéma, bien que ce ne soit pas encore trop esthétique, mais ça je m'en occuperai après, à moins que vous ne vous sentiez l'âme de faire un truc tip-top
Je suis disposée à donner mes identifiants du forum afin que l'on m'aide directement là bas, si besoin.
INDEX BOX /
- Code:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
<tr>
<td valign="bottom">
<!-- BEGIN switch_user_logged_in -->
<span class="gensmall">{LAST_VISIT_DATE}<br />
{CURRENT_TIME}<br />
</span>
<!-- END switch_user_logged_in -->
<div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
</td>
<td class="gensmall" align="right" valign="bottom">
<!-- BEGIN switch_user_logged_in -->
<a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
<a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
<!-- END switch_user_logged_in -->
<a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
</td>
</tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead -->
<div class="cate_titre"><span class="catetitre_bloc"></span>
<span class="catetitre_content">{catrow.tablehead.L_FORUM}</span></div>
<!-- END tablehead -->
<!-- BEGIN cathead -->
<!-- END cathead -->
<!-- BEGIN forumrow -->
<div class="forum_bloc">
<div class="forum">
<span class="forumlink">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
</span>
<br><br>
<div class="folder_imgs">
<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" class="icone" />
</div>
<div class="forum_contenu">
{catrow.forumrow.FORUM_DESC}</div>
<div class="icone_stats"><table><tr>
<td><span class="stats_lastpost">
<span class="stats">{catrow.forumrow.TOPICS} sujets ; {catrow.forumrow.POSTS} messages</span>
<span class="lastpost">{catrow.forumrow.LAST_POST}</span>
</span></td>
</tr></table></div>
</div>
</div>
<!-- END forumrow -->
<!-- BEGIN catfoot -->
<!-- END catfoot -->
<!-- BEGIN tablefoot -->
</div>
<!-- END tablefoot --><!-- END catrow -->
PARTIE DU CSS CONCERNEE
- Code:
/* MISE EN FORME DES CATEGORIES ET FORUMS */
.forum_bloc
{
width: 850px;
margin-left: auto;
margin-right: auto;
}
.forum
{
float: left;
width: 410px;
height: 100px;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 80px;
}
.forum_contenu
{
font-family: calibri;
font-size: 10px;
position: relative;
z-index: 1;
width: 55%;
height: 90%;
padding: 4px;
margin-left: auto;
margin-right: auto;
border-left: 1px dotted #191817;
border-right: 1px dotted #191817;
border-bottom: 1px dotted #191817;
border-top: 5px solid #191817;
float:left;
}
.descriptions
{
text-align: justify;
height: 90px;
overflow : auto;
padding-right:10px;
padding-left:10px;
}
.folder_imgs
{
float:left;
}
.icone_stats
{
width: 100px;
margin: auto;
float:left;
}
.stats_lastpost
{
display: block;
width: 100px;
height: 80px;
margin-left: 10px;
background-color: #191817;
border: 1px solid #191817;
font-family: calibri;
font-size: 10px;
padding: 5px;
text-align: center;
}
.stats
{
display: block;
margin-bottom: 5px;
border-bottom: 1px dotted #684d38;
padding-bottom: 5px;
font-size: 10px;
color: #684d38;
}
.lastpost
{
display: block;
font-size: 11px;
}
Merci beaucoup à tous ceux qui prendront le temps de lire ma commande, et qui voudront bien m'aider :)
Dernière édition par Maydenn le Ven 12 Juil 2013 - 1:47, édité 4 fois