[webdesign]Site Ouaibe Noon3 #in progress

Site Ouaibe Noon3 #in progress [webdesign] - Web design - Graphisme

Marsh Posté le 22-12-2011 à 18:31:04    

Salut la foule... ou pas :o
 
aller, hop je me lance, je pose le debut du design de mon futur site ouaibe.
Pour information, je suis graphiste PAO et 3D... donc pas du tout dans l'univers du Web.
 
Je débute plus ou moins l'apprentissage du HTML5 et CSS3, pour ce projet je me suis donc arreté sur un CMS. Wordpress en l’occurrence.
 
Le CMS sera la base du site, il sera composé de quelques pages fixes qui constitueront les galeries, la partie formation et les prestations/competences
 
le reste sera une partie plus orienté "blog" avec des articles sous forme de fil d'actualités.
 
Le fil conducteur : sobriété, pas de froufrou staÿli oualeguène. du noir, du rouge et de la nuance.
 
les captures de l'avancée à présent.
 
http://img851.imageshack.us/img851/7028/capturedecran20111219a1.th.pnghttp://img41.imageshack.us/img41/4431/capturedecran20111220a1.th.pnghttp://img254.imageshack.us/img254/4431/capturedecran20111220a1.th.pnghttp://img600.imageshack.us/img600/4431/capturedecran20111220a1.th.pnghttp://img26.imageshack.us/img26/4770/capturedecran20111222a1.th.png
 
et voici ou j'en suis à présent
 
http://img710.imageshack.us/img710/4770/capturedecran20111222a1.th.png


---------------
Genghis achat/vente
Reply

Marsh Posté le 22-12-2011 à 18:31:04   

Reply

Marsh Posté le 22-12-2011 à 20:08:47    

Drap, je suivrai la progression de ton projet.  
 
Et éventuellement je te donnerai mon avis si ça t'intéresse  :)

Reply

Marsh Posté le 22-12-2011 à 20:15:19    

Surtout des conseils quand je vais galerer avec php html ... Css je m'en sors un peu


---------------
Genghis achat/vente
Reply

Marsh Posté le 22-12-2011 à 20:46:11    

quel cms vas tu utiliser ? :)

Reply

Marsh Posté le 22-12-2011 à 21:53:51    

[:haha pfff] c'est écrit


---------------
Genghis achat/vente
Reply

Marsh Posté le 24-12-2011 à 18:41:40    

ah oui tient !

Reply

Marsh Posté le 24-12-2011 à 18:43:19    

Niveau coloris je trouve l'ensemble un peu terne, ca manque un peu de joie de vivre :D bon apres tu vois l'image que tu veux donner de ton studio ;)

Reply

Marsh Posté le 24-12-2011 à 19:33:00    

:jap:

 

Bah pas une idée de joie de vivre :o

 

C'est les couleurs définies dans le code du logo


---------------
Genghis achat/vente
Reply

Marsh Posté le 27-12-2011 à 11:33:03    

salut
 
avancée de la mise en page CSS du bouzin... je galere mais bon... article mis en place, sur la sidebar encore une petouille au niveau des listes qui depassent.
 
et j'ai ce foutu fond noir que j'arrive pas a virer.
 
http://img803.imageshack.us/img803/8338/capturedecran20111227a1.th.png
 
 
pour info, j'ai testé le "background: transparent;"
sur toutes les classes (body/main/page/primary/ secondary et branding) et rien a faire. je suis sur que c'est un bug a cause d'un padding vertical


---------------
Genghis achat/vente
Reply

Marsh Posté le 27-12-2011 à 11:39:51    

T'as pas une page web de test plutôt ?
 
(et imageshack c'est tout pourrite :o)


---------------
userstyles HFR : alléger l'accueil du forum; réduire les img https des quotes. Script AHK ImageFloodHFR
Reply

Marsh Posté le 27-12-2011 à 11:39:51   

Reply

Marsh Posté le 27-12-2011 à 11:48:19    

non je test en local... proxytaff toussa toussa ftp blocked :cry:


---------------
Genghis achat/vente
Reply

Marsh Posté le 27-12-2011 à 11:53:29    

Ok -> http://jsfiddle.net/
Tu mets le html d'un coté, le css de l'autre. Pour voir le résultat en plein écran il faut choper le lien dans "share".


---------------
userstyles HFR : alléger l'accueil du forum; réduire les img https des quotes. Script AHK ImageFloodHFR
Reply

Marsh Posté le 27-12-2011 à 12:07:02    

http://jsfiddle.net/genghis/QgBfq/
 
c'est marrant comme tout degage d'un coup :lol:


Message édité par genghis77 le 27-12-2011 à 12:07:32

---------------
Genghis achat/vente
Reply

Marsh Posté le 27-12-2011 à 12:28:48    

Tu dois avoir la largeur cumulée des 2 divs centraux qui dépasse 100%. Les navigateurs arrondissent différemment les valeurs donc parfois ça dépasse => retirer 1% à l'un des deux.


---------------
userstyles HFR : alléger l'accueil du forum; réduire les img https des quotes. Script AHK ImageFloodHFR
Reply

Marsh Posté le 27-12-2011 à 12:32:16    

ok.
 
sinon j'ai trouvé pourquoi j'avais ce fond noir.
 
un conflit entre deux style CSS.
 
je suis parti du twentyeleven comme theme et y a un parametre qu'on peut choisir dans les options c'est theme clair ou theme sombre.
 
le truc c'est que dans le cas d'un theme sombre il fait appel au fichier dark.css.
 
j'ai modifié la valeur du fond dans ce fichier et ca roule.
 
pas une solution c'est sur


---------------
Genghis achat/vente
Reply

Marsh Posté le 27-12-2011 à 14:18:36    

:bounce:

 

http://img39.imageshack.us/img39/8338/capturedecran20111227a1.th.png

 

punaise j'ai cliqué sur un des articles :lol:

 

une fois sur la page articles c'est le bordayllllll :lol:


Message édité par genghis77 le 27-12-2011 à 14:45:35

---------------
Genghis achat/vente
Reply

Marsh Posté le 28-12-2011 à 14:30:06    

Je trouve que le corps de ton site est vachement sombre, après c'est une histoire de choix de la DA, mais même en voulant être dans une thématique "sombre" je trouve que c'est trop. C'est presque trop tranché et pas assez harmonieux, alors que tu l'as très bien fait dans ton image de background ;)

Reply

Marsh Posté le 28-12-2011 à 14:48:25    

je pense que c'est surtout sombre du fait qu'il n'y a pas de contenu pour l'heure.
 
quand les vignettes feront leur apparition avec le texte ce sera moins sombre. mais merci pour l'avis :jap:


---------------
Genghis achat/vente
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed