adHoc - Styler adHoc

Logo
Pour personnaliser le logo il suffit de déclarer:
$cfg['logo'] = 'nomdevotrelogo.extension' ;
dans le fichier skin.inc.

!!! L'image du logo doit être impérativement dans le dossier images  


Pour que les boîtes d'une rangée aient la même hauteur, même si elles ont des contenus de hauteur différentes, préciser dans le css  (exemple pour la rangée UpTab) :

div#UpTab .wrapper {display: flex;align-items: stretch;}


Mais pour les petits écrans, les boîtes doivent s'empiler en colonne et occuper toute la largeur. Préciser donc dans les media queries :

@media all and (max-width: 600px) {
div#UpTab .wrapper{flex-direction: column;} #UpTab {max-width:100%;}}


Pour réduire et centrer le bouton envoyer du plugin Contact.

.block {
   width: 50%;
}

et

.btn:first-child {float: none;}
.btn:last-child {float: none;}


Pour conserver un minimum de marges latérales à certaines largeurs d'écran intermédiaires :

.wrapper {
  padding: 0 1%;
}


Pour changer la couleur de fond des champs de textes de formulaire, comme dans Contact, il faut créer une classe dans le fichier de style :

.field[type="text"] {background:rgb(255,255,255);}




Index |Info | Imprimer | PDF | Permalien

Technique

Installer

Sécuriser

Référencer

Fabriquer le web

adHoc

Astuces CSS

Mail, Webmail, courrier etc ...

Piwigo

Écolibre