- Statut : non résolu
- Ce sujet contient 7 réponses, 3 participants et a été mis à jour pour la dernière fois par Hernan, le il y a 13 années et 8 mois.
-
AuteurMessages
-
24 février 2011 à 12 h 41 min #491845
Bonjour,
Ma configuration WP actuelle
– Version de WordPress : 3.0.5
– Version de PHP/MySQL :
– Thème utilisé : Boldy
– Extensions en place :
– Nom de l’hebergeur : 1&1
– Adresse du site : Encore en local pour l’instantProblème(s) rencontré(s) :
Voilà je souhaite utiliser wordpress pour réaliser un site de location de mon gite. Pour ce faire j’envisage d’utiliser ce plugin.
Mon probleme est le suivant : Lorsque j’installe le plugin – qui fonctionne très bien par ailleurs – son apparence est impactée par la feuille de style du thème, ce qui me le déforme complètement. Screenshot suivant :
alors qu’il devrait ressembler à ça :
[img]http://s.wordpress.org/extend/plugins/resource-booking-and-availability-calendar/screenshot-2.gif?r=350378[/img]
Lorsque j’examine le truc avec web developper, voici ce que je vois :
CSS du theme :
* (ligne 10)
{
margin-top: 0pt;
margin-right: 0pt;
margin-bottom: 0pt;
margin-left: 0pt;
padding-top: 0pt;
padding-right: 0pt;
padding-bottom: 0pt;
padding-left: 0pt;
}
#content #colLeft ul li, #content #colLeft ol li (ligne 368)
{
padding-top: 5px;
padding-right: 0pt;
padding-bottom: 5px;
padding-left: 25px;
background-color: transparent;
background-image: url(« images/bullet_list.png »);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 0pt 8px;Et, dans la CSS du plugin :
#cal_wrapper .cal_month ul li (ligne 121)
{
float: left;
width: 20px;
height: 20px;
border-top-width: 1px;
border-right-width-value: 1px;
border-right-width-ltr-source: physical;
border-right-width-rtl-source: physical;
border-bottom-width: 1px;
border-left-width-value: 1px;
border-left-width-ltr-source: physical;
border-left-width-rtl-source: physical;
border-top-style: solid;
border-right-style-value: solid;
border-right-style-ltr-source: physical;
border-right-style-rtl-source: physical;
border-bottom-style: solid;
border-left-style-value: solid;
border-left-style-ltr-source: physical;
border-left-style-rtl-source: physical;
border-top-color: #cccccc;
border-right-color-value: #cccccc;
border-right-color-ltr-source: physical;
border-right-color-rtl-source: physical;
border-bottom-color: #cccccc;
border-left-color-value: #cccccc;
border-left-color-ltr-source: physical;
border-left-color-rtl-source: physical;
margin-top: 0pt;
margin-right: 0pt;
margin-bottom: 1px;
margin-left: 1px;
text-align: center;
background-color: #dddddd;
color: #000000;
font-size: 90%;
text-indent: 0pt;
list-style-type: none;
}
#cal_wrapper .cal_month ul li.cal_empty (ligne 148)
{
background-color: #eeeeee;
border-top-width: 1px;
border-right-width-value: 1px;
border-right-width-ltr-source: physical;
border-right-width-rtl-source: physical;
border-bottom-width: 1px;
border-left-width-value: 1px;
border-left-width-ltr-source: physical;
border-left-width-rtl-source: physical;
border-top-style: solid;
border-right-style-value: solid;
border-right-style-ltr-source: physical;
border-right-style-rtl-source: physical;
border-bottom-style: solid;
border-left-style-value: solid;
border-left-style-ltr-source: physical;
border-left-style-rtl-source: physical;
border-top-color: #eeeeee;
border-right-color-value: #eeeeee;
border-right-color-ltr-source: physical;
border-right-color-rtl-source: physical;
border-bottom-color: #eeeeee;
border-left-color-value: #eeeeee;
border-left-color-ltr-source: physical;
border-left-color-rtl-source: physical;
color: #cccccc;
}J’imagine que vous avez deviné ma question : Comment faire pour que ce calendrier ne soit pas impacté par la CSS du theme. J’ai tout essayé, je n’y parviens pas. Ou alors en retirant la ligne concernée dans le CSS du theme ce qui nuit à sa mise en page à lui….pffff quelle galère !!
En tous les cas, merci de l’aide que vous pourrez m’apporter.
Bien cordialement à tous
Dany
24 février 2011 à 12 h 51 min #759025Ce n’est pas logique, vu que les CSS de ton thème et de ton plugin sont supposés êtres dans des dossiers différents. Donc même s’ils ont le même nom ‘style.css’ ils ne devraient pas se confondre.
Vérifie leur chemin, et au pire des cas, si tu ne vois pas d’où vient l’erreur, coupe le css de ton theme en 2. Une partie (style.css avec le code mini pour qu’il apparaisse dans les thèmes – C’est la partie verte en haut, en commentaire) et tu ajoute une autre feuille de style pour le reste avec un nom différent.
24 février 2011 à 13 h 05 min #759026Merci Hernan,
Les CSS sont effectivement dans des repertoires différents :
Celle du theme à sa racine et celle du plugin dans un repertoire css du plugin.
Elles portent par ailleurs des noms différents.
Je vais examiner ta proposition et te faire un retour…
Mille merci
24 février 2011 à 14 h 01 min #759027Arf…là j’avoue que je patauge…
Néanmoins 2 observations :
Tout en haut de la feuille css du plugin il est écrit :
/* CHANGE THIS PATH ACCORDING TO YOUR THEME !!!!! */
Je vois bien de quoi il retourne mais à quel chemin cette remarque fait-elle allusion ? « THIS PATH » ????
Par ailleurs, quand je suis dans l’editeur de l’extension via l’interface de WP, il est écrit ceci :
Modification de resource-booking-and-availability-calendar/css/avail-calendar.css (désactivé)
C’est le « (désactivé) » qui m’interroge ! ça pourrait avoir un rapport quelconque ?
25 février 2011 à 7 h 30 min #759028Vraiment personne n’a une petite idée ?
25 février 2011 à 9 h 11 min #759029Pose la question au créateur du plugin… Il pourra peut-être t’aider.
25 février 2011 à 9 h 52 min #759030Non, ça n’a rien avoir avec le plugin je pense…
J’ai vu d’autres sites l’utilisant… Quand je regarde le style CSS d’un élément du calendrier sur leur page avec web developper, la feuille de style qui apparait est celle du pluginQuand je regarde sur mon site, je vois d’abord la feuille de style du theme, puis en dessous celle du plugin….
1 mars 2011 à 14 h 10 min #759031En principe le /* CHANGE THIS PATH ACCORDING TO YOUR THEME !!!!! */ doit correspondre à un code juste en dessous ou à côté. Ca doit être le chemin de la feuille css ou celui d’un script php
y’a pas un truc du genre
<link rel="stylesheet" type="text/css" media="screen" href=" » />
dans me coin de ta note ?
Pour arriver au css de ton thème c’est la fonction citée plus haut : ou alors directement en visant ton thème : /ton_dossier_avec_la_css/ta_css.css
-
AuteurMessages
- Le forum ‘Utilisation spécifique de WordPress’ est fermé à de nouveaux sujets et réponses.