COMMANDE TEMPLATE

Sam 16 Jan - 23:55
Bien le bonsoir Skaemp :D !

Je viens à nouveau vers vous - car je suis plus que satisfaite !  Like a Star @ heaven  - pour une nouvelle petite commande... En espérant qu'elle ne soit pas trop embêtante à faire huhu...

Largeur maximale : 900 px !
Hauteur maximale : Pour chaque sujet je dirais 90px ! :)
Schéma : Voici le schéma : http://www.hostingpics.net/viewer.php?id=388710listedessujets.png
Éléments : Alors je ne peux pas vous finir de boutons sachant que je connais seulement la hauteur... 90px de hauteur !
Images : Voici l'image de fond du gros bloc contenant les sujets -> http://i64.tinypic.com/2lsi7f4.png !
Animations : J'aimerais bien un glissement/opacité sur l'image du bouton (nouveau message, post-it) etc qui, quand on passe la souris dessus, affiche le nombre de vues et de réponses du sujet ! o/
Informations supplémentaires : Le bord du gros bloc contenant les sujets est de couleur #242424 !  Le soulignement du titre des sujets "DÉFILÉ DE PAPIERS" est de couleur #449165 ... La couleur de la police en général est : #C1BFB7 quant à la police en général c'est du Verdana. :) La police pour le titre des sujets est Oranienbaum, serif (que j'ai déjà hébergé sur le forum).

Le bloc qui contient "dernier message ; date etc." est de couleur #242424 o/ et le tout petit bloc gris à côté de DERNIER MESSAGE est l'icone-image du dernier message.  Like a Star @ heaven


Encore merci merci merci et merci. cat
Revenir en haut Aller en bas
Dim 17 Jan - 12:56

Remplacer l'intégralité du code par celui-ci :
Code:
<!-- BEGIN topics_list_box --><!-- BEGIN row --><!-- BEGIN header_table --><!-- BEGIN multi_selection -->
<script type="text/javascript">
function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}() {
 var all_checked = true;
 for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++) {
 if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
 all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked;
 }
 }
 document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked;
}
function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}() {
 for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++) {
 if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
 document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked;
 }
 }
}
</script>
<!-- END multi_selection -->

<table class="forumline" id="LSBJ" width="100%" border="0" cellspacing="0" cellpadding="0">
 <!-- BEGIN pagination -->
 <tr>
 <td class="row1" colspan="7" align="right"><span class="gensmall">{PAGINATION}</span></td>
 </tr>
 <!-- END pagination -->
 <div class="TSBJ">Défilé de papiers</div>
 <!-- END header_table -->
 <!-- BEGIN header_row -->
 <tr>
 <td class="row3" colspan="{topics_list_box.row.COLSPAN}"><span class="gensmall"> <b>{topics_list_box.row.L_TITLE}</b></span></td>
 </tr>
<!-- END header_row -->

<!-- BEGIN topic -->
{topics_list_box.row.END_TABLE_STICKY}
<tr><td>
 <!-- BEGIN single_selection -->
 <div class="modSBJ"><input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></div>
 <!-- END single_selection -->
 <div class="SBJ"><div id="ivrSBJ"><div class="ivrSBJ"><img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" class="imgSBJ" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" /><div class="vuesSBJ">{topics_list_box.row.VIEWS} V.</div><div class="repSBJ">{topics_list_box.row.REPLIES} R.</div></div></div><div class="tleSBJ">{topics_list_box.row.NEWEST_POST_IMG}{topics_list_box.row.PARTICIPATE_POST_IMG}{topics_list_box.row.TOPIC_TYPE} <a href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a><!-- BEGIN switch_description --><div class="descSBJ">{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}</div><!-- END switch_description --><div class="nameSBJ">composé par <strong>{topics_list_box.row.TOPIC_AUTHOR}</strong></div></div><div class="lmsgSBJ">Dernier message {topics_list_box.row.LAST_POST_IMG}<br/><i>{topics_list_box.row.LAST_POST_TIME}</i><br/>{topics_list_box.row.LAST_POST_AUTHOR}<div class="gotoSBJ">{topics_list_box.row.GOTO_PAGE}</div></div>
 <!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE} <!-- END nav_tree --><span class="gensmall">{topics_list_box.row.TOPIC_ANNOUNCES_DATES}{topics_list_box.row.TOPIC_CALENDAR_DATES}</span></div></td></tr>
 <!-- BEGIN multi_selection -->
<tr><td class="row2" align="center" valign="middle"><span class="postdetails"><input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></span></td></tr>
 <!-- END multi_selection -->
 <!-- END topic --><!-- BEGIN no_topics -->
 <tr>
 <td class="row1" colspan="{topics_list_box.row.COLSPAN}" align="center" valign="middle" height="30"><span class="gen">{topics_list_box.row.L_NO_TOPICS}</span></td></tr>
 <!-- END no_topics --><!-- BEGIN bottom -->
 <tr>
 <td class="catBottom" colspan="{topics_list_box.row.COLSPAN}" valign="middle">
 <table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td> <span class="gensmall">{PAGINATION}</span></td>
 <td align="right"><a href="#top">{L_BACK_TO_TOP}</a>&nbsp;</td>
 </tr>
 </table>
 </td>
 </tr>
<!-- END bottom --><!-- BEGIN footer_table -->
</table><!-- END footer_table --><!-- BEGIN spacer --><br class="gensmall" /><!-- END spacer --><!-- END row --><!-- END topics_list_box -->

Partie CSS :
Code:
/* PRESENTATION LISTE SUJETS */
/* TITRE BLOC LISTE SUJETS */
.TSBJ {
padding:5px 0; margin-bottom:10px;
text-align:center; text-transform:uppercase; font-family:Oranienbaum,serif; font-size:36px;
color:#C1BFB7; border-bottom:5px solid #449165; /* MODIFIABLE */
}
/* BLOC LISTE SUJETS */
#LSBJ {
width:890px; margin:auto;
background:url(http://oi64.tinypic.com/2lsi7f4.jpg); border:5px solid #1E1E1E; /* MODIFIABLE */
}
/* BLOC SUJET */
.SBJ {
width:900px; margin:15px auto 0; text-align:center;
}
/* OUTIL MODERATION */
.modSBJ {
position:absolute; z-index:3; margin-left:-15px; margin-top:55px;
}
/* BLOC ICÔNES / VUES & REPONSES */
#ivrSBJ {
display:inline-block; vertical-align:top;
width:75px; height:90px;
}
.ivrSBJ {
position:relative;
width:75px; height:90px; overflow:hidden;
}
/* ICÔNES */
.imgSBJ {
width:75px; height:90px;
}
/* VUES */
.vuesSBJ {
position:absolute; z-index:2; margin-top:-200px;
width:75px; height:35px; padding-top:10px;
background:rgba(250,250,250,0.8); color:black; /* MODIFIABLE */
font-size:11px; text-align:center;
opacity:0; transition:all 0.45s ease; -webkit-transition:all 0.45s ease;
}
.ivrSBJ:hover .vuesSBJ {
margin-top:-90px; opacity:1;
}
/* REPONSES */
.repSBJ {
position:absolute; z-index:2; margin-top:0px;
width:75px; height:35px; padding-top:10px;
background:rgba(250,250,250,0.6); color:black; /* MODIFIABLE */
font-size:11px; text-align:center;
opacity:0; transition:all 0.45s ease; -webkit-transition:all 0.45s ease;
}
.ivrSBJ:hover .repSBJ {
margin-top:-45px; opacity:1;
}
/* BLOC TITRE/DESCRIPTION/AUTEUR */
.tleSBJ {
display:inline-block; vertical-align:top;
width:480px; height:75px; padding:15px 5px 0; overflow:hidden;
background:black; color:#C1BFB7; /* MODIFIABLE */
text-align:center; text-transform:uppercase; font-size:20px;
}
/* TITRE */
.tleSBJ a {
color:#C1BFB7 !important; /* MODIFIABLE */
}
/* DESCRIPTION */
.descSBJ {
font-size:16px; font-style:italic;
}
/* AUTEUR */
.nameSBJ {
font-size:14px;
}
/* BLOC DERNIER MESSAGE */
.lmsgSBJ {
display:inline-block;
width:300px; height:75px; padding:15px 0 0; overflow:hidden;
background:#242424; color:#C1BFB7; /* MODIFIABLE */
text-align:center; text-transform:uppercase;
}
/* LISTE DES PAGES */
.gotoSBJ {
margin-top:-10px; font-size:9px;
}

Me renouvelant d'un remerciement quant à la précision appliquée à votre commande.
Revenir en haut Aller en bas
Dim 17 Jan - 14:59
Merci beaucouuuuuup ! C'est super, et bientôt j'finirais par dire "comme d'habitude" puisque ça y'est, je suis un fervente et fidèle cliente/admiratrice ahah.

J'ai juste une question -> j'ai trouvé comment modifier la taille de police de la description et du pseudo sur le bloc de gauche comme vous pouvez le voir : http://i64.tinypic.com/jqjng0.png

Mais je ne vois pas comment modifier la police du titre des sujets comme "Contexte" etc. et les polices du bloc de droite ! Faut-il toucher directement aux templates ? cat Like a Star @ heaven
Revenir en haut Aller en bas
Lun 18 Jan - 14:28
Bonjour !

Je m'excuse pour le double-post mais je tenais à vous informer que j'ai compris comment modifier les tailles de police, il me suffisait de rajouter la balise correcte au bon endroit dans le CSS... Je me sens bête de ne pas avoir cherché plus tôt et plus vite ahah.

Je vous remercie pour le code et tient à vous signaler que votre travail figure dans nos crédits ici -> http://maleficarum.forumactif.org/t17-les-credits


Au plaisir et bonne journée Skaemp. cat Like a Star @ heaven
Revenir en haut Aller en bas
Revenir en haut Aller en bas
Vous ne pouvez pas répondre aux sujets dans ce forum