une galerie en codage ? :o

Dernière édition par The Parapluie le Dim 16 Sep 2012, 17:13, édité 1 fois

Bonjour,
(j'ai l'impression que je vais directement m'adresser à Ella' si elle veut bien mais on ne sait jamais, hein ? Surprised

)

J'ai longtemps essayé de faire une galerie qui me convenait par moi même mais... à chaque fois je trouve le résultat assez moche. (pour ne pas dire autre chose)
Donc je me demandais si c'était possible qu'un gentil membre me fasse un code pour une galerie. ?!

ce que je voudrais à peu près c'est un truc comme ça :

Spoiler:

si possible avec un cadre en pointillé (EDIT : en fait ce qui s'accorde le mieux avec la galerie, comme vous le souhaitez ^^)
Le texte et les couleurs qui s'assemblent et qui restent dans les même tonalités
Assez large pour que je puisse mettre de "grosses" créations
avec un petit encadré juste en dessous des créations ou je mettrais un cours texte
et en fond patern de couleur ça serait génial !

Merci d'avance !

Edit : je me suis dit, au lieu de faire une galerie hyper large pour pouvoir mettre mes "grosses" créations, est-ce que à la place, il pourrait y avoir un code ou je mettrais la création en miniature, et quand on passe la souris dessus elle apparait en grande ?
Si vous ne voyez pas ce que je veux dire je peux vous montrer un exemple ^^

Allez, soyons fous, je veux bien m'en charger =) (enlevons à Ella le monopole du codage, yalla ! *se prend un magnifique mur à l'adamentium*)

Par contre, ce sera un truc assez basique, pas de flash ou je ne sais quoi (<- tout plein de truc que je ne sais pas faire quoi =D)

Alors, je te propose (je ne peux pas coder pour l'instant, j'essayerai de te faire ça demain ou après demain, si je suis dans les bonnes graces du dieu du CSS)
- un cadre général en pointillé, avec bords arrondis, d'une couleur de fond qui irait bien avec le design actuel du fow style violet sombre ou bleu nuit
- j'improviserai pour le "bienvenue"
- pour le cadre du texte du début, un fond un peu plus clair que celui du début, avec un cadre très léger
- le meme style de cadre pour tes trucs en dessous de chaque créas
- pour le truc à droite de navigation, tu veux un espèce de sommaire qui défile en meme temps que tu te déplaces dans ta page et qui te permette d'accéder à telle ou telle créa' ? (chuis pas sure, pour le coup...)

foilà, foilà, qu'en dis tu ?

C'est parfait !
Merci beaucoup de t'en charger Smile

Par contre pour les couleurs, je préfère un truc assez clair avec de belles couleurs, je déteste les couleurs sombres =O

Euh je me rappelle plus comment on appelle ça, peut-être une rollbox ? bah en fait tout simplement ce que tu as à l’extrême droite de l'écran de ton ordi hein ^^

[par contre je te préviens je pars en vacance demain soir, alors si je répond pas, c'est normal ;) ]

Okey ;) Juste, j'ai un moment d'absence, tu veux que je te fasse ta galerie en page html ou bien juste un code html que tu mettras dans ton message pour lui donner plus de... classe ?

J'ai pas compris :O

soit tu me donne juste un lien, soit tu me donne un code complet c'est ça ?

Voui, je me suis mal exprimée, et en plus je viens de me rendre compte que ma question était totalement inutile, mais bon...
Donc, est ce que tu veux un code qui sera totalement à part du forum et donc qui s'affichera à l'extérieur de celui-ci ou bien veux tu un code que tu insérera dans ton message dans le forum qui constituera ta galerie ?

et bien... Si j'ai juste le lien, est-ce que je pourrais modifier ma galerie ?
le lien, c'est en fait le code complet que j'héberge à partir d'un forum et il ne me reste plus qu'un lien après c'est bien ça ?

Si c'est ça, je veux bien les deux (je sais pas si c'est compliqué, mais si ça l'est, juste le code me suffira Smile

)

Oki dac', je te ferais les deux, tu verras, il n'y aura pas grand chose comme différence ;)

Cool ! merci =)

Sujet: Re: une galerie en codage ? :o Dim 02 Sep 2012, 20:10

Petit up Heaven Ghost ? =3

Sujet: Re: une galerie en codage ? :o Mar 11 Sep 2012, 16:53

UP ? D:

Sujet: Re: une galerie en codage ? :o Dim 16 Sep 2012, 17:10

UP ?!

Si Heaven Ghost n'est plus là, est-ce que quelqu'un d'autre pourrait m'aider s'il vous plait ? =)

Sujet: Re: une galerie en codage ? :o Lun 17 Sep 2012, 14:36

C'est pour mettre où ta galerie ? (Désolé le soleil m'a un peu tapé sur la tête aujourd'hui du coup je suis longue à la détente n_n")

Sujet: Re: une galerie en codage ? :o Lun 17 Sep 2012, 17:08

Heu sur plusieurs forums de graphismes, dont celui-ci éventuellement =)
Tu veux que je te les cites ?

Sujet: Re: une galerie en codage ? :o Lun 17 Sep 2012, 19:33

Nan c'était juste pour savoir en fait ^^, parce que je mettrais pas le code de la même façon sinon.
J'essayerai cette semaine si j'ai le temps ;)

Edit : Juste deux questions: Quelles sont tes couleurs préférées ? As tu un forum test ?

Sujet: Re: une galerie en codage ? :o Mar 18 Sep 2012, 16:49

Oui j'ai un forum test =)

Code:: http://forum-howami-test.forumgratuit.org/

j'ai pas vraiment de couleurs préférées... Tu peux choisir de belles couleurs de bleu sombres (mais pas trop non plus ^^) enfin j'en ai vraiment aucune idée, plutôt quelque chose de clair, joyeux, mais pas une couleur trop flashy non plus tu vois ? ^^
Un truc qui rend bien *-*

Je suis un peu contradictoire non ?

En tout cas merci beaucoup d'essayer ^^
=D

[j'ai rajouté un Edit dans mon premier poste, tu l'as vu ? ]

Sujet: Re: une galerie en codage ? :o Mar 18 Sep 2012, 18:05

Oui j'ai pris ça en compte, j'avais mis des couleurs temporaire si tu veux changer tu peux Smile

Donc je vais essayer de t'expliquer ce que j'ai fait. Pour l'instant voici le rendu pour que tu puisses voir a peu près ce que ça donne et les couleurs.

Je ne sais pas si tu sais mais tu peux rajouter des pages html sur un forum. Pour ça tu va dans le panneau d'administration >> Modules >> (En bas) Gestion des pages html.

Tu cliques sur "Créer une nouvelle page html". Assure toi que les deux cases soient cochées "non".

Puis colle ça :

Code:: <style type="text/css">

#galerie {
background-color: #eef0bf;
width: 550px;
padding-top: 0;
border: 2px solid #4d4f2e;
}

#bienvenue{
position: relative;
top: 15px;
padding: 0;
margin:0;
}

#galerie p {
width: 425px;
text-align: justify;
background-image: url(http://i35.servimg.com/u/f35/15/55/15/05/motif10.png);
color: #4d4f2e;
padding: 10px;
border: 2px solid #4d4f2e;
}

#creations {
height: 500px;
overflow: auto;
margin: 10px 30px;
}

#creations img {
display: block;
overflow: auto;
width: 425px;
}

#creations a {
color: #4d4f2e;
text-decoration: none;
font-family: verdana, sans-serif;
font-size: 10px;
font-variant: small-caps;

}

#creations p {
width: 350px;
background-image: url(http://i35.servimg.com/u/f35/15/55/15/05/motif10.png);
color: #4d4f2e;
font-size: 14px;
border-top: none;
border-bottom: none;
border-left: 2px dotted #4d4f2e;
border-right: 2px dotted #4d4f2e;
margin: 5px;
}

</style>

<html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<header>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Galerie</title>
</header>

<body>

<center><div id="galerie">
<img id="bienvenue" src="http://img15.hostingpics.net/pics/829294bienvenue.png" />

<p>Equitis Romani autem esse filium criminis loco poni ab accusatoribus neque his iudicantibus oportuit neque defendentibus nobis. Nam quod de pietate dixistis, est quidem ista nostra existimatio, sed iudicium certe parentis; quid nos opinemur, audietis ex iuratis; quid parentes sentiant, lacrimae matris incredibilisque maeror, squalor patris et haec praesens maestitia, quam cernitis, luctusque declarat.</p>
<div id="creations">
<img src=""/>
<a href="">Voir en taille réelle.</a>
<p></p>
</div>
<br />
</div></center>

</body>
</html>

C'est le code tout simple sans les créations.
Pour chaque création que tu veux rajouter, il faut que tu ajoutes à la suite de ceux déjà existants :

Code:: <img src=""/>
<a href="">Voir en grand.</a>
<p></p>

Entre les guillemets du src qui se trouve dans img, il faut que tu ajoutes le lien DIRECT de ton image. Si la création fait plus de 400px, rajoute aussi le même lien dans les guillemets de href, comme ça les gens peuvent la voir taille réelle sur une autre page.
Entre les p, tu mets ton commentaire Smile

Pour ce qui est des galeries que tu afficheras il te suffira juste de mettre

Code:: <iframe src="" style="width: 590px; height: 800px;" frameborder="no" scrolling="no"></iframe>

Avec dans les guillemets du src le lien de ta page html Smile

Tu as compris ou faut que je réexplique quelque chose ?

Sujet: Re: une galerie en codage ? :o Mar 18 Sep 2012, 20:45

Bah dis donc c'est rapide *o*
Merci beaucoup ! En plus tu as bien expliqué ^^

Le problème que j'ai :

http://forum-howami-test.forumgratuit.org/h2-code-galerie

J'ai juste fait des tests, fait pas attention à la phrase xD

Bref, après la création il reste un bout de code.. C'est peut-être parce que je met un mauvais lien de la création ? (faut que j'essaie avec un autre hébergeur ?)

J'ai essayé le lien pour voir la création en plus gros.. ça à pas marché. et y'a aussi un bout de code qui reste ..
Ce serait pas plus simple si, on passe juste la souris dessus et qu'elle s'affiche sur la même page ?

Et sinon Y'a un bout de rectangle avant la première création, enfin c'est juste un détail !

Merci merci merci beaucoup pour ce que tu fais pour moi ♥
En plus le résultat est magnifique !
J'espère que je t'embête pas trop avec les détailles et les problèmes é///è

Sujet: Re: une galerie en codage ? :o Mer 19 Sep 2012, 04:50

Désolé je suis pas capable de te le faire en fait ^^"

Pour ton soucis, voici le code que tu as mis (j'ai fait clique droit, code source de la page) :

Code:: <img src="<a href="http://www.servimg.com/image_preview.php?i=365&u=15662984" class="postlink" target="_blank" rel="nofollow"><img src="http://i46.servimg.com/u/f46/15/66/29/84/craati32.jpg" border="0" alt="" /></a>
"/>
<a href="<a href="http://www.servimg.com/image_preview.php?i=365&u=15662984" class="postlink" target="_blank" rel="nofollow"><img src="http://i46.servimg.com/u/f46/15/66/29/84/craati32.jpg" border="0" alt="" /></a>
">Voir en taille rÃ©elle.</a>
<p>Voici une magnifique crÃ©ation *o*</p>

Il faudrai mettre en fait :

Code:: <img src="http://i46.servimg.com/u/f46/15/66/29/84/craati32.jpg" />
<a href="http://i46.servimg.com/u/f46/15/66/29/84/craati32.jpg">Voir en taille rÃ©elle.</a>
<p>Voici une magnifique crÃ©ation *o*</p>

En fait le lien direct de ton image c'est ça :

https://i.servimg.com/u/f46/15/66/29/84/craati32.jpg

Sujet: Re: une galerie en codage ? :o Mer 19 Sep 2012, 14:15

Ah ok j'ai compris !
Normalement j'ai plus de problèmes... sauf
Comment je fait si mes images sont en transparences ?
Car là j'ai vu tu as hébergé avec servimg pour le lien de l'image, mais il ne gère pas la transparence.
Comment je fais alors ? ^^

Edit : j'ai un petit autre problème... Qui vient du codage cette fois je pense. C'est que quand je met une création toute petite et bah ça la pixelise vachement... tu veux que je te montre ?

Sujet: Re: une galerie en codage ? :o Mer 19 Sep 2012, 16:00

Va sur http://www.hostingpics.net/

Quand tu héberges une image tu auras pleins de liens et en dessous y aura marquer "Montrer le lien direct de l'image", clique dessus il y aura un autre lien qui apparaitra, c'est celui qu'il faut prendre

Sujet: Re: une galerie en codage ? :o Ven 21 Sep 2012, 12:09

Ah ok merci ^^
Je suis en train de mettre toutes mes créas alors =)

Sujet: Re: une galerie en codage ? :o Ven 21 Sep 2012, 13:11

En fait tu vois, quand je met mes images plus petites que le code taille de base et bien ça me la déforme et ça me l'agrandi pour qu'elle fasse toute la taille minimum du rectangle de code de base...

http://forum-howami-test.forumgratuit.org/h3-exemple

La par exemple pour l'avatar qui est complètement déformé...

Sujet: Re: une galerie en codage ? :o Ven 21 Sep 2012, 18:36

Remplace :

Code:: #creations {
height: 500px;
overflow: auto;
margin: 10px 30px;
}

Par ça :

Code:: #creations {
max-height: 500px;
overflow: auto;
margin: 10px 30px;
}

C'est mieux comme ça ?

(sinon par ça Smile

Code:: #creations {
height-max: 500px;
overflow: auto;
margin: 10px 30px;
}

Sujet: Re: une galerie en codage ? :o Ven 21 Sep 2012, 20:37

ça ne change rien, les deux =x

» ~*~Kima galerie~*~Camo galerie~
» Problème de codage
» [Codage] Une fiche de présentation ^^
» Galerie de C'
» Ma galerie