THELIA Forum

Welcome to the THELIA support and discusssion forum

Offline

#1 Mon design pour thelia

(09-06-2009 10:58:17)


Bonjour a tous,
Bon vous savez que je suis nouveau avec thelia mais lorsque je me lance, je le fait a fond !! mdr
Donc voila, cela fait 3 jours que je décortique tout le script et j’ai commencé hier a faire un design perso pour le script. Il faut dire que c’est la première fois que je travail sur un design pour un site e-commerce, donc voila, je posterai des aperçu des temps en temps pour avoir une idée sur l’évolution graphique du design pour l’instant et avoir votre avis, sur ce qui va très bien et ce que non puisque vous êtes les experts ( NCIS !! mdr ) smile
Donc voila, et après une longe nuit de travail, un premier aperçu du design smile

designtheliacopy.jpg
Ben je compte sur vous après pour m’aider à intégrer le design au niveau du script, car je ne suis pas vraiment un génie du css, je me débrouille, mais je bloque de temps en temps aussi smile

Amicalement


Mon Premier design pour Thelia - Mon manuel d'utilisation de Thelia

Offline

#2 Re: Mon design pour thelia

(09-06-2009 17:46:34)


voila à quel niveau je suis maintenant concernant le design pour le script thelia,
j'arrête d'avancer au niveau de ce travail en attendant vos remarques et vos suggestions pour éviter de faire un travail en double s'il y a des problèmes ou
une structure mal faite, donc voila les nouveaux aperçu et j'attends vos commentaires.

page d'accueil:

tttttu.jpg

page produit :

rrrrrrst.jpg

page panier :

eeeeezew.jpg


amicalement smile
killer boy


Mon Premier design pour Thelia - Mon manuel d'utilisation de Thelia

Offline

#3 Re: Mon design pour thelia

(09-06-2009 17:54:19)


Bonjour,

Rien à redire comme ça de prime abord.

C'est propre, net et efficace en terme de design.

Pour le reste, la structure et l'enchainement des pages, il faudra voir en live.

Alfouine,

PS : T'a pas la même photo en souriant, parce que la ça fout la trouille lol


Au royaume des aveugles, les borgnes sont mal vus.

  • manu
  • faï tot petar miladiu

Offline

#4 Re: Mon design pour thelia

(09-06-2009 18:01:24)


tu parles de quoi alfouine du design ou des photos du site?


http://doc.thelia.net/
http://thelia.net/modules
http://raynaud.io
PGP public Key : 0xC6E546A6

Offline

#5 Re: Mon design pour thelia

(09-06-2009 18:08:59)


manu wrote:

tu parles de quoi alfouine du design ou des photos du site?

De la photo du pseudo.

Alfouine,


Au royaume des aveugles, les borgnes sont mal vus.

Offline

#6 Re: Mon design pour thelia

(09-06-2009 20:18:11)


Moi c'est la fille des photos qui me fait peur !

ok je sors....

Offline

#7 Re: Mon design pour thelia

(09-06-2009 23:17:54)


alfouine, voila une photo juste pour te faire plaisir,
sinon, c'est quoi ses hors sujets les mecs ?? tongue

n53231930616016551273.jpg

bon pour la fille, patograso, c'est la mannequin d'une marque de vêtement
en Turquie qui s'appelle DYD CLUB,
bien sure je n'utilise les photos qu'au niveau du design et du graphique
pour faire des tests et je respecte les droits d'auteur et la propriété intellectuelle smile

Last edited by Killer_Boy (09-06-2009 23:18:29)


Mon Premier design pour Thelia - Mon manuel d'utilisation de Thelia

Offline

#8 Re: Mon design pour thelia

(10-06-2009 20:34:53)


Pas de souci killer_boy!

en tout cas c'est propre ton travail.

Le jour où j'en serais là, ben c'est pas demain lol.

Offline

#9 Re: Mon design pour thelia

(10-06-2009 22:11:54)


mdr, ne t'inquiètes pas patograso,
a chacun son point fort big_smile


Mon Premier design pour Thelia - Mon manuel d'utilisation de Thelia

Offline

#10 Re: Mon design pour thelia

(12-06-2009 22:40:30)


97132029.jpg

Ben je vous explique un peu le concept :
Au dessus du header, il y a un slide panel en ajax, sincèrement, je n’ai aucune idée sur ce que je peux insérer comme donnée a ce niveau mais je crois que je vais supprimer les bannières des nouvelles offres qui sont en bas et les déplacer dans le slide panel qui sera ouvert et fermer selon la demande du utilisateur en cliquant sur le texte et la flèche du slide panel, si vous avez une idée sur le contenu qui peut y être insérer, dites le moi smile

43708046.jpg

Ensuite, au niveau du header, il y aura une petite animation flash du nom du site, la ou il est marqué VEA, un truc simple et attractive avec flash, à coté , les cases mon compte et recherche ainsi que les achats et un affichage de la date ainsi que l’heure qui seront imprimer sur la facture pour que le client aura un repère temporel de la date et l’heure de ses achats.

Sous le header, la ligne grise, sera stable et la même sur tout le site, elle contiendra une indexation sur la page que consulte le client et contiendra des liens fixes qui sont : boutique, blog, forum, newsletter et la page contact. Le header et les liens seront les même sur toutes les pages du site et même sur le forum et le blog. Au niveau du forum je prévois l’utilisation d’un phpbb la version 3 en PHP5 ou bien IPB, mais je ne suis pas encor a ce niveau, car je dois réfléchir au script et voir avec vous le quel peut être intégrer avec thelia pour utiliser les même comptes clients sur le forum et dans la boutique.

43084479.jpg

Bon, au niveau des boutons de navigation sous thelia, ils seront comme vous pouvez le voir sur l’image, avec les rubriques et les sous rubriques et en y intégrant un script en ajax pour pouvoir déplacer les boutons, fermer quelques un selon l’humour et les besoins du client .

exemple : si c’est une femme qui fait des courses et qu’elle n’a pas besoin des liens pour les vêtements des hommes, il suffit d’y cliquer pour les fermer, ou bien si c’est un homme qui fait des courses, et que les liens vers cette rubrique se trouve au dessous des liens des vêtements pour femme, alors et a l’aide de la souri il déplacera les liens au dessus de la rubrique femme, bref, une intégration de quelques magies du script ajax, que j’adore smile

sous les liens, il y aura un affichage des logos des partenaires, ne vous faites pas d’illusion, je ne suis pas partenaire avec ses grandes marques, c’est juste pour le graphique et les exemples tongue

attaquant maintenant le body, a ce niveau la, la première chose qui sera afficher, c’est des bannières flash qui change selon un lapse de temps bien défini, ou bien qui peuvent être défiler selon le choix du client en cliquant sur les petite flèches a droite et a gauche, une insertion d’une plage flash qui inspecte le contenu d’un dossier bien défini, et affiche son contenu flash aléatoirement.

Sous la bannière flash il y aura les rubriques habituels de thelia, nouveau produit, promotion et blablabla…

A la fin du body, il y aura l’afficha d’une zone, de la quel j’ai parlé au début, pour l’instant, j’ai ajouté a cette zone des bannières publicitaires, mais je compte les déplacer vers le slide panel, et insérer a cette zone une galerie Ajax et flash pour les produits qui sont en vente sur le site, je pense au nouveau produit et les moins chers , je ne suis pas sure de ce que je dois faire, aidez moi a y voir plus claire puisque vous aves une expérience plus grande que moi a ce niveau et dans l’e-commerce.

Voila, pour le footer, et comme vous le voyez, il y a les liens, les données de la société et en bas il y aura la signature de thelia et octolys ainsi que la mienne smile
Voila, s’il y a des suggestions ou bien des remarques, ils sont toutes les bienvenus, et ca me fera vraiment plaisir tongue

Voila, j’attends vos commentaires les amis

Amicalement
Killer boy


Mon Premier design pour Thelia - Mon manuel d'utilisation de Thelia

Offline

#11 Re: Mon design pour thelia

(15-06-2009 17:32:07)


salut, pas de nouvelles suggestions??

amicalement

Last edited by Killer_Boy (15-06-2009 17:32:25)


Mon Premier design pour Thelia - Mon manuel d'utilisation de Thelia

Offline

#12 Re: Mon design pour thelia

(20-06-2009 03:46:16)


salut les amis,
j'ai déjà commencé a découper mon design et le préparer,
mais, et comme je l'ai déjà mentionné, je ne suis pas un pro du css,
donc voila le premier problème au quel je suis confronté,
je n'arrive pas a placer le texte du menu au niveau des boutons,
plutôt les nouveaux boutons que j'ai ajouté,
donc voila je vous poste un aperçu et le contenu de la page style.css
et dites moi si c'est possible ou se trouve le problème.

aperçu :
menud.jpg

page css a ce niveau :

#moteurEtCatalogue {
    float: left;
    width:214px;
    padding: 0;
    margin:0px 0 0 0;
    background-image:url(images/menu_01.jpg);
    background-repeat:repeat-y;
}

#moteurEtCatalogue h3 {
    display:none;
}

#accueil, #menuCatalogue {
    float: center;
    padding: 0 0 0px 40px;
    margin:0 0 10px 0;/* DISTANCE ENTRE LES GRANDES RUBRIQUES */
    width:100%;
}

#accueil ul, #menuCatalogue ul {
    padding: 0;
    margin:0;
    list-style: none;
    color:#FFFFFF;
}

#accueil ul li, #menuCatalogue ul li {
    font-size:14px;
    font-weight:bold;
    padding:0;
    margin:0px 0px 0px 0px;
}

#accueil ul li a, #menuCatalogue ul li a  {
    text-decoration:none;
    text-align:left;
    color:#000000;
    display:block;
    background-image:url(images/menu_04.png);
    background-repeat:no-repeat;
    padding:25px 0px 5px 15px;
}

#accueil ul li a:hover, #menuCatalogue ul li a:hover {
    text-decoration:none;
    background-image:url(images/menu_04_on.png);
    color:#FFF;

}

#menuCatalogue ul li ul {
}

#menuCatalogue ul li ul li {
    font-size:12px;
    margin:0px 0 0 0;
    text-indent:20px;
}

#menuCatalogue ul li ul li a {
    background-image:url(images/menu_04.png);
}


#menuCatalogue ul li a.selection {
    color:#fff;
    background-image:url(images/menu_04_on.png);/* lien selected image */

}

amicalement
killer boy


Mon Premier design pour Thelia - Mon manuel d'utilisation de Thelia

Offline

#13 Re: Mon design pour thelia

(20-06-2009 10:47:17)


Salut,

Mets un height et un line-height de la même taille sur ta balise correspondant à ton bouton.

En revanche, le forum Thélia n'est pas dédié aux subtilités des CSS. Je te conseille donc d'aller parfaire tes connaissances sur des sites spécialisés  : le fameux et indispensable alsacreation par exemple.

Offline

#14 Re: Mon design pour thelia

(23-06-2009 00:18:30)


merci ottoroots,
problème résolu smile

amicalement


Mon Premier design pour Thelia - Mon manuel d'utilisation de Thelia

Offline

#15 Re: Mon design pour thelia

(02-07-2009 01:08:21)


Salut,
Au niveau de la page d’accueil, j’ai ajouté une animation ajax, avec des produit qui y défilent lorsqu’on y pointe le curseur, donc c’est un fichier flash, qui fait appel a un fichier XML dans le quel est indiqué le chemin vers les images ainsi que le lien de chaque article qui mène vers la page du produit en question.
17073533.jpg
Actuellement, je sélectionne manuellement les images a afficher ainsi que le lien de chaque image ( du produit) pour avoir plus d’information lorsque l’utilisateur y clique.

Le problème maintenant, c’est que je n’ai pas réussi à intégrer le code de thelia pour afficher des produits au hasard et aléatoirement en sachant que le code que j’ai utilisé et que j’ai essayé de modifier est le suivant :

<THELIA_DECOUVREZ type="PRODUIT" aleatoire="1" num="8">
<li><a href="#URL" onmouseover="return escape('<h5>#TITRE</h5>#PRIX EURO')">
<THELIA_IMAGE type="IMAGE" num="1" produit="#ID"  hauteur="81">
<img src="#IMAGE" alt="#PRODTITRE" title="#PRODTITRE"/>
</THELIA_IMAGE>
                        </a></li>
                        </THELIA_DECOUVREZ>

Donc voila , est ce qu’il y a une solution pour réaliser cette animation ajax ?? ou bien le code de thelia, ne peut pas être intégrer dans un fichier XML ??

Amicalement*
Killer boy

Last edited by Killer_Boy (02-07-2009 01:09:10)


Mon Premier design pour Thelia - Mon manuel d'utilisation de Thelia

Offline

#16 Re: Mon design pour thelia

(12-10-2009 15:43:16)


salut les amis, voici un lien pour tester mon design pour le script thelia,
essayez le et dites moi ce que vous penser, coté graphique, ergonomie, tout quoi


http://giantoort.com/test_b/


amicalement

Last edited by Killer_Boy (12-10-2009 15:46:03)


Mon Premier design pour Thelia - Mon manuel d'utilisation de Thelia

Offline

#17 Re: Mon design pour thelia

(13-10-2009 03:12:04)


Bonjour Killer_Boy,

Juste pour signaler que l'animation flash a ete super longue et que je n'ai pas compris le rapport avec ta boutique de vetements...
Il s'agit de transfers pour les tee shirts?
Ce qui se trouve sous l'animation reste vide...
Desole il faut que je file @+

Reg


le-bouquiniste.com                                                      tongue  plugin 1.4.x / 1.5   => valeurstock / Mailpaiement / formcontact

Offline

#18 Re: Mon design pour thelia

(13-10-2009 06:48:02)


Salut,
Le menu produits se déplie en 2 fois.... C''est voulu ?
FF sous Linux


Thelia 1.5 - Plugins Homepage et Livre d'or
Le portail de Douarnenez http://www.dz-en-vie.com

Offline

#19 Re: Mon design pour thelia

(13-10-2009 21:59:35)


Salut les amis ,

@ reg : l’animation flash est une plage flash vierge avec un fichier xml pour y insérer les annonces sur les promotions, soldes, publicité pour des nouveaux produit etc. ne prend pas en considération les images qui y existent maintenant car c’est uniquement pour tester et concernant le poids de l’animation, il dépend de la taille des images et du nombre de celles-ci, mais c’est bizarre car chez moi ca passe rapidement ( teste après avoir vidé le cache ) malgré que je n’ai pas une superbe connexion au net. consternant l’espace vide, c’est la ou je vais insérer des bannières publicitaires pour mes clients et mes fournisseurs, pour d’autres sites, au pire des cas il y aura une bannière google ads et c’est tout . d’autres remarques mon amis ??

@GuinnessBoy : salut, moi c’est killer boy !!! mdr
Bon, au niveau du menu, j’ai remarqué ce disfonctionnement, et j’ai pas comprit d’où ca vient !! en local ca marche nickel, mais sur le serveur ca fait une double animation, j’ai testé avec plusieurs navigateurs et le problème est le même. Je vais chercher une solution à ca.

Bon, j’ai trouvé un autre problème, c’est que au niveau des produits ou existe deux déclinaisons, le body perd la taille initiale et déborde de la page, donc il faudra mettre un retour a la ligne après chaque nouvelle déclinaison.

Merci a vous, et j’attends encore des remarques qui vont surement m’aider a perfectionner ce design.

Amicalement
Killer boy


Mon Premier design pour Thelia - Mon manuel d'utilisation de Thelia

Offline

#20 Re: Mon design pour thelia

(14-10-2009 04:19:06)


Salut Killer_Boy,

Mefies toi egalement des titres de produits ex:Tee-shirt ralf laurent qui decallent tes prix.
Pour la vitesse de chargement du site 2 liens:

http://www.capitaine-commerce.com/2009/ … -dun-site/ indique par Manu.

http://tools.pingdom.com/ indique par Alfouine.

Reg


le-bouquiniste.com                                                      tongue  plugin 1.4.x / 1.5   => valeurstock / Mailpaiement / formcontact

Offline

#21 Re: Mon design pour thelia

(14-10-2009 12:21:06)


merci pour les lien reg smile
ils sont vraiment utile


Mon Premier design pour Thelia - Mon manuel d'utilisation de Thelia

Offline

#22 Re: Mon design pour thelia

(05-11-2009 18:34:31)


la suite, la suite ....


A force de copier on fini par singer