design

Par benftwc

Drupal et le Responsive Design

blog
dev
design
drupal
responsive
Drupal responsive design

Drupal responsive design

Avant tout, sur Drupal, le Responsive Web Design, c’est quoi / pour qui ?

Avec le nouvel essor des plateformes mobiles et la naissance des webapps, il est aujourd’hui devenu primordial à toute société de posséder son propre site « responsive webdesign » (que j’abrégerais RWD), c’est-à-dire, un site adapté, calculé et affiché différemment en fonction du support (mobile, tablette, ordinateur, téléviseurs).

Cependant, si cette fonctionnalité n’est pas pensée au début, il peut vite devenir fastidieux de le mettre en place.

Je distingue 2 grandes réponses au « problème » du RWD : La mise en place d’un template « full RWD » et la mise en place d’un thème dedié.

Template Full RWD

Cette solution est la plus simple car tout se passe au niveu de votre intégration, soit, HTML + CSS + JavaSript. Cette solution ne touchant pas à Drupal, et étant traité par Marie Guillaumet (Refonte de mon portfolio partie 1 et partie 2), je n’en parlerais pas plus ici.

Le thème dedié

Le thème dédié est plus pratique dans certains cas, notamment quand le site est déjà sorti, avec toute une intégration de prévue et pas de temps pour le refaire. Néanmoins, cela impliquera autant de modifications et de temps de maintien que de thèmes dédiés.

La technique est simple ici, il vous suffit d’utiliser le module Mobile Tools avec lequel vous allez pouvoir détecter quel est le support du visiteur, et lui fournir un thème différent en fonction du retour.

De cette manière, vous aurez par exemple desktop_mondesign et mobile_mondesign, les deux adaptés au contenu (soit PC pour desktop, smartphone/iphone pour mobile).

De plus, le module embarque des options de configuration pour CCK, Display Suite, Panels … En soit, la méthode est plus compliquée à mettre en place, mais permet une réelle séparation des fichiers, ce qui n’est pas le cas de la première  méthode.

The post Drupal et le Responsive Design appeared first on Benftwc.

Créer template multizone dans sa page d'accueil, comme celui du site de la maison blanche

Submitted by slash on

Slt à tous,
mon problème est que je suis un amateur de drupal, j'ai voulais savoir comment créer une page d'accueil avec des zones différentes, donc cotés design comme sur la front page de tv5.org, euronews.com, whitehouse.com.
Classé des types des contenues dans des zones bien précises et qui se différencient des decors.

Svp aidez moi !

[Résolu] Blocs : différents styles de bloc au sein d'un même site

Submitted by zedo24 on

Bonjour,

je souhaites afficher des blocs sous différents style CSS (différentes couleurs selon le bloc). Comment peut-on spécifier, dans l'admin de Drupal 7.0, que nous souhaitons appliquer un style spécifique à un bloc spécifique ?
Si je dois ajouter un ou des modules pour cela, lesquels ?

Merci d'avance de toute aide

Surcharger design fait a partir d'un module

Submitted by kstudio on

Bonjour,

J'ai créer un bloc avec où j'appelle le formulaire de souscriptions de simplenews.

Tout fonctionne niquel, mais je voudrais changer le design de ce formulaire sans modifier le module.

C'est à dire que le formulaire ce compose d'un fieldset et d'un petit texte, moi je souhaite retiré ces deux choses là mais je ne sais pas du tout comment m'y prendre.

Merci d'avance pour vos réponses et à bientôt.

Kstudio.

Design de pages différentes pour un même thème

Submitted by jcl on

Je voudrais utiliser un thème mais avec des modèles de pages différentes. Est-ce possible avec Dupal? Comment dire à un contenu en particulier (pas un type de contenu) d'utiliser tel ou tel modèle?

Modèle 1

|-------------------------------|
|                               |
|--------------------------------
|    |                          |
|    |                          |
|    |                          |
|    |                          |
---------------------------------

Modèle 2

Design page du site

Submitted by Thorfinn on

Bonjour

Je cherche à faire ce design (voir pièce jointe) pour mon site. Je me demandais quelle était le meilleur moyen de faire et comment le faire

Car l'utilisateur peux choisir la photo qui va s'afficher par page qu'il crée.
Les pièces jointes de la page doivent s'afficher dans le bloc de droite si il y'en a (sinon pas de colonne).

Je ne sais pas non plus comment mettre le champs rechercher ainsi que deux liens en haut dans mon en tête?
Mon en-tête ne contient qu'une image en arrière plan.

Un coup de main ne me serais pas de refus car je sèche

Aide à l'adaptation d'une ligne graphique

Submitted by ulysse68 on

Bonjour,

Je dois migrer rapidement un site pour une association, qui a choisi Drupal -- bon choix :)

Malheureusement, je suis nouveau dans ce domaine et j'ai peu de temps (j'en passe beaucoup pour le contenu). J'aurais besoin de quelqu'un qui puisse me créer un thème à partir du site existant, avec quelques modifications que j'indiquerai.

Je peux offrir EUR 200.- -- à moins que quelqu'un ne veuille travailler gratuitement: c'est une assoc qui en vaut la peine ;) Le travail devrait être terminé pour la fin de la semaine si possible (ouille!).