Forum - Communauté Francophone des Utilisateurs de Xoops

Inscription

Changer le look des commentaire

Titre du sujet : Changer le look des commentaire
par -Tarik- sur 16/09/2010 11:48:47

En suivant ce hack vous allez changer le look des commentaire en quelque chose comme ca

Preview

je souhaite que vous l'aimerai

Telechargement

−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
Installation

decompresse le fichier telecharge
puis pose le fichier system_comments_flat.html dans

TonTheme -> modules -> system

est modifie ton style.css et pose a la fin


/*--------------Comment Styling------------------------*/

#comment_zone{margin:10px 0px;clear:both;text-align:left;}

#comment_zone p{text-align:left;}

    #comment_zone #respond{margin:15px 0px 5px 0px;}

    #comment_zone #ubuttons{z-index: inhert;  position: absolute;bottom: 5px;left: 5px;}

    #comment_zone #ubuttons img{margin:2px;}

        

    /*Guest comments*/

    #comment_zone ol li{background:#f9f9f9; border:1px solid #CFCFCF; margin:7px 0px; overflow:hidden; min-height:100px; height:auto !important; height:100px;position: relative;}

    #comment_zone li .gravatar_col{clear:right;float:left; min-height:100px; width:130px;}

    #comment_zone li .comment_col{float:right;padding-right:30px; min-height:100px; width:380px;}

    #comment_zone ol .avatar{border:5px solid #CFCFCF;}

    #comment_zone ol cite{font-size:13px; font-weight:bold;text-align: left;}

        #comment_zone ol cite a{text-decoration:none;text-align: left;}

        #comment_zone ol cite a:hover{text-decoration:underline;}

    

    #comment_zone ol .datestamp{color:#666;text-align: left;}    

    #comment_zone ol .datestamp a{text-decoration:none;}

        #comment_zone ol .datestamp a:hover{text-decoration:underline;}

        

    #comment_zone ol .comment-text{color:#000;text-align: left;font-family: Helvetica,Arial,sans-serif;}    

    

    /*Author Comments*/

    #comment_zone ol li.authorcomment{padding-bottom: 10px; background:#000 url("http://static.buildinternet.com/theme-files/authorcomment-bg.jpg") top right no-repeat; color:#FFF; border:1px solid #3B3B3B;}

            #comment_zone ol .authorcomment .avatar{border:5px solid #333;}

            #comment_zone ol .authorcomment p{color:#BFBFBF;}

            

            #comment_zone ol .authorcomment cite a{color:#b6d7e9;}

                

            #comment_zone ol .authorcomment p a{color:#b6d7e9;}

            #comment_zone ol .authorcomment .datestamp{color:#666;}

                #comment_zone ol .authorcomment .datestamp a{color:#757575;}

            

    /*Admin Comment Styles*/

    /*#comment_zone ol li.admincomment{background:#333; color:#F7F7F7; border:1px solid #474747;}*/

    #comment_zone ol li.admincomment{padding-bottom: 10px; background:#000 url("http://static.buildinternet.com/theme-files/authorcomment-bg.jpg") top right no-repeat; color:#FFF; border:1px solid #000;}

            #comment_zone ol li.admincomment img {border:5px solid #474747;}

            #comment_zone ol li.admincomment a{color:#b6d7e9;}

                                

    .comment-padding{padding:10px;}

/*----------------end------------------------*/

enfin pose les image dans le fichier dans

htdocs −> images -> icons

jai oublier de preciser que ces modification sont pour le type flat alors faut choisir ce type de commentaire dans les settings

Propulsé avec XOOPS | Graphisme adapté par Tatane, Grosdunord, Montuy337513

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