Eclat Lunaire cherche gentil mentor en codage pour combler ses lacune

Bonzour, Invité.
J'ai besoin d'aide... Je me suis mis au codage, mais... J'ai des problèmes qui m'empêche de faire ce que je veux. Tu pourrais m'aider ?  :snif:

Voilà, merci d'avance...

(p-s : je ne fais pas de demande à quelqu'un en particulier, j'ai juste utiliser un code pour que celui qui lit vois son pseudo.
Ce code :

Code:

{USENAME}

)

Bah moi j'ai du temps °w° Mais si t'as pas lu mes tutos, je te conseille d'y jeter un oeil, d'essayer par toi-même de les suivre et ensuite, tu pourras me poser des questions pour des trucs plus pointus ?

Tout d'abord, merci.
Bon, je t'ai déjà un peu répondu sur la chatbox, mais j'ai déjà regardé tes tutos (qui sont supers au passages) et jusque là ça va. En fait, c'est qu'il y a des "défauts" et je sais pas comment corriger ça. par exemple, mon image de fond qui se répète, une image qui dépasse... ect.
Se serait pour m'apprendre à ne plus faire ces erreurs, et éventuellement, apprendre d’autre choses.
Voilà.

D'acc, du coup on va commencer euh ici si tu veux Tu pourrais me faire un cadre (une div simple) avec un fond + bordure, et euh des arrondis (au moins en haut) ? Ensuite on mettra une image en haut

Voilà, donc ce que ça donne, mais je sais pas pourquoi, le titre a disparu et le cadre aussi :/.
Voici le code :

Code:

[center]<div style =": overflow: auto;
height: 500px;
border :6px double #0000ff; background-color : #ff3333; width: 50%; border-radius: 20px;>

<center><size=28><div><i><u> Le titre </u></i></div></size>

[url=https://servimg.com/view/19598979/47][img]https://i58.servimg.com/u/f58/19/59/89/79/image10.jpg[/img][/url]

<size=19><div> Le texte.
TEXTE
TEXTE
TEXTE
TEXTE
TEXTE
TEXTE
TEXTE
TEXTE
TEXTE
TEXTE
TEXTE
TEXTE
TEXTE
TEXTE
TEXTE
TEXTE
TEXTE</div></size>
<div><size=12>Copyright by...</size></div></center>
</div>[/center]


Aloooors c'est déjà pas mal

Code:

[center]

Ça tu me vires C'est soit on fait un code HTML/CSS soit euh pas Mais ce truc c'est pas du HTML donc tu remplaces par

Code:

<center>

et je veux pas voir de crochets là-bas dedans

Code:

<div style =": overflow: auto;

Y a des deux-points en trop Fin juste après les guillemets, du coup là je pense pas que l'overflow s'affiche Après y a un retour à la ligne j'aime pas bien non plus faut mettre tout à la suite
Ah et pareil après la bordure, pour ça que ça s'affiche pas Faut tout mettre à la suite

Code:

border-radius: 20px;>

Là pareil faut fermer les guillemets, après le 20px;

Ensuite, vu qu'y a déjà une balise

Code:

<center>

(fin actuellement c'est [center] ) au début, y a pas besoin d'en remettre à l'intérieur : ce sera centré de base

Ensuite pour l'image. Il existe une balise

Code:

<img src="URL" style="ICI" />

Cette balise donc permet d'afficher l'image, et de la redimensionner comme on veut, en mettant des attributs dans le style (comme un codage classique, on peut lui mettre une bordure, une taille, etc)

Par exemple, ici ton codage fait bon 50% de largeur Du coup, on va écrire que l'image doit prendre 100% de la largeur disponible. Ensuite, on peut lui mettre également un border-radius (à 20px) comme ça, l'image s'adapte et prend la même forme que le fond de la fiche

Donc, si on résume, voilà le code :

Code:

<center><div style ="overflow: auto; height: 500px; border :6px double #0000ff; background-color : #ff3333; width: 50%; border-radius: 20px;">

<size=28><div><i><u> Le titre </u></i></div></size>

<img src="https://i58.servimg.com/u/f58/19/59/89/79/image10.jpg" style="width: 100%; border-radius: 20px;" />

<size=19><div> Le texte.
TEXTE
TEXTE
TEXTE
TEXTE
TEXTE
TEXTE
TEXTE
TEXTE
TEXTE
TEXTE
TEXTE
TEXTE
TEXTE
TEXTE
TEXTE
TEXTE
TEXTE</div></size>
<div><size=12>Copyright by...</size></div>
</div></center>

Ce qui donne

Le titre

Le texte.
TEXTE
TEXTE
TEXTE
TEXTE
TEXTE
TEXTE
TEXTE
TEXTE
TEXTE
TEXTE
TEXTE
TEXTE
TEXTE
TEXTE
TEXTE
TEXTE
TEXTE

Copyright by...

Déjà là-dessus, si tu as une question, hésite pas :D

Merci !
Donc j'essaie.

   

   

Le titre

   

   

Le texte.
   TEXTE
   TEXTE
   TEXTE
   TEXTE
   TEXTE
   TEXTE
   TEXTE
   TEXTE
   TEXTE
   TEXTE
   TEXTE
   TEXTE
   TEXTE
   TEXTE
   TEXTE
   TEXTE
   TEXTE

   

Copyright by...

   

Et voilà.
Ah bah c'est tout de suite mieux.
J'ai pas de question là-dessus. Je pense que ça va.

Hum, du coup, j'ai appris qu'on pouvait changer le curseur de la souris avec un code.
On me dit que c'est celui là :

Code:

<div style="cursor: url('URL du curseur'), pointer;">

Mais quand j'essaie, ça marche pas.
Qu'est ce que j'ai mal fait ?

Normalement ça marche En tout cas ça marche bien de chez moi, faut juste que tu mettes

Code:

cursor: url('URL du curseur'), pointer;

Dans la balise div qui englobe tout le codage, et que tu mettes bah une URL qui fonctionne bien
Si tu as un souci avec, montre moi tout ton code, que je puisse mieux regarder peut-être

Ah je comprends ! C'est tout simplement parce que je me mettais pas ça dans un codage ! Maintenant, ça devrait aller mieux .
Au passage, un petit test :

Alors ?
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST

Mince, ça marche pas.
Voici mon code :

Code:

<center><div style ="cursor: url(https://i58.servimg.com/u/f58/19/59/89/79/chat_14.jpg), pointer;overflow: auto; height: 500px; border :6px double #00ccff; background-color :#ff3300,  ; width: 50%; border-radius: 20px;"> Alors ?
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
</div></center>

Euh là l'image est clairement trop grande hein Et y a un fond blanc x) Faut prendre des images en format .png ou à la limite .gif qui admettent la transparence. Et t'as oublié de mettre les '' dans les parenthèses

url('ICI')

Sinon, tu peux essayer avec cette URL là > https://www.zupimages.net/up/17/12/gcev.png

Ce qui donne ça : et chez moi ça marche

Code:

<center><div style ="cursor: url('http://zupimages.net/up/17/12/gcev.png'), pointer;overflow: auto; height: 500px; border :6px double #00ccff; background-color :#ff3300,  ; width: 50%; border-radius: 20px;"> Alors ?
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
</div></center>

D'accord, merci.
Je test :

Alors ?
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST

Ah bah voilà !
Merci !