[résolu ]coins arrondis !

Catégories:

bonjour messieurs dames !!

alors voila , je suis entrain de développer un site sur ce magnifique cms qu’est Drupal ! Et en visitant ce site (drupal) je suis particulièrement tombé sous le charme des blocs du menu de gauche , avec ses coins au formes galbées ! Coment faire pour donner cet aspect à mes blocs ??

Merci beaucoup

amandine

#

Ca n’a rien a voir avec Drupal, ce sont des techniques CSS.

http://www.google.fr/search ?source=ig&hl=fr&rlz=&q=css+coin+arrondis&btn…

#

euh… je sais mais il faut bien que je les insert dans un fichier php non ??

#

Non, juste en CSS ca suffit. Drupal fournit suffisament de balises et de classes pour le faire sans avoir à toucher au PHP…

#

ah ba tu m’apprend quelquechose d’intéressant zmove ! j’étais persuadée de devoir toucher au php ! et donc d’après se que tu me dis je n’ai qu’à rajouter en quelques sortes des propriétés css pour avoir le rendu que je souhaite ou ajouter des images sur un background ? Sa serait tout bonnement merveilleux !! :-D

#

ok donc j’ai essayée de ne toucher qu’au code css pour essayer de faire les mêmes bloc de gauche de ce site. J’ai donc touchée le code au niveau de #sidebar-left .block , voici ce que j’ai rajouté :

.block { background:url(images/salamander1/mast-r.png)100% 0 no-repeat ; }

.block1 { background:url(images/salamander1/mast-l.png)0 0 no-repeat ;

}

mais le problème , c’est que je n’ai qu’un background qui s’affiche ! Comment faire pour en déclarer plusieurs ??

#

pour faire des blocs aux bords arrondis : c’est par ici : http://biboo.net/css-blocs-bords-arrondis

ça c’est pour apprendre un peu le css ensuite, tu peux utiliser le module blocktheme pour D5 : http://biboo.net/drupal-module-blocktheme

j’ai appliqué cette méthode (parmis d’autres) sur mon propre site. après, c’est une histoire de compétence en design (sous photoshop par exemple)

ex : l’image de fond en background css du bloc download sur dr.org : http://drupal.org/themes/bluebeach/down.png

++

robin http://gazwal.com - Expertise Drupal & Intégration Web / Freelance http://biboo.net - Tutoriels vidéos Drupal http://twitter.com/gazwal

#

tres bon lien ! et ton site est vraiment bien fait, il manque de tutos comme ceux la sur drupal !

#

Merci beaucoup robin, c’est exactement le module qu’il me fallait ! j’ai tout suivi sur ton site c’était parfait ! :-D

Mais bien sur comme drupal ne veut pas que je fasse quelquechose facilement, il y a un problème.

Voila j’ai suivi a la lettre tout se que tu dit, j’ai bien surchargé le template.php mais j’ai beau tenté de faire des modif dans blocktheme.css , rien ne s’affiche. Il n’y a que le titre du bloc qui veut bien s’afficher ! Pourquoi le style css n’est pas pris en compte ? Il faut effacer les css des block du fichier style.css pour que cela marche ?? j’ai le theme salamander.

Merci encore enormement !!!!!!!

#

est ce que tu as lié ta feuille de style blocktheme.css dans la feuille principale = style.css, avec un @import par exemple.

très important, me rappel plus si je le dit dans le tuto, c’est évident pour qq’un qui connait les css

Il faut effacer les css des block du fichier style.css pour que cela marche ?? => non si tu as donné des ID et des CLASS differents pour ton bloc

robin http://gazwal.com - Expertise Drupal & Intégration Web / Freelance http://biboo.net - Tutoriels vidéos Drupal http://twitter.com/gazwal

#

MERCIIIIIIIIIIIIIIIIIIIIIIIIII

Non je n’avais pas liée ma feuille …. mais j’ai du également modifier mon fichier block-arrondi.tpl.php car reprendre exactement le même fichier que block.tpl.php et changer juste le nom de la classe ne suffit pas. En fait j’ai recopier ce au’il y avait sur ton ecran dans ta video ! mais je n’ai pas trop compris où est ce que sa bloquait !! Ne me reste plus qu’a tenter de faire afficher de nouvelles class pour mettre le style voulu.

En tout cas 1000 fois merci !!

Syndiquer le contenu