CONNEXION
  • RetourJeux
    • Sorties
    • Hit Parade
    • Les + populaires
    • Les + attendus
    • Soluces
    • Tous les Jeux
    • Gaming
  • RetourActu Gaming
    • News
    • Astuces
    • Tests
    • Previews
    • Toute l'actu gaming
  • RetourBons plans
    • Bons plans
    • Bons plans Smartphone
    • Bons plans Hardware
    • Bons plans Image et Son
    • Bons plans Amazon
    • Bons plans Cdiscount
    • Bons plans Decathlon
    • Bons plans Fnac
    • Tous les Bons plans
  • RetourJVTech
    • Actus High-Tech
    • Intelligence Artificielle
    • Smartphones
    • Mobilité urbaine
    • Hardware
    • Image et son
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTech
  • RetourCulture
    • Actus Culture
    • Culture
  • RetourVidéos
    • A la une
    • Gaming Live
    • Vidéos Tests
    • Vidéos Previews
    • Gameplay
    • Trailers
    • Chroniques
    • Replay Web TV
    • Toutes les vidéos
  • RetourForums
    • Hardware PC
    • PS5
    • Switch 2
    • Xbox Series
    • Switch
    • Pokemon pocket
    • FC 25 Ultimate Team
    • League of Legends
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • Switch 2
  • PS4
  • One
  • Switch
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Liste des sujets

De Photoshop à l'encodage HTML...

standelf
standelf
Niveau 10
25 septembre 2005 à 17:54:56

Salut a tous :)

Voila, j´aimerai updaté le design de mon site web, le problème c´est que je bloque au niveau de l´encodage HTML...
J´ai fais mon design via Photoshop et ça donnerais ça (la preview est en *jpg actuellement :-) )
:d) http://nitromash.free.fr/

Et j´aimerais que le texte puisse etre écrit sur le cadre, au centre ( j´sais pas si vous me suivez toujours :o)) ) et j´ai aucune idée de comment fair ça lol, on m´a dit d´utiliser un système de tableau et tout, mais ça rend mal :(

Donc voila, j´utilises Dreamweaver MX 2004 et pour le découpage des bannières/boutons/cadre j´ai tout ça sur mon DD, alors si vous pouviez m´éclairer sur la marche a suivre, ça serait bien cool :-)

Merci d´avance :o))

A-spec59
A-spec59
Niveau 10
25 septembre 2005 à 18:23:59

C´est assez simple d´autant plus que t´utilise photoshop. Sur photoshop tu découpe une zone, celle ou tu veu pouvoir écrire avec l´aoutil qui ressemble à un stylo plume. Une fois que c´est fait tu fait enregistrer pour le web ou quelque chose qui ressemble à sa. Sa va te faire deux choses: une fichié .html et un dossié contenant les images. Ouvre le fichier html avec dreamweaver regarde où se trouve l´endroit ou tu veu pouvoir écrire et suprime l´image. Après comme c´est un tableau tu cherche la balise <td> qui contenait l´image que tu viens de suprimer et tu rajoute un bgcolor à cette balise. Bien sur la couleur doit etre la meme que celle de l´image et après tu n´as plus qu´à mettre ton contenu après la balise <td> à laquelle tu viens d´ajouter le bgcolor. Voila c´est fini

standelf
standelf
Niveau 10
25 septembre 2005 à 18:25:55

Okaé, j´vais voir ça alors :-)
Merci mec

A-spec59
A-spec59
Niveau 10
25 septembre 2005 à 18:47:59

De rien
Je viens de l´aprendre cet aprem avec une version en anglais de photoshop ^^ lol

tromal217
tromal217
Niveau 9
25 septembre 2005 à 19:32:40

Et qd on decoupe de design comme ca sous toshop ya pas moyen d´ecrire par dessus l´image ? ( car si le fond du bout d´image a supprimer et un motif par ex c´est plus compliqué no ?

A-spec59
A-spec59
Niveau 10
25 septembre 2005 à 19:35:07

y a pas moyen que tu mete un exemple ou l´image que tu veu découper avec une explication en bon français (g pas comrpis dsl)

A-spec59
A-spec59
Niveau 10
25 septembre 2005 à 19:38:10

Ou alors pour le peu que j´ai compris ben quand tu suprime l´image par dessus laquelle tu veu écrire, rajoute un class à la balise <td> qui contenait l´image, après va dans ton css et met
.le nom que ta mis pour class
{background-image: url( url de ton image) ; } et l´image va se répéter verticalement.

tromal217
tromal217
Niveau 9
25 septembre 2005 à 19:39:23

lol ok
La j´ai rien de precis mais dans ton expliquation tu dit que apres avoir decoupé le design qui se met donc en un html et un dossier ac les images et ba il suffit de rééouvrir le tout sous dreamweaver et la dans la decoup ou tu compte ecrire le texte tu la suprime et tu met en bgcolor la meme couleur que celle de l´image. Et j´te demande si ya pas moyen d´ecrire par dessus l´image enfet sans avoir a la supprimer

tromal217
tromal217
Niveau 9
25 septembre 2005 à 19:41:22

Enfin c´est bon j´viens de trouver fallait faire un tableau par dessus l´image et mettre le positionnement en absolute

tromal217
tromal217
Niveau 9
25 septembre 2005 à 19:48:54

Par contre j´aurais une autre question pck ca j´trouve pas cmt faire.
Comment faire un tableau a taille fixe et non modifiable ?
Pour que le texte soit ecrit dans une frame avec toujours la meme taille mais avec une scrollbar sur le coté suivant la longeur du texte

tromal217
tromal217
Niveau 9
25 septembre 2005 à 21:53:57

:up:

timtaz
timtaz
Niveau 9
26 septembre 2005 à 14:38:06

Bon alors en théorie, tu dois changer l´attribut "height" de la balise table et la mettre à "100%". Après il faut que tu définisses les hauteurs de TOUTES les balises de ton tableau SAUF celle(s) que tu veux pouvoir ´étirer´. Enfin avec photoshop ca peux vite devenir compliqué, pcke il te génère en général un tableau avec vraiement bcp de cases... Enfin bonne chance!

Sous forums
  • Aide à l'achat Mac
  • Création de Jeux
  • Linux
  • Création de sites web
  • Programmation
  • Internet
  • Steam Deck
  • Macintosh
  • Hardware
La vidéo du moment