Fork me on GitHub






virtual
CATADS: placer les photos au dessus du texte d'annonce.
#1
Semi pro
Inscrit: 27/04/2011 13:29
De Seine et marne
Messages: 809
Bonjour,
Dans Catads (module de petites annonces), je voudrais placer les photos au dessus du texte de l'annonce.
Savez-vous quelles modifications il faut faire?

lien vers l'exemple que je voudrais modifier (les photos sont en dessous):
http://www.annonce1.fr/modules/catads/adsitem.php?ads_id=18

Image çi-dessous de mon site avec les photos en dessous du texte:

Open in new window











Je voudrais placer les photos au dessus comme ceci:

Open in new window

Posté le : 19/05/2013 11:32

>>>>>>>>>>>>>>>>>
Pièces détachées et forum pour VSP et voitures sans permis
www.vspboutique.fr
www.forumvsp.fr
Partager Twitter Partagez cette article sur GG+
Rapport Haut
alain01
Re: CATADS: placer les photos au dessus du texte d'annonce.
#2
Admin Frxoops
Inscrit: 16/05/2003 18:10
De Rhone-Alpes
Messages: 4051
Salut,

tu dois trouver le fichier html qui affiche cette page.
Il se situe sous :
http://www.annonce1.fr/modules/catads/template

Une fois trouvé,
copie le sous :
/themes/ton_theme_a_toi/modules/catads/lefichieramodifier.html

Ensuite, il ne s'agit que de faire de la surcharge de thème (voir article).

Je n'ai pas ce module, donc je ne peux t'en dire plus, désolé.

Posté le : 19/05/2013 16:30

Open in new window
Partager Twitter Partagez cette article sur GG+
Rapport Haut
Nikita
Re: CATADS: placer les photos au dessus du texte d'annonce.
#3
Semi pro
Inscrit: 10/11/2004 13:40
Messages: 1659
Bonsoir,

Le fichier à modifier est catads_item.html, tu fais comme t'indique alain01

tu coupes toute la partie
<tr>
    <td class="odd" align="center">
      <table width="100%" border="0" cellpadding="0" cellspacing="0" >
        <tr> 
          <td align="center">
           <div style="float: left"><{$annonce.photo0}></div>
           <div style="float: left"><{$annonce.photo1}></div>
           <div style="float: left"><{$annonce.photo2}></div>
           <div style="float: left"><{$annonce.photo3}></div>
           <div style="float: left"><{$annonce.photo4}></div>
           <div style="float: left"><{$annonce.photo5}></div>
          </td>
        </tr>
      </table>
    </td>
  </tr>


et tu vas la placer après cette partie
<tr> 
          <td>
            <!-- ADMIN approve ad  -->
            <{if $xoops_isadmin and $annonce.date_pub == 0}> <a href="admin/adsmod.php?op=approve&amp;ads_id=<{$annonce.id}>"><img src="images/icon/valid.gif" border="0" alt="<{$smarty.const._MD_CATADS_VALIDADS}>" title="<{$smarty.const._MD_CATADS_VALIDADS}>" /></a>&nbsp;
            <{/if}> 
            <!-- ADMIN edit icon -->
            <{if $xoops_isadmin}> <a href="admin/adsmod.php?op=edit&amp;ads_id=<{$annonce.id}>"><img src="images/icon/edit_mini.gif" border="0" alt="<{$smarty.const._MD_CATADS_EDITADS}>" title="<{$smarty.const._MD_CATADS_EDITADS}>" /></a>&nbsp;
            <!-- ADMIN delete icon -->
            <a href="admin/adsmod.php?op=delete&amp;ads_id=<{$annonce.id}>"><img src="images/icon/delete.gif" border="0" alt="<{$smarty.const._MD_CATADS_DELETEADS}>" title="<{$smarty.const._MD_CATADS_DELETEADS}>" /></a>&nbsp;
            <!-- User my-ads icon -->
            <{if $annonce.uid > 0}> <a href="adsuserlist.php?uid=<{$annonce.uid}>"><img src="images/icon/who.gif" border="0" alt="<{$smarty.const._MD_CATADS_ALLADS}><{$annonce.submitter}>" title="<{$smarty.const._MD_CATADS_ALLADS}><{$annonce.submitter}>" /></a>&nbsp; 
            <{/if}> 
            <!-- User IP address icon -->
            <img src="images/icon/ip.gif" border="0" alt="<{$annonce.poster_ip}>" title="<{$annonce.poster_ip}>" />&nbsp; 
            <img src="images/icon/separateur.gif" border="0" alt="" />&nbsp;&nbsp;
            <{/if}>
            <!-- User controls edit, delete, suspend, renew -->
            <{if not $preview}> <{if $annonce.isauthor}> <{if $annonce.canedit}> 
            <a href="adsedit.php?op=edit&amp;ads_id=<{$annonce.id}>"><img src="images/icon/edit_mini.gif" border="0" alt="<{$smarty.const._MD_CATADS_EDITADS}>" title="<{$smarty.const._MD_CATADS_EDITADS}>" /></a>&nbsp;
            <{/if}> <{if $annonce.candelete}> <a href="adsedit.php?op=delete&ads_id=<{$annonce.id}>"><img src="images/icon/delete.gif" border="0" alt="<{$smarty.const._MD_CATADS_DELETEADS}>"  title="<{$smarty.const._MD_CATADS_DELETEADS}>" /></a>&nbsp; 
            <{/if}> 
            <!-- renew -->
            <{if ($annonce.show_renewal == 1 || $annonce.date_exp == 0) and $annonce.countpub > 0 and $annonce.date_pub > 0}> <{$smarty.const._MD_CATADS_PUB_AGAIN}>&nbsp;<{$sel_box}>&nbsp;<{$smarty.const._MD_CATADS_DAYS}>
            <{elseif $annonce.date_pub > 0 and $annonce.date_exp > 0}> <{if $annonce.suspend
            > 0}> <a href="adsitem.php?op=stopandgo&amp;ads_id=<{$annonce.id}>"><img src="images/icon/valid.gif" border="0" alt="<{$smarty.const._MD_CATADS_PUB_GO}>" title="<{$smarty.const._MD_CATADS_PUB_GO}>" /></a>
            <{else}> <a href="adsitem.php?op=stopandgo&amp;ads_id=<{$annonce.id}>"><img src="images/icon/suspend.gif" border="0" alt="<{$smarty.const._MD_CATADS_PUB_STOP}>" title="<{$smarty.const._MD_CATADS_PUB_STOP}>" /></a> 
            <{/if}> <{/if}> <{/if}> <{/if}> </td>
        </tr>
      </table>
    </td>
  </tr>




Posté le : 19/05/2013 18:45

PS : Toujours faire une sauvegarde des fichiers avant de les modifier !
-------------------------------------------
http://www.aideordi.com
Partager Twitter Partagez cette article sur GG+
Rapport Haut
virtual
Re: CATADS: placer les photos au dessus du texte d'annonce.
#4
Semi pro
Inscrit: 27/04/2011 13:29
De Seine et marne
Messages: 809
Merci à tous les 2.
j'essaye, je vous tient au courant...

Posté le : 19/05/2013 18:58

>>>>>>>>>>>>>>>>>
Pièces détachées et forum pour VSP et voitures sans permis
www.vspboutique.fr
www.forumvsp.fr
Partager Twitter Partagez cette article sur GG+
Rapport Haut
virtual
Re: CATADS: placer les photos au dessus du texte d'annonce.
#5
Semi pro
Inscrit: 27/04/2011 13:29
De Seine et marne
Messages: 809
Super, ça marche sur toutes les annonces:
http://www.annonce1.fr/modules/catads/adsitem.php?ads_id=437
Qu'est ce que vous êtes doués!
Merci beaucoup.

Posté le : 19/05/2013 19:14

>>>>>>>>>>>>>>>>>
Pièces détachées et forum pour VSP et voitures sans permis
www.vspboutique.fr
www.forumvsp.fr
Partager Twitter Partagez cette article sur GG+
Rapport Haut
virtual
Re: CATADS: placer les photos au dessus du texte d'annonce.
#6
Semi pro
Inscrit: 27/04/2011 13:29
De Seine et marne
Messages: 809
Sans vouloir abuser, je voudrais rajouter un petit texte à côté des photos:

"cliquez sur une photo pour l'agrandir"

C'est compliqué?

Posté le : 19/05/2013 19:15

>>>>>>>>>>>>>>>>>
Pièces détachées et forum pour VSP et voitures sans permis
www.vspboutique.fr
www.forumvsp.fr
Partager Twitter Partagez cette article sur GG+
Rapport Haut
Nikita
Re: CATADS: placer les photos au dessus du texte d'annonce.
#7
Semi pro
Inscrit: 10/11/2004 13:40
Messages: 1659
Citation :
virtual a écrit :
"cliquez sur une photo pour l'agrandir"


<tr>
    <td class="odd" align="center">
      <table width="100%" border="0" cellpadding="0" cellspacing="0" >
        <tr> 
          <td align="center">
           <div style="float: left"><{$annonce.photo0}></div>
           <div style="float: left"><{$annonce.photo1}></div>
           <div style="float: left"><{$annonce.photo2}></div>
           <div style="float: left"><{$annonce.photo3}></div>
           <div style="float: left"><{$annonce.photo4}></div>
           <div style="float: left"><{$annonce.photo5}></div>
          </td>
        </tr>  
        <tr>  
          <td>"Cliquez sur une photo pour l'agrandir"</td>
        </tr>
      </table>
    </td>
  </tr>

Posté le : 19/05/2013 19:44

PS : Toujours faire une sauvegarde des fichiers avant de les modifier !
-------------------------------------------
http://www.aideordi.com
Partager Twitter Partagez cette article sur GG+
Rapport Haut
virtual
Re: CATADS: placer les photos au dessus du texte d'annonce.
#8
Semi pro
Inscrit: 27/04/2011 13:29
De Seine et marne
Messages: 809
Encore merci!

Le résultat:

http://www.annonce1.fr/modules/catads/adsitem.php?ads_id=417

Posté le : 19/05/2013 19:58

>>>>>>>>>>>>>>>>>
Pièces détachées et forum pour VSP et voitures sans permis
www.vspboutique.fr
www.forumvsp.fr
Partager Twitter Partagez cette article sur GG+
Rapport Haut
virtual
Re: CATADS: placer les photos au dessus du texte d'annonce.
#9
Semi pro
Inscrit: 27/04/2011 13:29
De Seine et marne
Messages: 809
Nikita et Alain01,
Je vous souhaite une bonne soirée...






Posté le : 19/05/2013 20:00

>>>>>>>>>>>>>>>>>
Pièces détachées et forum pour VSP et voitures sans permis
www.vspboutique.fr
www.forumvsp.fr
Partager Twitter Partagez cette article sur GG+
Rapport Haut

 Haut   Précédent   Suivant



Vous pouvez voir les sujets.
Vous ne pouvez pas débuter de nouveaux sujets.
Vous ne pouvez pas répondre aux contributions.
Vous ne pouvez pas éditer vos contributions.
Vous ne pouvez pas effacez vos contributions.
Vous ne pouvez pas ajouter de nouveaux sondages.
Vous ne pouvez pas voter en sondage.
Vous ne pouvez pas attacher des fichiers à vos contributions.
Vous ne pouvez pas poster sans approbation.
Propulsé avec XOOPS | Graphisme adapté par Tatane, Grosdunord, Montuy337513

99 Personne(s) en ligne (67 Personne(s) connectée(s) sur Forum) | Utilisateur(s): 0 | Invité(s): 99 | Plus ...