Les fiches sur lapino

Forums » Entraide


Seth
chat Les fiches sur lapino
par Seth en juin 2017

Seth
59ème
4 136 points
En juin 2017
Seth niveau/12 experience 920 facteur
Bonjour lapinautes,

Vous avez vu le titre de ce topic et vous vous êtes dits, mais c'est inutile ! Il en existe d'autres des topics comme celui-ci et puis pour faire une fiche il existe des sites avec des codes tous fait comme par exemple :

http://fichelapino.eklablog.fr/les-codes-html-c238[...]

Mais mon but n'est pas de vous donnez des codes tous fait ou alors vous faire vos fiches en fait je créer ce topic car j'ai appris seul à faire des fiches et autres choses et donc je me disais que plutôt que de vous faire des fiches certains voudraient comprendre comment cela fonctionne pour être capable de modifier leur fiche sans difficultés à leurs goûts ! ^^

Donc je vous propose ce topic d'apprentissage de création de fiches qui me permettra à moi de voir si je me souviens de tous et vous d'apprendre les bases du codage pour faire une jolie fiche. smiley/cligne.png
Seth
59ème
4 136 points
En juin 2017
Seth niveau/12 experience 920 facteur
Pour vous montrer un exemple, hipposun je souhaite avoir un cadre avec un fond vert un peu transparent et une bordure :

<p style="background-color: green; opacity: 0.8; border: 2px black solid"> Texte </p>

Et je vous décompose la "balise"

background-color: green; Ce morceau indique la couleur du fond, changes green pour changer la couleur.

opacity: 0.8; C'est l'opacité du fond, là la valeur 0.8 indique qu'il est un peu transparent, la valeur est de 1 quand il n'est pas transparent.

... Et ainsi de suite. smiley/dents.png
Amandine6620
1 617ème
835 points
En juin 2017
Merci, Hipposun, c'est une super idée, je pense que ça me servira ça fait longtemps que je cherche a comprendre les fiches, mais j'y arrive pas voilà ^^ Donc, merci pour le petit tutoriel je vais faire ce que t'as fait mais je vais modifier des couleurs ^^
Seth
59ème
4 136 points
En juin 2017
Seth niveau/12 experience 920 facteur
De rien smiley/cligne.png
Sea
51ème
4 289 points
En juin 2017
Sea niveau/12 experience 800 facteur
En gros, tu nous montres comment modifier un code html à notre façon ? smiley/cligne.png
Ce serait super !
non classé
En juin 2017
un inconnu niveau/ experience
j ai un petit problème le curseur est coincer en dehors de ma fiche
Seth
59ème
4 136 points
En juin 2017
Seth niveau/12 experience 920 facteur
design/quote.png
un inconnu j ai un petit problème le curseur est coincer en dehors de ma fiche

Je ne vois aucun problème avec ta fiche à vrai dire tu n'en as pas faite.
Amandine6620
1 617ème
835 points
En juin 2017
Par contre tu pourrais nous montrer comment on fait mais avec un fond. Une image par exemple et un cadre en amande transparents ? Tu pourrais nous montrer ou pas ?
Seth
59ème
4 136 points
En juin 2017
Seth niveau/12 experience 920 facteur
Pour mettre une image en fond il faut utiliser la commande background-image: url()
Pour ce qui est d'un cadre en amande il faut que je vois si c'est possible.
mais à priori non je sais arrondir les bords mais le reste..
Amandine6620
1 617ème
835 points
En juin 2017
Ok, pas très grave ce qui m'interrese le plus était le fond merci, je le ferais demain merci beaucoup smiley/dents.png
laura 254595
2 394ème
724 points
En juin 2017
comment on fait pour mettre un curseur sur la fiche smiley/dents.pngsmiley/cligne.pngsmiley/dents.pngsmiley/langue.pngsmiley/langue.png
sweet.peachie
2 309ème
735 points
En juillet 2017
design/quote.png
Seth Pour mettre une image en fond il faut utiliser la commande background-image: url()
Pour ce qui est d'un cadre en amande il faut que je vois si c'est possible.
mais à priori non je sais arrondir les bords mais le reste..

si un cadre en amande, c'est possible, je crois qu'elle parle de celui de créa' fiche. :3
sweet.peachie
2 309ème
735 points
En juillet 2017
Si vous voulez un fond qui défile (jsp comment expliquer ça), rajoutez dans le code d'un fond de fiche background-attachment: fixed;
Isis.
9 201ème
389 points
En juillet 2017
Isis. niveau/6 experience 285 facteur
J'ai le code colorafond si vous voulez !
Jagip's
390ème
1 613 points
En juillet 2017
Jagip's niveau/10 experience 720 facteur
Fma ficheeb
Julinelle
4 894ème
546 points
En juillet 2017
Julinelle niveau/6 experience 240 facteur
Salut !
J'ai le code du colorafond, mais dès que j'ai une image pour mon fond qui me plait, elle se répète. Est ce qu'il y a un code pour que l'image soit à la bonne dimension ?
Seth
59ème
4 136 points
En juillet 2017
Seth niveau/12 experience 920 facteur
Hey
Oui il suffit de rajouter background-size: 100% cette commande signifie que l'image prendra tous le fond, passe le code que je te mettes le code à la bonne place. ^^
melilia
582ème
1 328 points
Le 4 janvier
melilia niveau/9 experience 520 facteur
Coucou je remonte ce topic, qui, je pense peut servir à plus d'un smiley/dents.png
N'hésitez pas à me demander des conseils ou quelque chose de particulier que vous voudriez faire je pourrais peut-être vous aider (sur ce topic ou par message). Bonne soirée !
dada'
1 296ème
911 points
Le 12 février
dada' niveau/7 experience 320 facteur
Salut, j'arrive pas à mettre une image de fond, vous pouriez m'aider svp ? Merci smiley/dents.png
Aujourd'hui, à 08:20
Publicité 1
scroll-top