
59 Vues
0 Commentaires
Je vous présentoe le modèle adaptatif nature Green Style pour DLE 17.3 qui a fière allure et est agréable à l'œil, il a été créé pour le thème du site nature, le design n'est surchargé de rien, le chargement de toutes les pages est rapide puisqu'il y a rien de superflu dedans. En haut il y a un logo, un menu horizontal avec des effets déroulants aux niveaux 1 et 2, une recherche et un profil utilisateur assez compact et pratique, en dessous il y a un curseur à 5 points, des actualités et un portfolio encore plus bas, Le design lui-même a été repensé pour s'adapter au style nature, il s'agissait initialement d'un modèle Enterprise , mais il a été refait pour ce thème car il n'y a rien de tel sur Internet.
Le modèle Green Style pour DLE est une excellente solution pour créer votre propre projet sur un thème tel que la nature, car le design est adaptatif et s'affiche aussi bien sur un ordinateur que sur un téléphone mobile, ce qui constitue un avantage indéniable pour les résultats de recherche. Le design est entièrement adapté à la version actuelle du script pour le moment - dle 17.3 et vous pouvez désormais l'utiliser sur votre projet, n'oubliez pas d'évaluer le modèle.
NOTE!
Mise en place des actualités dans le fichier include/main-content.tpl
Mise en place du portfolio dans le fichier include/portf.tpl
=========================================================
1) Installation du modèle:
---------------------------------------------------------
- Téléchargez le dossier contenant le modèle sur le site dans le dossier templates.
- Définissez les droits d'écriture (CHMOD 777) pour le dossier téléchargé contenant le modèle.
- Sélectionnez notre modèle dans les paramètres du moteur
- Pour la catégorie portfolio, assignez le modèle de nouvelles courtes shortstory2.tpl.
2) Comment recolorer le modèle, déplacer la colonne de droite vers le côté gauche ou activer la version encadrée du modèle:
---------------------------------------------------------
Ouvrir le fichier : css/colour.css
Pour repeindre, vous devez remplacer toutes les couleurs #3bb641 (il y en a 10) par les vôtres, et remplacer la seule couleur #4fe613 par une version légèrement plus claire de votre couleur.
Pour déplacer la colonne de droite sur le côté gauche, dans le même fichier, tout en bas, voyez #sidebar{float:right} #content{float:left} et remplacez-le par #sidebar{float:left} #content{float:right}
Pour activer la version encadrée du modèle, dans le même fichier, tout en bas, voir #wrapper{max-width:100%} et le remplacer par #wrapper{max-width:1200px}.
3) Mise en place du contenu de la page principale:
---------------------------------------------------------
Dans le dossier des modèles, il y a un dossier d'inclusion. On y trouve le fichier:
main-content.tpl - affiche le contenu sur la page principale
Dans le bloc «Pourquoi les gens nous choisissent», vous pouvez augmenter le nombre d'offres jusqu'à un nombre infini, et vous pouvez également remplacer les icônes par des icônes plus adaptées à vos services.
La liste des icônes est visible à cette adresse : http://themes-pixeden.com/font-demos/7-stroke/<br>Trouvez l'icône dont vous avez besoin en utilisant le lien ci-dessus et copiez son nom.
Ensuite, dans main-content.tpl nous trouvons, par exemple,
<span class="icon pe-7s-headphones"></span>
et au lieu de pe-7s-headphones nous collons ce que nous avons copié, et faisons de même avec le reste.
Votre adresse électronique ne sera pas publiée. Les champs obligatoires sont marqués *
Les utilisateurs du Invités ne sont pas autorisés à ajouter des commentaires à cette publication.