• Exemple de thème à l'usage des débutants

     

     

    Attention, cet article date un peu. Si vous avez des difficultés, reportez-vous aux nouveaux tutoriels en vidéo plus récents.

    Exemple de thème à l'usage des débutants

    Pour aider les nouveaux venus ou ceux qui se sentent un peu perdus pour créer leur page Eklablog, je propose de leur montrer les modifications de mon thème micromick sur fond noir. Pour ce blog-ci "microbidouille", les paramètres sont un peu différents.

    Bien sûr, ça n'est qu'un exemple, tout est paramétrable (Dimensions, couleurs, marges, images etc...)

    Pour commencer:

    Exemple de thème à l'usage des débutants

    J'ai agrandi la largeur de la page à 1400px

    Ça permet de mettre des photos plus grandes.

     

    Exemple de thème à l'usage des débutants

    Je n'ai mis qu'une seule colonne à gauche

     

    Exemple de thème à l'usage des débutants

    J'ai changé la valeur des marges

     

    Exemple de thème à l'usage des débutants

    J'ai choisi un fond noir. Mais chacun ses goûts. Vous pouvez aussi mettre bien une image. en cochant "image" et en choisissant dans votre collection.

     

    Exemple de thème à l'usage des débutants

    Le texte est centré

     

    Exemple de thème à l'usage des débutants

    Pour connaitre les dimensions de l'image à créer et envoyer, cliquez sur :"Obtenir les dimensions de l'élément"

    Mon image d'en-tête (header) fait 331px par 1390px

     

    Exemple de thème à l'usage des débutants

    Pour mettre le titre, aller dans le menu "Configuration"

     

    Exemple de thème à l'usage des débutants

    Vous pouvez choisir la police et ajuster le titre en le déplaçant à la souris

     

    Exemple de thème à l'usage des débutants

    Pareil pour le slogan

     

    Exemple de thème à l'usage des débutants

    Vous pouvez modifier les menus qui se trouvent déjà dans le Header ("Mon profil" "Administration" et Deconnection" Je les ai remplacés par deux menus mais on peut en rajouter d'autres plus tard. Chaque menu contient un lien vers une autre page du blog. Là, mon lien "Arachnide" vous propulse dans un article "Tableau" qui contient lui-même des vignettes qui contiennent des liens vers d'autres articles etc...

     

    Exemple de thème à l'usage des débutants

    Positionnez vos menus dans l'image d'entête.

     

    Exemple de thème à l'usage des débutants

    Choisissez la police de vos liens et leur couleur quand on les survole avec la souris

     

    Exemple de thème à l'usage des débutants

     

     

    Exemple de thème à l'usage des débutants

    Pour l'unique menu de gauche, j'ai choisi 300px mais on peut le redimensionner à la souris.

     

    Exemple de thème à l'usage des débutants

    Exemple de thème à l'usage des débutants

    Personnalisation des titres des modules dans la colonne de gauche.

     

    Exemple de thème à l'usage des débutants

    Marges intérieures

     

    Exemple de thème à l'usage des débutants

     

    Exemple de thème à l'usage des débutants

    Exemple de thème à l'usage des débutants

    Choisissez la couleur des caractères et la couleur du fond de vos modules de gauche.

     

     

    Exemple de thème à l'usage des débutants

     

    Exemple de thème à l'usage des débutants

     

     

    Exemple de thème à l'usage des débutants

     

     

    Exemple de thème à l'usage des débutants

    Exemple de thème à l'usage des débutants

    Exemple de thème à l'usage des débutants

    Exemple de thème à l'usage des débutants

    Largeur et couleur de la fenêtre des commentaires reçus. Ici j'ai choisi de mettre une simple bordure en bas de cette fenêtre.

     

    Exemple de thème à l'usage des débutants

    On peut mettre une image en pied de page. Elle doit correspondre à la largeur de votre page (Ici 300x1200px)

     

    Exemple de thème à l'usage des débutants

    Exemple de thème à l'usage des débutants

    Exemple de thème à l'usage des débutants

    Exemple de thème à l'usage des débutants

    Exemple de thème à l'usage des débutants

    Exemple de thème à l'usage des débutants

    Exemple de thème à l'usage des débutants

    Exemple de thème à l'usage des débutants

    Exemple de thème à l'usage des débutants

    Ensuite, vous pouvez ajouter du code CSS pour personnaliser encore plus votre présentation.

     Pour ça, je vous conseille l'excellent blog:

    ban

    Je reste à votre disposition pour vos questions.

    Pour le menu déroulant de vos amis, voir l'article précédent.

     

    Ceci n'est qu'un exemple et vous pouvez tout modifier à votre goût. 

    Consultez le manuel d'utilisation et le forum

    Vous pouvez aussi trouver de nombreux tutoriels Eklablog disponibles sur le net.

    « Menu déroulant de vos amis dans un modulePluie d'étoiles sous le curseur »

    Tags Tags : , ,
  • Commentaires

    1
    Dimanche 5 Janvier 2014 à 17:13

    Merci ! Je suis là via Any... J'ai fait quelques articles sur Ekla, mais je patauge encore un peu. Ce qui m'ennuie vraiment est que je ne suis pas parvenue à bloquer le clic droit. Sais-tu comment je peux m'y prendre ? 

    Merci et à très bientôt

    2
    mimipalitaf
    Dimanche 5 Janvier 2014 à 18:01

    quel travail, 


    en tout cas bonne idée d'abord d'agrandir au maximum la 


    largeur pour les photos,


    j'espère que j'aurai un jour ta patience,


    grand merci pour l'article qui nous aidera moi et les nouveaux,


    bonne soirée à toi !

    3
    Dimanche 5 Janvier 2014 à 21:34

    waouww, c'est du beau boulot ça...tout grand merci...c'est super gentil!Bonne soirée et une superbe année 2014 à toi et tes proches!

    4
    Lundi 6 Janvier 2014 à 07:24

    comment faire pour mettre la liste des amis ?

    • Nom / Pseudo :

      E-mail (facultatif) :

      Site Web (facultatif) :

      Commentaire :


    5
    Lundi 6 Janvier 2014 à 08:37

    Que dire de plus !! c' est très bien expliqué ...

    J' ai eu la chance de monter le mien avec l' aide de ma fille Gribouille41 , rien ne lui résiste !!

    Tous nous retrouver ici ! c' est formidable Michel

    Merci à toi pour cette aide précieuse envers nos amis.

    Amitié.

    Nadège. 

    6
    Lundi 6 Janvier 2014 à 17:25

    Un sacré tuto, chapeau bas !
    Bonne soirée

    7
    Mardi 7 Janvier 2014 à 16:39

    Merci Michel je peaufinerai mon blog petit à petit, je trouve cette plateforme conviviale surtout pour la rédaction des articles, bonne soirée bisous

    8
    Jeudi 9 Janvier 2014 à 09:57

    Bonjour et un grand merci pour nous les internautes  débuatants et  les autres. On n'en sait jamais  assez, je vais puiser dans tes infos. Bravo encore pour tout ce travail.

    marie

    9
    Vendredi 10 Janvier 2014 à 10:38

    Mon blog n'est pas encore comme je veux. Je manque de temps pour le configurer. Et j'ai créé des rubriques, seulement deux apparaissent dans le menu de gauche... Pfffff, ce n'est pas un long fleuve tranquille, mais ça fonctionne... 

    10
    Samedi 11 Janvier 2014 à 23:36

    Heureusement que j'ai croisé ta route pour refaire mon blog qui était tout fouilli. Un précieux

    cadeau. J'ai suivi toutes tes rubriques mais je n'ai pas encore terminé. Pour ce soir ce sera tout j'y retourne demain. Tes infos sont clairement expliquées avec les tableaux du site on s'y retrouve mieux qu'avec des mots. Bravo et merci d'avoir ça.

    Bonne nuit.

    Bises

    11
    Vendredi 9 Mai 2014 à 15:51

    je découvre ce blog  , super beau boulot !

    j'ai mis ton logo sur mon blog ...

    merci  bon week-end  a+

    amicalement

    12
    Mercredi 11 Juin 2014 à 16:03

    Merciii    cool

    13
    Dimanche 24 Août 2014 à 19:28
    Merci beaucoup pour ce travail considérable qui me sera bien utile .
    14
    Vendredi 19 Septembre 2014 à 20:44

    Bravo et merci pour cet excellent tutoriel

    bisous

    Am

    15
    Mardi 23 Février 2016 à 12:02

    Pour l'explication n°10 je ne comprend pas trops 

    un peus svp^^"

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :