XDfriend un thème Original

Date 30/01/2011 | Sujet : Thème

Bonjour à tous,

Je vous présente ma première collaboration pour Xoops.

XDfriend est un thème bien différent de ceux que l’on peut trouver dans les thèmes Xoops , j’ai voulu pour cela avoir une page index où les blocs peuvent être affichés et organisés comme on veut. Pour cela j’ai utilisé les smartys Xoops.


Voici les points principaux de ce thème :

- Organisation et position des blocs sur la pages index selon votre désir.
- Changement de chaque arrière plan pour chaque modules
- L'intégration du slider uniquement pour la page index n’est plus actif dans les autres pages
- Menu horizontal déroulant totalement en css 3
- Affichage du nombre de message(s) privé(s) reçu(s) dans le menu utilisateur

Le thème est compatible Firefox, IE, Opera, Chrome, Safari

Comment modifier la page index ?

Pour cela il faut modifier le fichier xo-index.html qui se trouve dans le dossier xotpl

Un tableau à été créé pour y afficher les titres des blocs et des content. Il vous suffit tout simplement de créer un tableau différent si celui-ci ne vous convient pas.

Comment afficher les titres de mes blocs dans ce tableau ?

Vous pouvez afficher tous les titres que vous souhaitez , pour cela il suffit de repérer l’ID de votre bloc et d’ajouter dans la cellule titre de votre tableau cette ligne : Exemple pour le bloc avec ID 21 :

<{block id=21 display="title"}>

Comment afficher les content de mes blocs dans ce tableau ?

C’est la même chose que le titre , il suffit juste de supprimer le display :Exemple pour le content du bloc 21 :

<{block id=21}>

Comment ajouter un arrière plan différent pour les modules ?

Pour commencer, l’image d’arrière plan de la page index est nommée « content_bg.png » , elle se trouve dans le dossier img du thème :

Tous d’abord, créez une autre image avec les couleurs voulues et nommez la content_bg1.png et transférez la dans le dossier img

Ensuite ouvrez le fichier style.css et y mettre cette ligne exemple pour le module private message :

#xo-page.pm{background: url(../img/content_bg1.png) repeat-x scroll 0 0 transparent;}

Pour un autre module, il vous suffit de remplacer le ”.pm” par . puis le nom de votre module . J’ai déjà préparé plusieurs background pour les modules suivants :

Pm
news
liaise
tdmdownload
xdonation
adslight
extcal
profile
publisher
newbb
catads
mytube

Le Menu

Comment modifier le menu?

Pour cela rendez-vous dans le dossier xotpl et modifier le fichier globalnav.html

Un menu utilisateur à été ajouté avec le nombre de messages privés reçus :

Nouveau sytème pour la fermeture du site avec compte à rebours :

Comment modifier la date du compte à rebours ?

En modifiant les valeurs suivantes qui se trouvent dans le fichier system_siteclosed.html dans le dossier module/system/

'day': 30, 'month': 1, 'year': 2011, 'hour': 14, 'min': 0, 'sec': 0,

Comment modifier le texte du compte à rebours ?

Tous simplement dans l’administration de votre site dans les préférences générales.

Lorsque votre site est fermé , vos visiteurs peuvent suivre votre fil d’actualité twitter en bas de page

Fil d'actualité Twitter sur la page site closed

Comment ajouter Mon propre fil d’actualité ?

Pour cela modifier la ligne suivante qui se trouve dans le fichier system_siteclosed.html et changer Œil_Horus par votre compte twitter

src="http://twitter.com/statuses/user_timeline/Oeil_Horus.json?callback=twitterCallback2&count=1"

Demo : http://demo-theme.vistaide.com/
ID: demo
MDP: demo


Je tiens à remercier Tatane pour son aide.



Cet article provient de Communauté Francophone des Utilisateurs de Xoops
http://www.frxoops.org

L'adresse de cet article est :
http://www.frxoops.org/modules/news/article.php?storyid=1830