blog / tutoriels

Nous proposons à la communauté des tutoriels au gré de nos humeurs, de l'actualité et des besoins.
( n'hésitez pas, par ailleurs à nous en demander)

Sous-catégories

Le blog d'une agence web lorraine

Quelques articles sur l'actualité de Web54 et de ce qu'il se passe au niveau internet en Lorraine

tutoriels frameworks / templates

Tutoriels sur Gantry, Vertex, Helix ... etc ...

(documentation personnelle ou traduction de la documentation originale)

logiciels libres

La création de site internet, necessite des logiciels.
En lorraine, certains créateurs de sites utilisent des logiciels libres et en font la promotion.

Serge Billon en fait partie, et vous fait partager ici, en tant que webmaster reconnu sur Nancy et sa région, sa passion pour les logiciels libres.

tutoriel reférencement

Référencer un site n'est souvent pas une partie de plaisir, ni une formalité.

C'est pourquoi nous proposons des prestations en référencement, sur forfait ou sur devis personnalisé.

Toutefois, nous tenons à proposer une méthodologie aux clients qui voudraient tenter l'aventure et procéder eux-même à leur référencement.

Suivez les étapes pas à pas, et faites progresser votre site dans les méandres des moteurs de recherche.

Faites-moi glisser ce contenu !

Tous les modèles basés sur YJSG sont fournis avec 3 panneaux coulissants que vous pouvez utiliser pour publier votre contenu. Les panneaux coulissants sont complètement responsives et sont visibles sur tous les appareils. Leurs emplacements sont:

En-tête supérieur de la page - contient une grille de 5 modules avec comme noms de positions de modules tpan1 - tpan5
Bas de page en -dessous du footer - ccontient une grille de 5 modules avec comme noms de positions de modules bpan1 - bpan5
Page côté gauche-contient 1 position de module avec comme nom sidepanel

Panneau supérieur

slidingpanels2

Panneau inférieur

slidingpanels3

Panneau latéral

slidingpanels4

Paramètres des panneaux

Les panneaux peuvent être activés en même temps ou individuellement. Pour activer le panneau coulissant, il suffit de publier votre module dans l'une des positions de module mentionnées ci-dessus. Les paramètres des panneaux, y compris les réglages de largeur pour les modules dans le panneau supérieur et inférieur, peuvent être trouvés dans le gestionnaire de template
dans l'onglet Mise en page.

panneaux top

panneaux lateral

panneaux inferieur

Style des panneaux

Les panneaux sont très faciles à style et ils ne contiennent pas d'images. Le style des panneaux par défaut se trouve dans : site_racine/templates/yjsg_based_template/css/yjsg_layout.css .
La couleur de fond par défaut des panneaux est blanche mais elle peut être modifiée avec quelques règles CSS simples.

/* top panel container */#yjsg_toppanel_slide {background:#0ebcd1;color:#fff;border-bottom:1px solid #098594;}/* top panel open/close button */#yjsg_toppanel_open {background:#0ebcd1;color:#000;border:1px solid #098594;}/* side panel container */#yjsg_sidepanel_slide{}/* side panel open/close button */#yjsg_sidepanel_open{}/* bottom panel container */#yjsg_botpanel_slide{}/* bottom panel open/close button */#yjsg_botpanel_open{}

Le code ci-dessus se traduirait par le style du panneau supérieur suivant

slidingpanels5

Pour affiner le balisage et rendre les coins arrondis plus rapides et plus faciles à comprendre, nous avons utilisé de simples classes CSS .addround
avec par défaut 5px border radius.

exemple:

.addround 
 {
 -webkit-border-radius:5px;
 -khtml-border-radius:5px;
 -moz-border-radius:5px;
 border-radius:5px;
 border:1px solid...

Lire → Coins arrondis simples

Il existe plusieurs façons d'inclure votre code Javascript personnalisé dans Joomla. Dans ce tutoriel, nous allons vous expliquer comment les utiliser et quel est le meilleur en fonction du code que vous souhaitez inclure.

Par le gestionnaire de Template

L'administration...

Lire → Ajouter du Javascript personnalisé dans YJSG

Dans YJSG, vous pouvez ajouter 7 grilles supplémentaires. Chaque grille peut contenir jusqu'à 5 modules. Veuillez noter qu'ils doivent tous être nommés comme vous le voyez dans l'exemple ci-dessous. La seule variable modifiable est le nom de votre position de...

Lire → Ajouter une nouvelle grille de modules

Étape 1 - ajouter le nom de style à template-settings.xml

Ouvrez la fichier racine/templates/nom_template/template-settings.xml f et trouvez la variable nommée yjsg_get_styles

balisage:

<fieldname="yjsg_get_styles"type="yjsglist"default="blue|40b1e2"label="YJSG_COLOR_LABEL"description="YJSG_COLOR_DESC"yjsgstyles="blue==40b1e2">

<optionvalue="blue|40b1e2">Blue</option>

</field>

Attributs de champ

Les attributs du champ nommé yjsg_get_styles sont importants et contrôlent le stylewitcher ainsi que le logo,

Lire → Ajouter un nouveau style de template

Plus d'articles...

Page 28 sur 39

Tutoriels sur Joomla et la création de site