communauté francophone de joueurs sims
 
AccueilAccueil  Le site  Chaine You Tube  S'enregistrerS'enregistrer  ConnexionConnexion  Dernières imagesDernières images  RechercherRechercher  
Le Deal du moment :
Aliexpress : codes promo valables sur tout le site
Voir le deal

Partagez
 

 [Fiche] Revue de Blog pour savoir où modifier le HTML et le CSS

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Admin
Fuyaya
Fuyaya
Admin
Féminin Date d'inscription : 29/09/2009
Age : 44
Localisation : Aubais

[Fiche] Revue de Blog pour savoir où modifier le HTML et le CSS Empty
MessageSujet: [Fiche] Revue de Blog pour savoir où modifier le HTML et le CSS   [Fiche] Revue de Blog pour savoir où modifier le HTML et le CSS EmptyLun 17 Sep 2012, 18:06

Bonjour,

Il est bien de vouloir personnaliser son blog en utilisant les petits tutos du forum mais il est mieux de savoir où se met quoi.

Je vais donc passer en revue quelques uns de vos supports préférés pour que vous ne soyez plus perdu

Au sommaire:
- Jimdo
- Eklablog
- Canalblog
- Blogger
- Tumblr

A suivre, pour vos suggestions, merci de bien vouloir indiquer vos supports ici :
http://www.sims-artists.com/t4679-appel-a-l-aide-quel-support-de-blog-ou-site-utilisez-vous

Car je sais que nombreux lisent même quand le tuto est en cours, ainsi il sera complet au plus vite


Dernière édition par Delise le Dim 04 Nov 2012, 22:53, édité 12 fois (Raison : Remplacement d'une lettre par une autre.)
Revenir en haut Aller en bas
http://fuyaya.tumblr.com/
Admin
Fuyaya
Fuyaya
Admin
Féminin Date d'inscription : 29/09/2009
Age : 44
Localisation : Aubais

[Fiche] Revue de Blog pour savoir où modifier le HTML et le CSS Empty
MessageSujet: Re: [Fiche] Revue de Blog pour savoir où modifier le HTML et le CSS   [Fiche] Revue de Blog pour savoir où modifier le HTML et le CSS EmptyLun 17 Sep 2012, 19:55

1. Jimdo :

A. Modifier le HTML :

La modification se fait au niveau du site, lorsque vous ajoutez un nouvel élément vous allez choisir Widget/HTML

[Fiche] Revue de Blog pour savoir où modifier le HTML et le CSS J1

Vous coller ensuite la partie relative au code HTML

[Fiche] Revue de Blog pour savoir où modifier le HTML et le CSS J2

B. Modifier le CSS :

Deux cas de figures, veillez à vérifier dans quel cas vous êtes avant de mettre votre code, les sites sont assez susceptibles avec ce genre de choses...

-> Vous utilisez un design jimdo ou un design special et vous avez effectué des modifications sans passer par le design personnel

Vous allez devoir feinter le blog en rajoutant des instructions relatives au CSS, pour ce faire on va rajouter des instructions de style dans le head.
Vous devez donc aller dans Paramètres > Modifier le head

[Fiche] Revue de Blog pour savoir où modifier le HTML et le CSS J4

Vous allez ensuite coller votre code CSS à l'intérieur de balises qui sont
Code:
<style>votre code css</style>

[Fiche] Revue de Blog pour savoir où modifier le HTML et le CSS J5

Une fois enregistré, le logiciel vous indiquera qu'il a fait des corrections, c'est pour uniformiser le langage donc pas de soucis, qu'il uniformise si ça lui fait plaisir.

-> Vous avez modifié entièrement le code CSS de votre site en passant par design personnel

Auquel cas, vous savez déjà modifier le css, mais au cas où voici donc le lieu où tout se passe :
Design > Design personnel > CSS

[Fiche] Revue de Blog pour savoir où modifier le HTML et le CSS J3


Dernière édition par Fuyaya le Mar 18 Sep 2012, 10:46, édité 1 fois
Revenir en haut Aller en bas
http://fuyaya.tumblr.com/
Admin
Fuyaya
Fuyaya
Admin
Féminin Date d'inscription : 29/09/2009
Age : 44
Localisation : Aubais

[Fiche] Revue de Blog pour savoir où modifier le HTML et le CSS Empty
MessageSujet: Re: [Fiche] Revue de Blog pour savoir où modifier le HTML et le CSS   [Fiche] Revue de Blog pour savoir où modifier le HTML et le CSS EmptyMar 18 Sep 2012, 10:15

2. Eklablog:

A. Modifier le HTML :

Pour insérer notre bouton nous allons donc Ecrire un nouvel article

[Fiche] Revue de Blog pour savoir où modifier le HTML et le CSS E1

Une fois que vous avez rédigé votre texte et que vous souhaitez insérer votre bouton, nous allons cliquer sur le bouton Editer le code source HTML

[Fiche] Revue de Blog pour savoir où modifier le HTML et le CSS E2

On y insére le code HTML et on clique sur Mettre à jour

[Fiche] Revue de Blog pour savoir où modifier le HTML et le CSS E3

B. Modifier le CSS :

En haut de l'écran vous avez un menu qui vous permet de modifier votre blog, on va aller dans Apparence > Modifier le thème

[Fiche] Revue de Blog pour savoir où modifier le HTML et le CSS E4

Au niveau des onglets latéraux on va dans Ajouter du CSS, il ne vous reste plus qu'à coller votre code et cliquer sur Appliquer et sauvegarder

[Fiche] Revue de Blog pour savoir où modifier le HTML et le CSS E5


Dernière édition par Fuyaya le Mar 18 Sep 2012, 11:02, édité 2 fois
Revenir en haut Aller en bas
http://fuyaya.tumblr.com/
Admin
Fuyaya
Fuyaya
Admin
Féminin Date d'inscription : 29/09/2009
Age : 44
Localisation : Aubais

[Fiche] Revue de Blog pour savoir où modifier le HTML et le CSS Empty
MessageSujet: Re: [Fiche] Revue de Blog pour savoir où modifier le HTML et le CSS   [Fiche] Revue de Blog pour savoir où modifier le HTML et le CSS EmptyMar 18 Sep 2012, 10:16

3. Canalblog :

Alors après mon test j'ai une impression négative de Canalblog quand a son système de fonctionnement. Je m'explique...
Soit vous ne savez pas utiliser le HTML/CSS et alors toutes les options vous permettent une bonne personnalisation. Soit vous savez parfaitement intégrer un site et le mode avancé vous permet de modifier la structure et le style.
Par contre entre les deux, vous qui voulez customiser un peu le site et bien il n'y a rien pour vous. Donc mon conseil, si vous ne comptez pas modifier totalement le code en HTML et CSS alors abstenez vous car il n'y a pas de demi mesure !!!

A. Modifier le HTML :

Pour mettre le code, il nous faut créer un nouveau message

[Fiche] Revue de Blog pour savoir où modifier le HTML et le CSS C1

Une fois que vous avez rédigé votre texte et que vous souhaitez insérer votre bouton, nous allons cliquer sur le bouton Editer le code source HTML

[Fiche] Revue de Blog pour savoir où modifier le HTML et le CSS C2

On y met le code HTML et on clique sur Mettre à jour

[Fiche] Revue de Blog pour savoir où modifier le HTML et le CSS C3

B. Modifier le CSS :

POur espérer modifier le code CSS, on va aller dans Apparence > Liste des modèles > Paramètres

[Fiche] Revue de Blog pour savoir où modifier le HTML et le CSS C4

Afin de saisir du code CSS on va être obligé de convertir le fonctionnement des modifications du style du blog. Pour cela on doit le passer en avancé.
Ce qui signifie qu'à l'avenir si vous voulez changer une couleur ou une taille ou quoi que ce soit, vous devrez éditer le code CSS. Vous n'aurez plus des menu déroulant ou autre pour vous aider.
Cerise sur le gâteau, aucune possibilité de revenir en arrière

Vous voilà averti, voici donc comment procéder : cocher la case et validez

[Fiche] Revue de Blog pour savoir où modifier le HTML et le CSS C5

A présent nous allons Editer les fichier de modèle

[Fiche] Revue de Blog pour savoir où modifier le HTML et le CSS C6

Dans le menu déroulant vous devez sélectionner la feuille de style générale

[Fiche] Revue de Blog pour savoir où modifier le HTML et le CSS C7

Allez tout en bas du code, pour être sûr que vos instructions fassent force de loi, coller votre code et validez

[Fiche] Revue de Blog pour savoir où modifier le HTML et le CSS C8


Dernière édition par Fuyaya le Jeu 27 Sep 2012, 18:08, édité 2 fois
Revenir en haut Aller en bas
http://fuyaya.tumblr.com/
Admin
Fuyaya
Fuyaya
Admin
Féminin Date d'inscription : 29/09/2009
Age : 44
Localisation : Aubais

[Fiche] Revue de Blog pour savoir où modifier le HTML et le CSS Empty
MessageSujet: Re: [Fiche] Revue de Blog pour savoir où modifier le HTML et le CSS   [Fiche] Revue de Blog pour savoir où modifier le HTML et le CSS EmptyMar 18 Sep 2012, 10:16

4. Blogger:

A. Modifier le HTML :

Pour ajouter notre code, nous allons créer un nouveau message

[Fiche] Revue de Blog pour savoir où modifier le HTML et le CSS B1

Là c'est merveilleux nous avons un bouton en toute lettre qui nous appelle nommé HTML, on clique dessus et on ajoute notre code. Il ne reste plus qu'à faire publier.

[Fiche] Revue de Blog pour savoir où modifier le HTML et le CSS B2

B. Modifier le CSS :

On va à présent aller dans Modèle et contre toute attente faire Personnaliser

Petite aparté pour dire que Blogger là m'a séduite, car on peut soit ajouter du code CSS en tant que débutant et aller dans Personnaliser soit si on a envie de tout modifier et customiser son code on peut aller dans éditer le code HTML. La nuance qui me manquait justement dans l'expérimentation de Canalblog.
Ils ont pensé au débutant, ceux qui veulent mettre un peu les doigts dedans et ceux qui veulent tout changer.

[Fiche] Revue de Blog pour savoir où modifier le HTML et le CSS B3

On va donc dans le menu Avancé

[Fiche] Revue de Blog pour savoir où modifier le HTML et le CSS B4

On va scroller pour dans la seconde partie du menu trouver Ajouter le fichier CSS
Ajouter donc le fameux code CSS et en haut à gauche de votre fenêtre cliquez sur Appliquer au blog

[Fiche] Revue de Blog pour savoir où modifier le HTML et le CSS B5


Dernière édition par Fuyaya le Jeu 27 Sep 2012, 18:48, édité 2 fois
Revenir en haut Aller en bas
http://fuyaya.tumblr.com/
Admin
Fuyaya
Fuyaya
Admin
Féminin Date d'inscription : 29/09/2009
Age : 44
Localisation : Aubais

[Fiche] Revue de Blog pour savoir où modifier le HTML et le CSS Empty
MessageSujet: Re: [Fiche] Revue de Blog pour savoir où modifier le HTML et le CSS   [Fiche] Revue de Blog pour savoir où modifier le HTML et le CSS EmptyMar 18 Sep 2012, 10:17

5. Tumblr :

Sur cette plateforme nous allons faire les choses à deux endroits. Le code HTML se modifie depuis le tableau de bord et pour ajouter du CSS il va falloir aller dans la personnalisation du blog.

A. Modifier le HTML :

Pour insérer notre bouton nous allons donc créer un nouvel article, on clique donc sur Texte

[Fiche] Revue de Blog pour savoir où modifier le HTML et le CSS T1

Au niveau de l'éditeur de texte, une fois que vous avez rédigé votre texte et que vous souhaitez insérer votre bouton, nous allons cliquer sur le bouton qui nous permet d'éditer le code en mode HTML

[Fiche] Revue de Blog pour savoir où modifier le HTML et le CSS T2

On y insére le code HTML et on enregistre

[Fiche] Revue de Blog pour savoir où modifier le HTML et le CSS T3

B. Modifier le CSS :

Au niveau du panneau de configuration sur le côté vous avez votre pseudo et la liste de vos blogs. POur accéder à la modification de celui-ci on va cliquer sur le lien du blog qui nous intéresse

[Fiche] Revue de Blog pour savoir où modifier le HTML et le CSS T4

Vous êtes donc en mode visualisation de votre blog. En haut à droite de votre écran vous avez deux boutons, on clique sur Paramètres

[Fiche] Revue de Blog pour savoir où modifier le HTML et le CSS T5

Je vous ai mis l'image en entier. Donc sur la partie latérale, vous allez devoir scroller jusqu'à la fin. Vous êtes dans la section avancé et tout en bas, vous avez un petit cadre dans lequel vous pouvez ajouter votre code CSS
Pensez à cliquer une fois votre code mis sur le bouton vert Enregistrer qui se trouve tout en haut

[Fiche] Revue de Blog pour savoir où modifier le HTML et le CSS T6

MODE D'EMPLOI

N'hésitez pas à remercier l'auteur de ce tutoriel ou à faire partager votre expérience personnelle. Si vous avez créé quelque chose en suivant le tuto pourquoi pas la poster afin de la montrer à l'auteur

-----------------------------------------

Pour d'éventuelles questions, c'est par ici et si vous souhaitez en apprendre plus sur le sujet, rendez-vous dans la salle travaux pratiques

Bonne journée



Dernière édition par Fuyaya le Sam 11 Jan 2014, 22:43, édité 1 fois
Revenir en haut Aller en bas
http://fuyaya.tumblr.com/
Admin
Fuyaya
Fuyaya
Admin
Féminin Date d'inscription : 29/09/2009
Age : 44
Localisation : Aubais

[Fiche] Revue de Blog pour savoir où modifier le HTML et le CSS Empty
MessageSujet: Re: [Fiche] Revue de Blog pour savoir où modifier le HTML et le CSS   [Fiche] Revue de Blog pour savoir où modifier le HTML et le CSS EmptyJeu 27 Sep 2012, 18:50

Je garde ce post pour le cas où un nouveau support populaire verrait le jour
Revenir en haut Aller en bas
http://fuyaya.tumblr.com/
Admin
Fuyaya
Fuyaya
Admin
Féminin Date d'inscription : 29/09/2009
Age : 44
Localisation : Aubais

[Fiche] Revue de Blog pour savoir où modifier le HTML et le CSS Empty
MessageSujet: Re: [Fiche] Revue de Blog pour savoir où modifier le HTML et le CSS   [Fiche] Revue de Blog pour savoir où modifier le HTML et le CSS EmptySam 29 Sep 2012, 11:49

Voilà fin de la fiche, vous devriez ainsi savoir mettre quoi et ce qu'engage des manipulations qui permette de modifier le CSS sur certains suppports

N'hésitez pas à remercier l'auteur de ce tutoriel ou à faire partager votre expérience personnelle.
Pour d'éventuelles questions, c'est par ici et si vous avez besoin d'une aide plus longue, allez en salle Aides personnalisées. Enfin, si vous souhaitez en apprendre plus sur le sujet, demandez un Atelier.
Revenir en haut Aller en bas
http://fuyaya.tumblr.com/
Maître du Jeu
Goby03
Goby03
Maître du Jeu
Masculin Date d'inscription : 21/08/2012
Age : 26
Localisation : quelque part en auvergne

[Fiche] Revue de Blog pour savoir où modifier le HTML et le CSS Empty
MessageSujet: Re: [Fiche] Revue de Blog pour savoir où modifier le HTML et le CSS   [Fiche] Revue de Blog pour savoir où modifier le HTML et le CSS EmptySam 29 Sep 2012, 12:40

Merci beaucoup Fuyaya. (cette fois ci, c'est bon XD)
Revenir en haut Aller en bas
http://plaisirdessims.blogspot.fr/
Ange gardien
Bettyboopjade
Bettyboopjade
Ange gardien
Féminin Date d'inscription : 25/03/2011
Age : 41
Localisation : Mons (Belgique)

[Fiche] Revue de Blog pour savoir où modifier le HTML et le CSS Empty
MessageSujet: Re: [Fiche] Revue de Blog pour savoir où modifier le HTML et le CSS   [Fiche] Revue de Blog pour savoir où modifier le HTML et le CSS EmptySam 29 Sep 2012, 19:45

Merci Fu ! [Fiche] Revue de Blog pour savoir où modifier le HTML et le CSS 822878
Revenir en haut Aller en bas
http://bettyboopjade.canalblog.com/
As de l'acrylique
Sucréomiel
Sucréomiel
As de l'acrylique
Féminin Date d'inscription : 03/01/2010
Age : 29
Localisation : Imaginarium

[Fiche] Revue de Blog pour savoir où modifier le HTML et le CSS Empty
MessageSujet: Re: [Fiche] Revue de Blog pour savoir où modifier le HTML et le CSS   [Fiche] Revue de Blog pour savoir où modifier le HTML et le CSS EmptySam 29 Sep 2012, 20:09

Merci Fu pour cette fiche ! Smile
Revenir en haut Aller en bas
Ange gardien
pomme-kiwi
pomme-kiwi
Ange gardien
Féminin Date d'inscription : 27/09/2009
Age : 37

[Fiche] Revue de Blog pour savoir où modifier le HTML et le CSS Empty
MessageSujet: Re: [Fiche] Revue de Blog pour savoir où modifier le HTML et le CSS   [Fiche] Revue de Blog pour savoir où modifier le HTML et le CSS EmptyDim 30 Sep 2012, 10:46

Merci Fu!
Revenir en haut Aller en bas
http://www.dressingresponsable.com
Admin
Delise
Delise
Admin
Féminin Date d'inscription : 05/04/2012
Age : 45
Localisation : Lyon

[Fiche] Revue de Blog pour savoir où modifier le HTML et le CSS Empty
MessageSujet: Re: [Fiche] Revue de Blog pour savoir où modifier le HTML et le CSS   [Fiche] Revue de Blog pour savoir où modifier le HTML et le CSS EmptyVen 19 Oct 2012, 17:17

Merci Fu Very Happy
Revenir en haut Aller en bas
Poseur d'avant-garde
hibbis
hibbis
Poseur d'avant-garde
Féminin Date d'inscription : 12/05/2011
Localisation : Bruxelles

[Fiche] Revue de Blog pour savoir où modifier le HTML et le CSS Empty
MessageSujet: Re: [Fiche] Revue de Blog pour savoir où modifier le HTML et le CSS   [Fiche] Revue de Blog pour savoir où modifier le HTML et le CSS EmptySam 20 Oct 2012, 22:18

Merci pour ce tuto super utile !
Revenir en haut Aller en bas
http://by-hibbis.eklablog.com/
Grand artiste du pinceau
Maripiou
Maripiou
Grand artiste du pinceau
Féminin Date d'inscription : 29/01/2011
Age : 36
Localisation : Au Sud

[Fiche] Revue de Blog pour savoir où modifier le HTML et le CSS Empty
MessageSujet: Re: [Fiche] Revue de Blog pour savoir où modifier le HTML et le CSS   [Fiche] Revue de Blog pour savoir où modifier le HTML et le CSS EmptyDim 21 Oct 2012, 14:42

Merci pour le tuto. Smile
Revenir en haut Aller en bas
http://maripiou.jimdo.com/
Grand artiste du pinceau
Lehanna
Lehanna
Grand artiste du pinceau
Féminin Date d'inscription : 07/10/2011
Age : 26
Localisation : Nord (59)

[Fiche] Revue de Blog pour savoir où modifier le HTML et le CSS Empty
MessageSujet: Re: [Fiche] Revue de Blog pour savoir où modifier le HTML et le CSS   [Fiche] Revue de Blog pour savoir où modifier le HTML et le CSS EmptyMer 24 Oct 2012, 20:15

merci beaucoup Fu' !
Revenir en haut Aller en bas
http://lesharpburn.canalblog.com
Illustre illustrateur
amylet
amylet
Illustre illustrateur
Féminin Date d'inscription : 07/02/2012
Age : 28

[Fiche] Revue de Blog pour savoir où modifier le HTML et le CSS Empty
MessageSujet: Re: [Fiche] Revue de Blog pour savoir où modifier le HTML et le CSS   [Fiche] Revue de Blog pour savoir où modifier le HTML et le CSS EmptyVen 09 Nov 2012, 11:34

Merci pour cette fiche Smile
Revenir en haut Aller en bas
http://amylet.tumblr.com/
Contenu sponsorisé


[Fiche] Revue de Blog pour savoir où modifier le HTML et le CSS Empty
MessageSujet: Re: [Fiche] Revue de Blog pour savoir où modifier le HTML et le CSS   [Fiche] Revue de Blog pour savoir où modifier le HTML et le CSS Empty

Revenir en haut Aller en bas
 
[Fiche] Revue de Blog pour savoir où modifier le HTML et le CSS
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» [Fiche] Petits trucs à savoir pour utiliser au mieux le code "constrainfloorelevation false"
» [Fiche] HTML et CSS qu'est-ce que c'est ?
» [Fiche] Les principales balises du HTML
» [Fiche] Résoudre le bug du "modifier en jeu" de la maj 1.69
» [Fiche] Blogger : le blog en toute simplicité

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Sims Artists :: Apprentissage :: Informatique et Internet :: HTML / CSS-
Sauter vers: