Ma demande
Hey bonjour =) alors j'ai un codage sur un ancien forum à moi mais je voudrai lui faire peau neuve vu que cela fait longtemps que je l'utilise. www
Schéma(s) et Eléments
Schémas : https://www.zupimages.net/up/15/27/79tv.png
- 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 -->
<center><img src="http://zupimages.net/up/14/51/zwwu.png" class="imgcatego"/><div class="bodycatego"><center><table class="forumline" width="100%" border="1" cellspacing="1" cellpadding="0">
{catrow.tablehead.L_FORUM}
<!-- END tablehead -->
<!-- BEGIN cathead -->
<!-- END cathead -->
<!-- BEGIN forumrow -->
<div class="categorie" style="background:#F5EEC3; width:800px;">
<table><tr>
<center><td><br><div class="sf"><div class="sf_img"><img src="http://zupimages.net/up/14/50/yuqn.png" /></div><div class="sf_description"><span class="gensmall" id="subforums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span>
<script type="text/javascript">
jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,'<br />')).removeAttr('id');
</script></div></div>
<div style="clear: both;"></div></td>
<div style="width: 20px;"></div><td></td>
<td><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
<div class="description">{catrow.forumrow.FORUM_DESC}</div><div style="text-align: center; font-size: 12px; color: #f5eec3;">{catrow.forumrow.TOPICS} Dossiers sur {catrow.forumrow.POSTS} patients</div></td>
<td><div style="width: 20px;"></div></td>
<td><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /><td><td><td><div class="derniers_messages">{catrow.forumrow.LAST_POST}</div></td>
</tr></table>
</div>
<!-- END forumrow -->
<!-- BEGIN catfoot -->
<!-- END catfoot -->
<!-- BEGIN tablefoot -->
<center><img src="http://zupimages.net/up/14/51/zzjb.png" class="imgcatego2"/></center><br>
<!-- END tablefoot --><!-- END catrow --></div></div>
<link href='http://fonts.googleapis.com/css?family=Parisienne' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Herr+Von+Muellerhoff' rel='stylesheet' type='text/css'>
- Code:
/* --------------------------------- CATEGORIES --------------------------------- */
/* SOUS-FORUM CACHES */
.sf {
width: 122px;
height: 140px;
overflow: hidden ;
position: relative;
top: 0em;
}
.sf_img {
position: relative;
z-index: 2;
width: 122px;
height: 170px;
margin-left: 0px;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
overflow: auto
}
.sf:hover .sf_img {
margin-left: 400px;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
overflow: hidden;
}
.sf_description {
position: relative;
z-index: 1;
width: 100px;
height: 120px;
margin-top: -180px;
font-size: 11px;
padding: 15px;
overflow: auto;
}
.sf_description a{
color: #005677;
}
.sf_description a:hover {
color: #007EAE;
text-decoration: none !important;
}
* Mise en forme nom de catégorie */
cate h2 {
position: relative;
left: 0em;
top: -0.3em;
font-size: 35px;
font-family: 'Parisienne', cursive;
color: #2a2258;
text-shadow: 1px 1px 2px #aaaaaa
}
.bodycatego h2 { position: relative;
left: 0em;
top: -0.3em;
font-size: 35px;
font-family: 'Parisienne', cursive;
color: #2a2258;
text-shadow: 1px 1px 2px #aaaaaa
}
/*** MISE EN FORME DES FORUM ***/
/* Mise en forme du texte des titres de forum */
.forumlink {
position: relative;
left: 2.5em;
top: 1em;
color: #c7b446 !important;
font-family: 'Codystar', cursive;
font-size: 20px !important;
font-weight: none !important;
z-index: 1;
}
.forumlink:hover {
color: #2a2258 !important;
text-shadow: 1px 1px 2px #aaaaaa
}
.forumlink a {
font-size: 16px;
width: 20px;
}
/* Mise en forme de la description */
.description {
width: 330px;
height: 40px;
overflow: auto;
font-size: 12px;
text-align: justify;
background-color: #F5EEC3;
color: #ffffff
border-radius: 0px 35px 0px 35px;
padding: 30px;
}
/*** DERNIERS MESSAGES ***/
.derniers_messages {
font-size: 8px;
text-align: center;
width: 180px;
}
.derniers_messages a {
color: #2a2258 !important;
font-size: 12px
}
/*--------------------------------- FIN CATEGORIES --------------------------------- */
Tailles des éléments : image new >> 75*120 px, avatar derniere posteur >> 55*88px arrondi a 10%
Effets voulus : nop
Version de votre forum : PHPBB2,
Ressources
pas de préférence pour le moment le design n'est pas prêt
Autres précisions ?
nop...
Merci beaucoup =)
![(NEVA) [Caté] modification d'un code à moi Pub10](https://i.servimg.com/u/f39/18/67/19/00/pub10.png)
