- reset +
Home

Last message

No posts to display.

Advertise here ?

French (Fr)English (United Kingdom)

La conciergerie de Lily propose un service de gestion locative, conciergerie et intendance privée, propriétaires et locataires, sur le bassin d'Arcachon, le Cap Ferret et Lacanau, locations touristiques de résidences principales ou secondaires, appartements meublés, bungalows, chalets.

En savoir +

Last Post's

Welcome, Guest
Username Password: Remember me

Modification du CSS
(1 viewing) (1) Guest
Joomloc-LITE component for joomla 1.6
  • Page:
  • 1
  • 2

TOPIC: Modification du CSS

Modification du CSS 8 years, 1 month ago #891

Bonjour,
Le CSS de joomloc se base sur celui de mon template, c'est très bien, mais la déclinaison a besoin d'être modifiée et je ne suis pas une grande spécialiste.
Je souhaiterai que le style des noms des logements soit inversé avec celui des mois. Soit les logements en style h2 de mon template et les mois en h4. J'ai réussi à modifier d'autres choses dans le css de joomloc, mais pour ceci je ne trouve pas.
Pouvez-vous m'aider ?
Merci d'avance
menudispo.jpg

Re: Modification du CSS 8 years, 1 month ago #892

  • admin
  • OFFLINE
  • Administrateur
  • Posts: 397
  • Karma: 3
Bonjour

Plusieurs options possibles
1) soit modifier le style des h4 de joomloc dans le joomloc.css an ajoutant une ligne h4, ou plus simple alors allez dans le fichier components/com_joomloc/views/loc/view.html.php vers la ligne 101 mofiez le h4 en h2

[code] <tr><td valign='top' width='' colspan='2'><h4>".$room->nom_loc."</h4></td><td colspan='2'>$days</td></tr>[\code]
en
[code] <tr><td valign='top' width='' colspan='2'><h2>".$room->nom_loc."</h2></td><td colspan='2'>$days</td></tr>[\code]


Pour les mois plus compliqué :

dans votre template retrouvez la class de votre h4 et ajoutez #mois h3 a span après le h4 et avant l'ouverture de l'accolade comme ceci

h4...., #mois h3 a span {
class du h4
}
Laubro

Re: Modification du CSS 8 years, 1 month ago #893

Merci Laubro pour ce composant génial et pour votre réactivité… dont je vais encore avoir besoin…

Pour les logements, c'est bon, j'ai d'ailleurs mis h3, finalement, dont le rapport de taille était meilleur. Mais, j'aimerai indiquer que les caractères sont bleus, où porter cette indication, et en quels termes ?

Pour les mois, en effet, c'est plus compliqué… puisque je ne trouve pas de mention existant de "class du h4" (voir image jointe). Comment faire ?

Et, si je peux encore abuser de votre science, pour une présentation parfaite, j'aimerai me débarrasser de l'espacement gauche de 10 px de joomloc_cal_week, afin que pour les mois de 5 semaines, la dernière n'apparaissent pas en dessous des 4 autres.
classduh4.jpg

Re: Modification du CSS 8 years, 1 month ago #894

  • admin
  • OFFLINE
  • Administrateur
  • Posts: 397
  • Karma: 3
la class ha 'est dans template.css a priorie, changer comme ceci

de
h4 { font-size:1.1em; font-weight:normal }

par

h4, #mois h3 a span { font-size:1.1em; font-weight:normal }

pour les blocs mois, regardez plutot du cpité de la class pane-slider qui doit mettre un padding:0 10px, abaisser le 10px puis ajustez avec le width:19% de joomloc_cal_week pour bien claer ça dans votre template
Laubro

Re: Modification du CSS 8 years, 1 month ago #895

J'ai remplacé la seule mention de h4 du template_css :
h4 { font-size:1.1em;font-weight: normal}
par
h4, #mois h3 a span { font-size:1.1em;font-weight: normal}
Cela ne modifie rien !
Ce doit être ailleurs… mais où ? (voir ma pièce jointe précédente)

POUR L'ESPACEMENT DES JOOMLOC_CAL_WEEK
ils sont impactés dans com_content.css de mon template :
table td, .cat-list-row0 td, .cat-list-row1 td {
border-bottom: 1px solid #EEEEEE;
border-right: 1px solid #EEEEEE;
border-left: 1px solid #EEEEEE;
padding: 4px 4px 4px 10px;

Mais, si je modifie à ce niveau là, cela change tous les espacements de mes pages, il faudrait sûrement ajouter des lignes de code dans le joomloc.css ??

Re: Modification du CSS 8 years, 1 month ago #896

  • admin
  • OFFLINE
  • Administrateur
  • Posts: 397
  • Karma: 3
si vous me donniez votre url je pourrais être plus précis !!
Laubro

Re: Modification du CSS 8 years, 1 month ago #897

Voici l'URL :
casa.nepita.fr/index.php?option=com_joom..._id=1&Itemid=119

Il faut vous identifier pour accéder… si cela vous pose un problème, je désactive la restriction.

Je précise que votre composant n'est pas en cause dans ces problèmes de présentation car je l'ai essayé avec un autre template que celui que j'utilise. Je vous remercie d'autant plus de l'aide que vous m'apportez.

Re: Modification du CSS 8 years, 1 month ago #898

  • admin
  • OFFLINE
  • Administrateur
  • Posts: 397
  • Karma: 3
alors essayez :

h4, filedset.adminform h3.title a span { font-size:1.1em;font-weight: normal}

pour les mois ajoutez ça dans joomloc.css ou a la fin de template.css

filedset.adminform #roomcal { padding:4px 4px 4px 0; }
Laubro

Re: Modification du CSS 8 years, 1 month ago #899

Pour la forme des mois, cela a fonctionné, je l'ai mis en h5 pour avoir le plus discret.
Bon c'est mieux.

Pour les espacements des cadres, votre ligne de code n'influence pas, qu'elle soit mise en template.css, joomloc.css, ni même en com_content.css (qui régit des 10px)

Même en corrigeant ainsi le code indiqué :
fieldset.adminform #roomcal { padding:4px 4px 4px 0px; }

J'ai essayé avec #roomcal_1 (à cause de la pièce jointe 1) et à divers endroits, rien à faire !
Reste toujours ce cadre (pièce jointe 2)
dtail.jpg


bordcal.jpg


com_content.jpg

avec une bordure et le pudding 4 4 4 10 (hérité de com_content CSS voir pièce jointe 3)

Re: Modification du CSS 8 years, 1 month ago #900

  • admin
  • OFFLINE
  • Administrateur
  • Posts: 397
  • Karma: 3
oups j'ai oublié le td

filedset.adminform #roomcal td { padding:4px 4px 4px 0; }
Laubro
  • Page:
  • 1
  • 2
Time to create page: 0.27 seconds