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.

tutoriels RS

Tutoriels en français des composants RS

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 #999;
margin:5px;
}

Pour activer les coins arrondis pour votre module allez dans le gestionnaire de template, onglet Mise en page et survolez la position du module, cliquez sur l'icône en haut à gauche, sélectionnez Arrondi (Round) et appuyez sur Sauver.

coins arrondis 1

coins arrondis 2

Avec une petite modification CSS, vous pouvez transformer vos angles arrondis par défaut ainsi:

exemple:

.addround
{
background: #40b1e2;
border:none;
box-shadow:inset 0px -100px 100px #329dcc;
color:#fff;
}
.addround .module_title,.addround a
{
color:#fff;
}
.addround a:hover,.addround a:focus
{
color:#121212;
}

coins arrondis 3

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

Etape 1 - préparer le terrain

Vous devez d'abord décider où ajouter votre nouvelle position de module. Ouvrez index.php de votre template et essayez de trouver un endroit approprié pour votre nouveau module. Par exemple, sous le menu principal.

Étape 2...

Lire → Ajouter une nouvelle position de module YJSG

Plus d'articles...

Page 28 sur 39

Tutoriels sur Joomla et la création de site