[Galerie Comic Art] trucs simples pour agrémenter vos pages

[Brian Addav]

Histoire de ne pas polluer le topic des originaux qui y est consacré, je préfère ouvrir un autre topic pour la partie technique.

Tout vient de là de l'ami stephane_ qui s'est amusé à enjoliver sa galerie sur Comic Art:

Dans la page d'accueil de ma galerie, voici ce que je suis arrivé à faire :
http://www.comicartfans.com/GalleryDetail.asp?GCat=18879
Ca change un peu des pièces mises en avant
Si vous voulez la ligne de programmation, ...

et il l'a donnée peu après:

Il faut donc aller dans Manage/Manage Gallery Rooms
puis
» Edit Main Gallery Title and Description/Intro
puis entrer cette ligne dans "description" :

<center><img src="adresse de l'image" style="border-color:#F6881F" border="6" /></center>

Mettez un lien pour ceux qui le feront ...

On peut aussi se créer un gif animé, et utiliser la même ligne de code pour arriver à un truc comme ça:


Ou un truc plus complet en pointant sur un album picasa.
Là il faut reprendre le code suivant:

<div style="background:#000;max-width:400px;margin:0 auto;text-align:center; line-height:0">
<div style="width:100%;height:450px;padding:0;margin:0"><iframe style="width:100%; height:100%" src="adresse de votre album" frameBorder=0 scrolling=no></iframe>/div>
<a href="adresse de votre album" onclick="window.open(this.href,'Diaporama', 'type=fullWindow,fullscreen,toolbar=no,menubar=no, location=no,resizable=yes,scrollbars=no,status=no');return false">
<img style="border:none;padding:0;margin:0" src="http://btemplates.googlepages.com/pleinecran.gif" alt="Plein écran" /></a></div>

en y mettant l'adresse de votre diaporama Picasa. (bien le diaporama, pas l'album).

illustration:
http://www.comicartfans.com/GalleryDetail.asp?GCat=34526

On doit pouvoir faire plus, donc amusez-vous!

[koikeski]

Super !

Merci pour les idées

[PHILGUZZ]

Super sympa ton diaporama
le tout c'est d'arriver à dégager un peu de temps...

[Philemon]

Excellent !

Mon premier essai:
http://www.comicartfans.com/GalleryDetail.asp?GCat=13373

[landers06]

moi aussi j'ai suivi vos conseils et je me suis fait ma présentation

encore à paufiner

[tavern]

Excellent !

Mon premier essai:
http://www.comicartfans.com/GalleryDetail.asp?GCat=13373

Super, ton blog http://bd-art.blogspot.com , je n'avais jamais eu l'occasion d'y aller !
(mais d'où viennent les popups qui me sont arrivés à la figure ? je croyais qu'il n'y en avais pas sur blogger/blogspot)

[Philemon]

Excellent !

Mon premier essai:
http://www.comicartfans.com/GalleryDetail.asp?GCat=13373

Super, ton blog http://bd-art.blogspot.com , je n'avais jamais eu l'occasion d'y aller !
(mais d'où viennent les popups qui me sont arrivés à la figure ? je croyais qu'il n'y en avais pas sur blogger/blogspot)

Merci !
Pour les pop-ups, aucune idée. Je n'en ai pas quand je m'y connecte (via Firefox ou Chrome), je ne sais pas d'où ça peut sortir.

[carbonnieux]

Histoire de ne pas polluer le topic des originaux qui y est consacré, je préfère ouvrir un autre topic pour la partie technique.

Il faut donc aller dans Manage/Manage Gallery Rooms
puis
» Edit Main Gallery Title and Description/Intro
puis entrer cette ligne dans "description" :

<center><img src="adresse de l'image" style="border-color:#F6881F" border="6" /></center>

Mettez un lien pour ceux qui le feront ...

et pour "adresse de l'image" je prends quelle ligne dans toutes celles proposées par imageShack ???

[bdevoreur]

La HTML Code

ce qui donne: <center><img src="http://img23.imageshack.us/img23/7449/copiedesanstitrel.jpg"style="border-color:#F6881F" border="6" /></center>

[carbonnieux]

La HTML Code

ce qui donne: <center><img src="http://img23.imageshack.us/img23/7449/copiedesanstitrel.jpg"style="border-color:#F6881F" border="6" /></center>

[bdevoreur]

[bdevoreur]

Par contre pour changer la couleur du cadre, cela fonctionne pas

[carbonnieux]

cette option est jouable également pour chacune des "room" , avec une image en intro comme pour la première page
de la galerie


un exemple : http://www.comicartfans.com/GalleryRoom.asp?GSub=72493

[fred]

Et comment faut-il faire pour changer la taille et la couleur du texte de description?

Parce que finalement, une fois que l'on a mis l'image, on voit plus le texte. J'aimerais une police de caractère plus grande et en gras (par exemple)

[PotdeNutella]

Et comment faut-il faire pour changer la taille et la couleur du texte de description?

Parce que finalement, une fois que l'on a mis l'image, on voit plus le texte. J'aimerais une police de caractère plus grande et en gras (par exemple)

je tombe seulement maintenant sur ce sujet, désolé ... mais si c'est encore d'actualité, voici avec un exemple le genre de choses que tu peux faire côté texte :

Code: Tout sélectionner

<div style="font-family:verdana;font-size:19px;font-weight:lighter;line-height:1.4em;color:#FAD700;text-align:center;">
Joyeux Noël ... <br/>
et bonne année 2012</div>

Tu mets ça avant et/ou après ton image, comme tu veux, tout se passe dans les guillemets qui suivent le mot-clé "style" : tu ajoutes des éléments de style, toujours suivis d'un point-virgule (même le dernier juste avant de fermer les guillemets) ... dans mon exemple :
[*]font-family = le nom de la police de caractères (toujours en prendre une standard, ce qui limite grosso-modo à Verdana, Arial, Arial Black, Georgia, Times New Roman, Trebuchet MS, Comic Sans MS, Courier New (entre quotes simples si le nom a des espaces, par ex : font-family:'Times New Roman'; )
* font-size = taille du texte
* font-weight = si on veut un texte plus gras (bold, bolder) ou plus fin (light, lighter)
* line-height = si on veut un espacement entre les lignes plus grand (1.4em = 1.4 fois l'espacement normal)
* color = couleur du texte (cf ici par ex)
* text-align = center ou right si on ne veut pas que ce soit aligné à gauche (par défaut)
* dans le texte, le <BR/> signifie un retour à la ligne (si tu veux passer une ligne, il faut donc en mettre deux : <br/><br/>)

Il y a d'autres possibilités bien sûr mais c'est déjà pas mal

[Busch]

Petit sujet pratique qui méritait d'être mis en évidence...
S'il y en a d'autres... (pas trop please...)

[Brian Addav]

Par contre, personne sait s'il n'y aurait pas une appli android pour afficher sa galerie sur son smartphone
(je sais, suffit de se copier les images dans son album photo mais bon, on sait jamais s'il y avait un truc dédié...)

[PotdeNutella]

Par contre, personne sait s'il n'y aurait pas une appli android pour afficher sa galerie sur son smartphone
(je sais, suffit de se copier les images dans son album photo mais bon, on sait jamais s'il y avait un truc dédié...)

à ma connaissance y'a pas (ni sur iPhone) ... et malheureusement ils n'ont jamais pris le temps non plus de faire une version mobile du site (même s'il s'affiche correctement en version standard, ce qui est déjà ça) !

[Brian Addav]

tant pis alors...

[chmuch]

premier essai : http://www.comicartfans.com/GalleryDeta ... GCat=44324
dommage que le texte ne se centre pas ...