Modifier facilement et rapidement une présentation SmartSkins sur Oxatis.

Alors attention ! Quand je dis « Facilement », je pars du principe que vous avez tout de même de petites bases CSS, HTML et Oxatis mais aussi que vous savez utiliser des outils/plugins tels que : Firebug, Web Developer, ou l’inspecteur de Chrome, en gros un outils qui s’ouvre en appuyant sur F12.

Sinon, avant de vous jeter dans le feu, lisez ce petit article.

Imaginons que le sujet de cette modification soit « Changer la couleur de fond de votre menu horizontal ».

Vous avez donc votre « Design » :

screen-shot-11-08-16-at-09-49-pm

 

Et votre menu horizontal sur fond gris :

screen-shot-11-08-16-at-10-18-pm-002

 

Notre but sera de passer le menu horizontal sur fond Rouge.

 


Solution A (expert): CSS personnalisé

On transforme cette présentation en CSS pour la modifier directement, mais cela seulement si vous avez les compétences pour comprendre et modifier la feuille de style.

Petit conseil :

Je prends toujours l’ensemble du code CSS et je le passe dans un « beautifyser » et un « autoprefixer » :

http://codebeautify.org/css-beautify-minify

https://autoprefixer.github.io/

Et en fin de prestation, je repasse tout mon CSS dans le « minifiser » de codebeautify. Cela pour qu’il soit le plus léger possible.

http://codebeautify.org/css-beautify-minify


 

Solution B : Feuille CSS externe 

Cette solution est parfaite pour ajouter quelques modifications rapides et simple  (En on « Surcharge » le CSS principal).

Soyons d’accord, ce n’est pas une solution pour « styler » son site de A à Z. Ce serait trop long, peu efficace et pas rentable pour vous.

Je crée donc une nouvelle présentation vierge que je sauvegarde, et je la nomme : « Surcharge CSS »

Screen Shot 11-08-16 at 09.59 PM.PNG

Mon objectif suivant sera de récupérer « l’appel CSS » en vu l’intégrer au design principal.

Pour cela, je vais faire un aperçu rapide de cette présentation, ce qui ouvre un site « non-stylé », donc parfaitement hideux, car aucun style css n’a été renseigné. Prenez 10 seconde pour voir votre site à nue :

Screen Shot 11-08-16 at 10.02 PM 001.PNG

 

Le travail du WebDesigner est de rendre cette « chose » merveilleuse ! Que par le design, « Qui vous êtes » et « Quelles sont vos valeurs » soit transmis à votre visiteur/client. Désolé pour la digression…

 

Je jette donc un oeil sur le code Source de la page CTRL + U et je cherche dans la partie <HEAD> un appel CSS qui ressemble à cela (ligne 13 sur l’image ci-après)  :

<link rel= »StyleSheet » type= »Text/css » href= »DesignCss/205000/708/style.css?v=123456-7890″>

screen-shot-11-08-16-at-05-38-pm

Dans  cet appel, je supprime les chiffres  qui se trouvent après le « /style.css » afin d’obtenir ceci :

<link rel= »StyleSheet » type= »Text/css » href= »DesignCss/202000/530/style.css>

J’édite maintenant ma présentation « Design » et j’ajoute dans le HEAD l’appel CSS de la présentation « Surcharge CSS ».

screen-shot-11-08-16-at-10-13-pm

Maintenant, il ne me reste plus qu’à faire mes modifications à la volée, via firebug ou autre.

Revenons au menu et son fond Rouge :

Je cible mon menu avec l’outil de mon choix :

screen-shot-11-08-16-at-10-15-pm

Je modifie donc la règle#hmenu et l’attribut CSS background-color pour visualiser en direct la modification. Et je reporte cette règle dans la feuille « Surcharge CSS »

Screen Shot 11-08-16 at 10.17 PM.PNG

Et voilà !

screen-shot-11-08-16-at-10-18-pm-001

C’est un peu bourrin, mais c’est la méthode la plus simple et rapide.

faire fonctionner avada sur 1and1

Si comme moi vous avez déjà eudes problème pour installer Avada sur votre hebergeur, plus particulièrement 1and1, j’ia peut-être trouvé la solution.

 

Souvent les problèmes avec avada et 1and1 sont dû au “max_execution_time 180”

 

Alors pour régler ce problème vous faudra créer ou modifier votre fichier php.ini (à la racine de votre site)

placer le code suivant :

  • max_execution_time 180
  • memory_limit 128M
  • post_max_size 32M
  • upload_max_filesize 32M

 

 

puis suivez ce lien :

https://assistance.1and1.fr/hebergement-c65619/programmation-c65626/php-c65653/copier-automatiquement-le-fichier-phpini-dans-tous-les-repertoires-a703438.html

 

 

Et  cela devriat marcher

Site Web vitrine – Franck Blanchard prof de contrebasse

Musicien professionnel depuis plus de 30 ans, Franck Blanchard partage sa passion pour les musiques actuelles et Jazz avec chacun de ses élèves.Il m’a donc contacté afin de mettre en place un site présentant son parcours et sa pédagogie. Le but initial était d’être visible sur la toile, surtout vis à vis d’une absence de concurrence (professeur de contre-basse sur Marseille), d’être référencé dans ce sens et de pouvoir proposer en tant que “plaquette” ce site à toutes personnes intéresses par l’apprentissage de l’instrument.

franck-blanchard-webdesign-site-vitrine-one-page

franck-blanchard-webdesign-one-page

franck-blanchard-webdesign-one-page-2

franck-blanchard-webdesign-one-page-3

franck-blanchard-webdesign-one-page-4

franck-blanchard-webdesign-one-page-5

franck-blanchard-webdesign-one-page-6