Blork et size.fac
Séparation haute

Envoi de message privé Fermer ce menu

Destinataire : *

Message : *

Envoyer ce message privé

Les champs marqués d'un * sont obligatoires.

Menu : profil et inscription Fermer ce menu

Si vous avez oublié votre mot de passe, merci de nous indiquer les renseignements suivants :

Votre pseudo : *

Adresse email de votre profil : *

Les champs marqués d'un * sont obligatoires.

Blork & size.fac > Le Temple du Blam! > Thèmes, mode d'emploi

Bas de page

Message laissé le 21/07/11 à 00:29

La saison des thèmes est ouverte !

Rappel : les thèmes permettent de personnaliser l'aspect graphique du forum en modifiant les couleurs, les images, etc...

Pour créer votre thème :

1- Téléchargez le pack de création de thème Blork
Ce pack peut être téléchargé en suivant ce lien : pack création de thème blork .

2- Contenu du pack
Une fois le zip récupéré, placez son contenu dans le dossier de votre choix.
Ce pack contient les éléments suivants :

- Des pages web qui vous permettront de visualiser en temps réel vos modifications apportées.
- Une feuille de style à modifier pour créer votre thème.
- Les images du thème par défaut.

3- Modifier le style par défaut
Toute modification s'opère par la feuille de style dédiée à cet effet. Cela nécessite donc un peu d'apprentissage ou de connaissances de votre part.

Cette feuille de style se situe dans le répertoire blork du pack (fichier blork.css). Elle est commentée pour que vous sachiez à quoi corresponde les différents éléments, et je suis dispo au besoin pour aider.

Modifiez la et vous pourrez constater le résultat en ouvrant les pages web dans le répertoire racine du pack.

Les fichiers contenus dans le répertoire "fichiers" ne sont là que pour vous permettre de visualiser du vrai contenu issu du site. N'y touchez pas.

Les fichiers contenus dans le répertoire "images" sont les images du thème par défaut.

4- Comment changer les images
Pour que vous puissiez utiliser l'image de votre choix, j'utilise une astuce. Toutes les images du site font appel à une image vide, et l'image qui doit réellement être affichée est indiquée en tant qu'image de fond.

Concrètement cela signifie que vous verrez quelque chose comme cela :

Code :

/* Logo du site */ #logo_blork_sf { float: left; margin-left: 20px; width: 305px; height: 190px; background-image: url(images/logo2.png); background-repeat: no-repeat; }



Pour changer l'image :
- Remplacez le chemin et le nom du fichier par celui de votre image.
- Modifiez la valeur "width" avec la largeur de votre image.
- Modifiez la valeur "height" avec la hauteur de votre image.

5- Tester votre thème
Une fois vos modifications apportées, testez votre thème sur toutes les pages web fournies dans le pack afin de vous assurer qu'il apparaît correctement. N'hésitez pas à faire le test avec différents navigateurs, c'est même recommandé.

Les pages fournies dans le pack sont telles que le verrait un modérateur du site. Il est donc possible que vous y trouviez des icônes que vous n'avez pas l'habitude de voir, mais elles restent indispensables pour nous, ne les négligez pas Smiley : lag33.gif

6- Faire valider votre thème
Une fois votre thème testé, envoyez moi un message privé et je vous indiquerai la marche à suivre pour me l'envoyer.

Votre thème sera soumis à acceptation des modérateurs / administrateurs du site. En cas de refus nous vous expliquerons pourquoi il n'a pas pu être accepté afin que vous puissiez y apporter les modifications nécessaires.

Il devra également être validé par nos soins avant qu'il soit mis en ligne, ce qui peut prendre du temps car nous le testerons. Ne vous inquiétez pas trop pour cette étape; il sera testé sur les navigateurs récents et principaux uniquement. Pour les personnes qui utilisent des navigateurs relativement anciens, le thème par défaut sera leur solution de repli en attendant qu'ils puissent faire une mise à jour.

7- Maintenance de votre thème
Le forum est susceptible d'évoluer dans le futur. Si votre thème est considéré comme incompatible ou incomplet après une mise à jour, il sera désactivé le temps que vous puissiez y apporter les modifications nécessaires. Dans tous les cas vous restez responsable de votre thème, nous ne ferons pas les modifications à votre place.

Cela peut vous sembler dur mais cette ligne de conduite est nécessaire car je ne pourrai pas dégager le temps nécessaire à maintenir tout ça.

8- Comment obtenir de l'aide
Pour toute demande d'aide utilisez le sujet dédié :
Aide sur les thèmes

Je vous souhaite de belles créations Smiley : lag11.png



Message édité 8 fois. Dernière édition par zulios le 21/07/11 à 11:03.



- - - - - - - - - -
Image
GG le club des papas ! Pensez aux gosses Smiley : lag28.png

Message laissé le 14/08/11 à 20:33

Le pack de thèmes a été mis à jour pour s'adapter à la prochaine évolution du forum.

Le changelog est disponible dans le zip pour les personnes qui ont déjà établi un thème ou sont en train d'en créer un.

Il est recommandé à toute personne qui souhaite créer un thème de mettre à jour son pack vers la v2.

Afin de vous laisser le temps de modifier vos thèmes, nous gardons un délai minimum avant toute mise à jour. Ce délai est d'une semaine. La mise à jour aura donc lieu le week-end prochain ou plus tard.

/***************
PACK CREATION DE THEME BLORK
CHANGELOG
***************/

/* * * * * * *
V2
* * * * * * */

/* * * * * * *
Ajouts
* * * * * * */

/*****
Zone d'affichage du lien vers le flux RSS des articles d'un utilisateur
*****/
.paragraphe_lien_rss_user
{
float:right;
}

/*****
Image pour les flux RSS des articles
*****/
.img_rss_articles_user
{
width: 24px;
height: 24px;
background-image: url('images/rss.gif');
background-repeat: no-repeat;
}

/*****
Affichage des derniers articles (page d'accueil)
*****/
/*****
Cadre
*****/
#box_last_articles
{
float: left;
margin-bottom: 10px;
padding: 10px 5px;
width: 400px;
overflow: visible;
background-color: #9d090d;
border: 1px #FFFFFF solid;
-moz-border-radius: 10px;
-o-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
/*****
Titre (derniers articles publiés)
*****/
#texte_last_articles
{
display: inline-block;
margin-bottom: 5px;
font-weight: bold;
}
/*****
Liste
*****/
.li_last_articles
{
list-style: inside;
line-height: 140%;
}
/*****
Paragraphe du lien vers la liste des blogs
*****/
#paragraphe_lien_tous_blogs
{
float: right;
}

/*****
Liens pour les derniers articles publiés
*****/
a.lien_last_articles:link
{
color: #FFFFFF;
}
a.lien_last_articles:visited
{
color: #FFFFFF;
}
a.lien_last_articles:hover
{
color: #FFFFFF;
border-bottom: 1px dashed #FFFFFF;
}
a.lien_last_articles:active
{
color: #FFFFFF;
border-bottom: 1px solid #FFFFFF;
}

/* * * * * * *
Modifications
* * * * * * */

Aucune modification apportée sur la base existante dans cette version.

/* * * * * * *
Fichiers impactés
* * * * * * */

index.htm
index2.htm
Ajout de l'encart des derniers articles publiés
articles.htm
Ajout de l'icône du flux RSS dans le titre de chaque blog
articles-auteur.htm
Ajout de l'icône des flux RSS dans l'intro du blog et à la fin de chaque article



Message édité 2 fois. Dernière édition par zulios le 14/08/11 à 20:38.



- - - - - - - - - -
Image
GG le club des papas ! Pensez aux gosses Smiley : lag28.png

Haut de page

Répondre

// Blam ! Version 2.0 Ecrit avec nos petits pieds 44 fillette. //


Télécharger : facile, amusant, génial