Légère modification d'un LS

 :: Exposition NLDD :: Intruders :: Réalisés Voir le sujet précédent Voir le sujet suivant Aller en bas
MessageLégère modification d'un LS Dim 11 Sep - 0:17
Bonsoir à vous,

Tout d'abord merci pour tous ces LS gracieusement offerts, je trouve qu'il s'agit là d'une intention vraiment très sympathique de votre part. En pleine refonte du design sur mon forum, je me suis donc permise d'en utiliser quelques uns dont celui-ci pour les listes de sujets : ici

N'étant pas familière du positionnement à droite, j'ai donc repassé les titres des sujets sur la droite, mais il me reste deux légers détails que je n'arrive pas du tout à modifier :
- j'aimerais pouvoir ''reculer'' le titre afin qu'il soit plus espacé du bord de sa ''zone'' mais je ne sais pas du tout où il convient de toucher
- j'aimerais remonter le ''Aller à la page ...'' au bout de la ligne où apparaissent les ''Rédigé par ...'' et ''Dernier message ...''

En attente d'une réponse de votre part et éventuellement d'autres éléments, je vous souhaite une bonne soirée.
Revenir en haut Aller en bas
MessageRe: Légère modification d'un LS Dim 11 Sep - 7:45
avatar
Nombre de messages : 856
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad
Bonjour,

Remplacez l'intégralité du template topics_list_box par :

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" width="100%" align="center" border="0" cellspacing="1" cellpadding="0">
 <!-- BEGIN pagination -->
 <tr>
 <td colspan="7" align="right"><span class="gensmall">{PAGINATION}</span></td>
 </tr>
 <!-- END pagination -->
 <!-- END header_table --><!-- BEGIN header_row -->
 <tr>
 <td 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 width="100%"><div class="blocSBJ">
 <!-- BEGIN single_selection -->
<div class="modSBJ" width="20"><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="statSBJ"><img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" /><div>{topics_list_box.row.REPLIES} R.<br/>{topics_list_box.row.VIEWS} V.</div></div>
 <div id="tldSBJ"><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></div>
 <!-- BEGIN switch_description --><div class="descSBJ">{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}</div><!-- END switch_description -->
 <div class="nameSBJ">rédigé par <strong>{topics_list_box.row.TOPIC_AUTHOR}</strong> | dernier message {topics_list_box.row.LAST_POST_TIME} par {topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG} <div class="gotoSBJ">{topics_list_box.row.GOTO_PAGE}<!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE}<!-- END nav_tree --></div></div></div></div>
 </td>
 
<!-- BEGIN multi_selection -->
 <td 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>
 <!-- END multi_selection -->
 </tr>
 <!-- END topic --><!-- BEGIN no_topics -->
 <tr>
 <td 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 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 -->

Remplacez :
Code:
/* NUMEROS PAGES */
.gotoSBJ {
margin-top:-5px;
text-align:right; font-size:9px;
}

Par :
Code:
/* NUMEROS PAGES */
.gotoSBJ {
float:right; margin-top:-10px;
text-align:right; font-size:9px;
}

Quant au titre, il s'agit de simples soustractions/additions ; repérez ceci dans la class .tleSBJ :
Code:
width:745px; padding:5px 10px 5px 0;

Remplacez le padding établi par :
Code:
padding-top:5px; padding-bottom:5px; padding-right:10px; padding-left:0;

En cas d'augmentation du padding-right ou du padding-left, la valeur du width devra diminuer. Réciproquement, si vous les diminuez, vous aurez à augmenter la largeur. Exemple :
Code:
width:750px; padding-top:5px; padding-bottom:5px; padding-right:5px; padding-left:0;
Revenir en haut Aller en bas
MessageRe: Légère modification d'un LS Dim 11 Sep - 15:27
Le résultat est absolument parfait, un grand merci à vous pour votre gentillesse et votre réponse rapide !
Revenir en haut Aller en bas
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CCCrush. :: Exposition NLDD :: Intruders :: Réalisés-