communauté : aide css
En premium, il est possible de sélectionner dans la configuration du module recherche d'afficher les résultats sur le blog plutôt que sur le portail d'over-blog comme en confiance et en privilège

Module Recherche

Dans ce cas là, il peut-être nécessaire de personnaliser les classes correspondant à l'affichage des résultats de la recherche.

Voici la liste des classes concernées ainsi qu'une capture d'écran d'une recherche effectuée sur le blog de la FAQ afin de montrer plus facilement quelle classe correspond à quoi.


Classes pour l'affichage sur le blog des résultats de la recherche

.divTitleSearch h2 {}
/*Résultats pour "terme recherché*/
. divSearchConcepts a {}
/*Notions relatives, ce sont des liens*/
 .divSearchResults {}
/*la totalité du contenu du résultat trouvé */
.searchResult {}
/*chacun des résultat, titre + début article*/
.divSearchResults  h3  a {}
/*titre des articles trouvés lors de la recherche*/


Exemple de recherche sur le blog de la FAQ 
publié dans : CSS détaillé
ajouter un commentaire commentaires (3)   

communauté : Apprivoiser la version 2
   Voici la liste des classes concernant les albums photos et les photos affichées seules, avec 2 captures d'écran pour que ce soit plus parlant

Les classes des albums


Classes des éléments des albums photos

#galeries  {}
/* galerie avec le nom des albums  */
.lienAlbum  {}
/* Les liens vers tous les albums photos dans la galerie */
.lienAlbum.selected  {}
/* Le lien vers l'album actuellement sélectionné */
.h2Album  {}
/* Le titre de l'album */
#descrAlbum  {}
/* La description de l'album photo */
.thumbsAlbumContainer  {}
/* le containeur des vignettes */
.thumbAlbum  {}
/* Les vignettes */




Les classes des photos seules


Classes des éléments des photos seules

#galeries  {}
/* galerie avec le nom des albums  */
.lienAlbum   {}
/* Les liens vers tous les albums photos dans la galerie */
.lienAlbum.selected  {}
/* Le lien vers l'album actuellement sélectionné */
.h2Album  {}
/* Le titre de l'album */                            
.quickNavAlbum  {}
/* Les liens permettant la navigation rapide */
.precAlbum  {}    
/* Lien précédent */        
.suivAlbum  {}    
/* lien suivant */        
.retourAlbum  {}
/* lien retour */
#photo  {}
/* le containeur de la photo sélectionnée */
#selectedPhoto  {}
/* La photo sélectionnée */
.decrPhotoAlbum  {}
/* La description de la photo */
.thumbsAlbumContainer  {}
/* le containeur de vignettes */
.thumbAlbum  {}
/* Les vignettes (leur nombre se choisit dans la configuration de l'album */
.thumbCouranteAlbum  {}
/*la vignette de la photo sélectionnée  */


PS: je n'ai pas montré sur la 2e capture les éléments identiques à ceux de la première capture. 
publié dans : CSS détaillé
ajouter un commentaire commentaires (4)   

des trucs

Accueil

Il y a 3 curieux sur ce blog

Me contacter




Les flux RSS

Remarque


Les captures d'écran sur ce blog sont réalisées sous Firefox2/Ubuntu, le rendu peut différer avec un autre système d'exploitation et un autre navigateur.


Un peu de musique?

Rechercher

Blog : Science sur over-blog.com - Contact - C.G.U. - Rémunération en droits d'auteur avec TF1 Network - Signaler un abus