Modifier l'aspect des articles

Support et assistance sur les templates Joomla! 1.0.x, design html et css.

Moderators: Aidan38, sarki

Forum rules
Règles du forum
Locked
User avatar
yatoula
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 224
Joined: Thu Feb 23, 2006 12:35 am
Location: Metz France
Contact:

Modifier l'aspect des articles

Post by yatoula » Wed Jun 20, 2007 11:55 pm

Bonjour,
je voudrais savoir ou placer le code (balise) pour afficher un contours autour de mes articles. Je suppose que ce doit etre dans le fichier content.php mais je ne sais vraiement pas ou . En fait je voudrais les encadrer ( ou selon la methode les mettre dans une cellules aux bords arrondis) d'un dessin  ( avec une autre methode des lignes, points)
Beaucoup de sujet parlent du css a appliquer pour realiser cette action avec les modules, ou le "mainbody" (dans ce cas c'est tous les articles  :( ) mais j'ai rien trouvé pour encadrer chaque article.
Merci a vous car là ca commence a m'ennerver  :'(

User avatar
mejean
Joomla! Hero
Joomla! Hero
Posts: 2716
Joined: Thu Aug 18, 2005 12:28 pm
Location: viewforum.php?f=19
Contact:

Re: Modifier l'aspect des articles

Post by mejean » Thu Jun 21, 2007 7:45 am

Bon, je sais pas.

En regardant rapidement cela pourrait se jouer au travers un css du type table .blog, voire  table .blog tbody sans avoir à toucher les fichiers sources. Attention, cela se joue dans des tables.
Last edited by mejean on Thu Jun 21, 2007 7:49 am, edited 1 time in total.
Jérôme Bussière - simple utilisateur
www.cardabelle.net

User avatar
dec
Joomla! Guru
Joomla! Guru
Posts: 502
Joined: Mon Apr 03, 2006 2:06 pm

Re: Modifier l'aspect des articles

Post by dec » Fri Jun 22, 2007 7:19 am

A moins d'essayer A8e Joomla accessible qui nous débarrasse de ces fichus .table si pénibles à régler ;)

User avatar
yatoula
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 224
Joined: Thu Feb 23, 2006 12:35 am
Location: Metz France
Contact:

Re: Modifier l'aspect des articles

Post by yatoula » Fri Jun 22, 2007 9:05 am

A8e Joomla accessible
C'est quoi ?  ???

User avatar
syan
Joomla! Explorer
Joomla! Explorer
Posts: 417
Joined: Fri Dec 23, 2005 10:48 am
Location: Paris / Oléron (F)
Contact:

Re: Modifier l'aspect des articles

Post by syan » Fri Jun 22, 2007 10:50 am

Yann Sallou
WebAgency | http://www.utopiart.com

User avatar
dec
Joomla! Guru
Joomla! Guru
Posts: 502
Joined: Mon Apr 03, 2006 2:06 pm

Re: Modifier l'aspect des articles

Post by dec » Tue Jun 26, 2007 7:43 am

Leurs divs sont largement plus simples que les .table. Par contre pour les menus horizontaux accessibleul, ça coince pour moi. Si qqln a un exemple css compatible IE, firefox etc mais surtout compatible Joomla puis qu'il semble falloir faire des modifs core ds Joom

User avatar
yatoula
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 224
Joined: Thu Feb 23, 2006 12:35 am
Location: Metz France
Contact:

Re: Modifier l'aspect des articles

Post by yatoula » Tue Jun 26, 2007 10:03 am

:-[ en fait j'avais il y a quelques temps posé la question ici , une solution avait ete trouvé mais sans utiliser des images. Juste avec des DIV, maintenant que j'ai plus de base de ce côté là je pense que ce post serait utilecar un memebre m'a poster un fichier content.html.php modifié qui permet de cerner article par article.
Donc le principe est bon, reste a l'appliquer avec des images et non des div.  :pop EN COURS..............

User avatar
ouly
Joomla! Ace
Joomla! Ace
Posts: 1074
Joined: Sun Aug 21, 2005 9:18 pm
Contact:

Re: Modifier l'aspect des articles

Post by ouly » Tue Jul 10, 2007 9:05 am

ced29 wrote: Leurs divs sont largement plus simples que les .table. Par contre pour les menus horizontaux accessibleul, ça coince pour moi. Si qqln a un exemple css compatible IE, firefox etc mais surtout compatible Joomla puis qu'il semble falloir faire des modifs core ds Joom
Quel est le problème exactement avec les menus horizontaux ? (éventuellement dans un nouveau sujet  8) )

User avatar
Niafniaf
Joomla! Apprentice
Joomla! Apprentice
Posts: 8
Joined: Mon Aug 25, 2008 7:57 am

Re: Modifier l'aspect des articles

Post by Niafniaf » Mon Aug 25, 2008 9:50 am

Bonjour,

Heu..j'ai peut-être mal compris la question (encadrés ou images ?), mais concernant les encadrés, voici ce qui avait marché :

Citation:
Mais une question me turlupine quand même et je vais t'en faire part, au cas où tu n'aurais pas assez de choses à faire : comment mettre les articles que je mets en page d'accueil dans un joli cadre (dans lequel je pourrais peut-être mettre une image en background d'ailleurs !) plutôt que comme ça en tout moche.
Bonjour niaf,

Pour faire cela tu vas être obligé de remonter tes manches, et mettre un peu les mains dans le camboui

1- Tu ouvres ton fichier components\com_content.html.php
2- Tu recherches à la ligne 458 environ

Code PHP:

Code: Select all

<table class="contentpaneopen<?php echo $params->get( 'pageclass_sfx' ); ?>">
            <tr>
                <?php
                // displays Item Title
                HTML_content::Title( $row, $params, $access );

                // displays PDF Icon
                HTML_content::PdfIcon( $row, $params, $hide_js );

                // displays Print Icon
                mosHTML::PrintIcon( $row, $params, $hide_js, $print_link );

                // displays Email Icon
                HTML_content::EmailIcon( $row, $params, $hide_js );
                ?>
            </tr>
            </table>
Tu transformes la class contentpaneopen, en contentpaneopen-title
Code:

Code: Select all

<table class="contentpaneopen-title<?php echo $params->get( 'pageclass_sfx' ); ?>">
3- Ensuite tu ouvre le fichier CSS général, tu met ce code en changeant bien évidement les couleurs, tu peut aussi y mettre une couleur de fond.

Code:

Code: Select all

.contentpaneopen-title {
background:#f7f9fb;
border-top:1px solid #b9bec4;
border-right:1px solid #b9bec4;
border-bottom:0px solid #b9bec4;
border-left:1px solid #b9bec4; 
padding:3px 10px;
width:100%;
}
.contentpaneopen {
background:#f7f9fb;
border-top:0px solid #b9bec4;
border-right:1px solid #b9bec4;
border-bottom:1px solid #b9bec4;
border-left:1px solid #b9bec4; 
padding:3px 10px;
width:100%;
}
Et foilàà

J'espère que cela servira ? :-[


Locked

Return to “1.0 - Templates et design”