Partagez
Voir le sujet précédentAller en basVoir le sujet suivant
avatar
admin • on se l'araaaaaache
admin • on se l'araaaaaache
Féminin
Degré de sagesse : 24
Degré de bavartitude : 9125
Logiciels : Photoshop, Inkscape, Photofiltre, Gimp
Voir le profil de l'utilisateur

Prochain design

le Jeu 11 Nov 2010 - 19:06
Rappel du premier message :

Je vous montre le prochain design du forum clin d\'oeil

http://chatmallow.catsboard.com/index.htm

avec la super photo de n'arc et mon acquisition récente : photoshop CS4 x)

Le design marin de Luna sera installé après celui çi, encore faut il qu'elle me donne le code pour pouvoir mettre le header sur toute la largeur de la page :/

Spoiler:
/* Liens ----------------------------------------------------------------------------*/

a {
font-family: century gothic;
font-size:11px;
font-variant: small-caps;
text-decoration: none;
}

.gen {
font-size : 12px;
}
.genmed {
font-size : 11px;
}
.gensmall {
font-size : 11px;
}

/* Marges & Cie --------------------------------------------------------------------*/

body{
margin-top: 0px;
margin-bottom: 0px;
}

.bodyline{
border-top: none;
border-bottom: none;
border-right: 10px #4C342A solid;
border-left: 10px #4C342A solid;
}

/* Zones de texte -------------------------------------------------------------------*/

textarea, .textarea.post, input.post{
-moz-border-radius:4px;
}

textarea, select{
color : #403121;
font: normal 11px century gothic;
border: 2px solid #403121;
-moz-border-radius: 4px;
}

/* Titre page d'accueil---------------------------------------------------------------*/

.pageaccueil1{
font-family: Century Gothic;
font-size: 13px;
text-transform:none;
color:#EEE4DD;
background-color:#C5A286;
-moz-border-radius :4px;
width:200px;
height:20px;
padding-top: 0px !important;
padding-left: 20px !important;
padding-bottom: 0px !important;
padding-right: 20px !important;
}


/* Titre des forums -------------------------------------------------------------------*/


.fowrum{
font-family: Century Gothic;
font-size: 12px;
text-transform:none;
color:#A28067;
background-color:#C5A286;
-moz-border-radius :4px;
font-style:normal;
padding-top: 0px;
padding-left: 50px;
padding-bottom: 0px;
padding-right: 50px;
}

.fowrum:hover{
font-family: century gothic;
font-size: 12px;
text-transform:none;
color:#ffffff;
background-color:#C5A286;
-moz-border-radius :4px;
font-style:normal;
padding-top: 0px;
padding-left: 50px;
padding-bottom: 0px;
padding-right: 50px;
}


/* Titre des catégories --------------------------------------------------------------*/

.categorie{
font-family: Century Gothic;
font-size: 12px;
color:#ffffff;
background-color:#816554;
-border-radius:4px !important;
-moz-border-radius:4px !important;
padding-top: 2px !important;
padding-left: 100px !important;
padding-bottom: 4px !important;
padding-right: 10px !important;
text-transform:uppercase;
}




Dernière édition par Moustache le Mer 1 Juin 2011 - 16:53, édité 1 fois

. . . . . . . . . . . . . . . . . . . . . . . . .


« My greatest weakness? Occasionally, I give a damn. »

avatar
admin • on se l'araaaaaache
admin • on se l'araaaaaache
Féminin
Degré de sagesse : 24
Degré de bavartitude : 9125
Logiciels : Photoshop, Inkscape, Photofiltre, Gimp
Voir le profil de l'utilisateur

Re: Prochain design

le Mar 8 Oct 2013 - 23:07
Bon même si notre discussion à fait fuire Nostel x)je serai prête à tenter un truc comme ça :

http://vbabic.deviantart.com/art/Fence-346220516
ou ça
http://vbabic.deviantart.com/art/Rebound-330963752

Les 2 sont très ressemblant mais ce qui me plait c'est le header qui prend toute la largeur de la page, la barre de navig en haut, le bas du site en foncé (ça serai cool de faire un truc dans le genre pour le qeel) et le petit liserai de couleur pour séparer le header du site, et le site du bas du forum. donc l'ensemble à adapter aux couleurs du header clin d\'oeil

Surtout que voila, je serai plus là pour assurer les design et du coup si vous voulez vous simplifier la vie, faire un design "sobre" ça pourrait être une idée du coup qui vous permettrait de changer seulement les élements principaux.
Donc je suis en train de préparer un design orienté dessin, j'essaye de fini ça vite, mais du coup Spree, tu connais des gens qui serait capable de faire ce genre de design?

edit: j'ai commencé un truc (le header viens de DA hein, c'etait juste pour le format ^^)
http://chatmallow.catsboard.com/

. . . . . . . . . . . . . . . . . . . . . . . . .


« My greatest weakness? Occasionally, I give a damn. »
avatar
ex-admin • super swag spree
Féminin
Degré de sagesse : 20
Degré de bavartitude : 413
Logiciels : Photoshop CS6
Voir le profil de l'utilisateur

Re: Prochain design

le Mer 9 Oct 2013 - 21:12
Faut que je trouve des gens. Ca va pas être trop dur, je demanderai sur un forum en particulier comment faire ce genre de design, quelque chose qui s'en rapproche, via forumactif. A voir avec css actif ou gg.
Je m'occupe et je pense que je vais m'occuper du design entièrement... Je proposerai plusieurs trucs, proposez plusieurs headers pour déterminer les couleurs dominantes, une palette de couleurs sobres qui plairaient. :) Je proposerai aussi plusieurs versions selon vos idées etc.
Voilà.

http://www.css-actif.com/t15113-design-via-forumactif#176390

. . . . . . . . . . . . . . . . . . . . . . . . .

avatar
admin • on se l'araaaaaache
admin • on se l'araaaaaache
Féminin
Degré de sagesse : 24
Degré de bavartitude : 9125
Logiciels : Photoshop, Inkscape, Photofiltre, Gimp
Voir le profil de l'utilisateur

Re: Prochain design

le Jeu 10 Oct 2013 - 12:55
si tu veux, les gens que tu connais peuvent bidouiller le forum test
http://chatmallow.catsboard.com/
id : admin
mdp : 123staff

j'ai essayé de faire une version sur photoshop
http://img818.imageshack.us/img818/1520/aqwy.png
(la partie basse est peut être un peu trop imposante pour le coup ^^)

et ce qui serai vraiment vraiment cool, même indispensable c'est de pouvoir changer les images et les couleurs sans passer par les templates à l'avenir.
Parce que au départ, j'étais partie pour faire un forum où les couleurs changent peu (fond gris, barre de navig et bas de forum gris foncé, et forum blanc) mais avec mon dessin ça faisait vraiment moche ^^' donc l'idéal ça serai de quand même changer les couleurs pour l'adapter au header à chaque fois mais du coup faut que ce soit modifiable dans le CSS sinon c'est galère.


Dernière édition par Moustache le Jeu 10 Oct 2013 - 14:03, édité 2 fois

. . . . . . . . . . . . . . . . . . . . . . . . .


« My greatest weakness? Occasionally, I give a damn. »
avatar
admin • marie, mateuse de film X à la retraite
Féminin
Degré de sagesse : 25
Degré de bavartitude : 1636
Humeur : :D
Logiciels : Suite adobe CS5, gimp et photofiltre
Voir le profil de l'utilisateur

Re: Prochain design

le Jeu 10 Oct 2013 - 13:36
Désolée je débarque un peu alors mon message est peut être pas approprié *boulet* Mais j'adore ton essai Mous' =DLes couleurs automnales vont bien avec la saison et restent assez claires et agréables, et puis c'est cool un header avec un dessin !
et je pense pas que la partie basse fera trop imposante quand y'aura plein de catégories pour la séparer du haut ^^
avatar
admin • on se l'araaaaaache
admin • on se l'araaaaaache
Féminin
Degré de sagesse : 24
Degré de bavartitude : 9125
Logiciels : Photoshop, Inkscape, Photofiltre, Gimp
Voir le profil de l'utilisateur

Re: Prochain design

le Jeu 10 Oct 2013 - 14:07
Merci marie :)
J'espère que c'est quand même assez "sobre" pour que ça s'adapte avec n'importe quel header (en changeant les couleurs quand même). Ce qui m'embête c'est le header qui est énorme, j'avais prévu de faire le dessin allongé au départ et puis.. j'ai oublié au fur et à mesure du dessin ^^'

. . . . . . . . . . . . . . . . . . . . . . . . .


« My greatest weakness? Occasionally, I give a damn. »
avatar
chargée de communication • Fuzz' la folle dingue
Féminin
Degré de sagesse : 21
Degré de bavartitude : 1891
Voir le profil de l'utilisateur

Re: Prochain design

le Jeu 10 Oct 2013 - 15:52
C'est troop cool j'approuve!

. . . . . . . . . . . . . . . . . . . . . . . . .


"Voilà c'est tout moi ca, je vais bientôt avoir 30 ans, seul encore, avec ma gueule de moi, sans rien pouvoir y faire.
Je suis moi, connement moi."



avatar
ex-admin • super swag spree
Féminin
Degré de sagesse : 20
Degré de bavartitude : 413
Logiciels : Photoshop CS6
Voir le profil de l'utilisateur

Re: Prochain design

le Jeu 10 Oct 2013 - 17:29
Idem.
Je vois que c'est plus simple que ce que j'imaginais, finalement la question sur css active aura été presque pas utile...

. . . . . . . . . . . . . . . . . . . . . . . . .

avatar
admin • on se l'araaaaaache
admin • on se l'araaaaaache
Féminin
Degré de sagesse : 24
Degré de bavartitude : 9125
Logiciels : Photoshop, Inkscape, Photofiltre, Gimp
Voir le profil de l'utilisateur

Re: Prochain design

le Jeu 10 Oct 2013 - 17:39
Là ou j'ai un blemme c'est pour "détacher" le bas de page. je sais pas si c'est faisable, enfin moi je sais pas faire ^^' mais si t'as d'autres idées vasy hein c'est qu'une proposition que j'ai faite!

. . . . . . . . . . . . . . . . . . . . . . . . .


« My greatest weakness? Occasionally, I give a damn. »
avatar
ex-admin • super swag spree
Féminin
Degré de sagesse : 20
Degré de bavartitude : 413
Logiciels : Photoshop CS6
Voir le profil de l'utilisateur

Re: Prochain design

le Jeu 10 Oct 2013 - 17:44
Détacher dans quel sens?

. . . . . . . . . . . . . . . . . . . . . . . . .

avatar
admin • on se l'araaaaaache
admin • on se l'araaaaaache
Féminin
Degré de sagesse : 24
Degré de bavartitude : 9125
Logiciels : Photoshop, Inkscape, Photofiltre, Gimp
Voir le profil de l'utilisateur

Re: Prochain design

le Jeu 10 Oct 2013 - 17:53
Bah je sais pas trop mail la le QEEL comme il l'est actuellement m'a l'air d'être rattaché à la partie "centrale" du forum. Enfin on dirait que c'est le meme bloc. Alors que si je veux faire ce que je pense, il faudrai peut être le "détacher" du reste pour pouvoir lui mettre un fond de couleur foncée. ou je sais pas trop en fait je suis pas du tout experte bof

. . . . . . . . . . . . . . . . . . . . . . . . .


« My greatest weakness? Occasionally, I give a damn. »
avatar
admin • on se l'araaaaaache
admin • on se l'araaaaaache
Féminin
Degré de sagesse : 24
Degré de bavartitude : 9125
Logiciels : Photoshop, Inkscape, Photofiltre, Gimp
Voir le profil de l'utilisateur

Re: Prochain design

le Lun 14 Oct 2013 - 23:37
Concernant le design, il faudrait l'installer bientôt. Comme ça on pourrai commencer une nouvelle session de pub plus orienté "mature/étudiant/mec".
Mais bon comme j'ai pas réussi pour l'instant à faire la totallité avec les templates, si jamais vous trouvez personne pour aider, vous pouvez vous contentez d'installer le design quand même en copiant/collant juste le template overal_header (j'crois que c'est lui) ça fait structurera toute la partie haute.

Et du coup les boutons "nvx msg/pas de nvx msg/verouillé" je les ai pas fait vraiment j'avais juste coupé des ronds dans ma bannière et collé sur mon essai, j'aurai pas le temps d'y faire avant mon départ j'crois..

. . . . . . . . . . . . . . . . . . . . . . . . .


« My greatest weakness? Occasionally, I give a damn. »
avatar
ex-admin • super swag spree
Féminin
Degré de sagesse : 20
Degré de bavartitude : 413
Logiciels : Photoshop CS6
Voir le profil de l'utilisateur

Re: Prochain design

le Ven 18 Oct 2013 - 22:26
Concernant le type de design que l'on voudrait faire.
J'ai demandé des renseignements auprès d'une connaissance, qui m'a filé quelques conseils. Il m'a donné ce lien : http://grilles-faciles.alwaysdata.net/ pour m'aider à faire des webdesigns. Donc pour la PA ça va m'aider, je pense que je vais en faire une qui sort du commun. J'avais fait un premier plan, donné dans le sujet de l'arrivée de nettuno mais je pense que je vais en refaire un nouveau. (c'était celui-ci http://d13.e-loader.net/Zyc1QfLWZz.png). Ici en fait, l'espace est trop restreint et je n'ai absolument pas utilisé la grille, ce que je vais essayer de faire pour la PA. Ca va prendre du temps donc je pense qu'on peut lancer le design sans la pa, ou alors avec une pa provisoire. Faudra revoir le qeel aussi, en tout cas le choix de ses couleurs.

EDIT : la conversation avec la personne a continué et j'en suis arrivée à quelque chose de nouveau. Sur fa, grâce à la possibilité qu'on a de créer des pages HTML, il est possible de créer une page "home" comme un portail, mais qu'on personnalise entièrement. Mon but est donc de créer une page web de ce type : http://vbabic.deviantart.com/art/Rebound-330963752
http://vbabic.deviantart.com/art/Rebound-330963582
http://vbabic.deviantart.com/art/Moderna-Responsive-HTML-Template-315001025
http://vbabic.deviantart.com/art/Fence-346220516
qui donnera accès au forum qui ne contient que les catégories, le qeel, la bannière et la navigation en haut. On ne serait donc pas obligés de faire un forum avec une grande bannière de ce type, mais directement la grande bannière dans le home, puis une petite réduction de sa taille lorsqu'on arrive sur le forum. On peut en faire une autre du même genre avec d'autres personnages (on aurait besoin de moustache) pour ne pas faire trop pareil entre la page home et le forum.

. . . . . . . . . . . . . . . . . . . . . . . . .

avatar
journaliste • Jacquouille la Fripouille, alias Pépé
Féminin
Degré de sagesse : 21
Degré de bavartitude : 2922
Humeur : Prout.
Logiciels : Photoshop & Gimp.
Voir le profil de l'utilisateur

Re: Prochain design

le Ven 18 Oct 2013 - 22:45
La construction de la PA que tu as faite est pas si mal je trouve, elle simple et jolie. Mais si tu as d'autres idées vas-y ! Par contre, le seul truc que je n'aime pas est l'image ronde avec l'ours. Il se trouve juste au dessus, pas vraiment dans le même angle, ça fait trop répétition. Mais sans, ça ferait vraiment un vide aussi.

Par contre j'aime bien ce rose moi ! Il rappelle la robe de la serveuse ajoute de la légèreté et de la fraîcheur surtout. Si vous voulez mettre une autre couleur, s'il vous plait pas du brun/ocre/beige, ce serait beaucoup trop monochrome.

Si vous voulez mon aide je suis là ! clin d\'oeil

. . . . . . . . . . . . . . . . . . . . . . . . .



avatar
ex-admin • super swag spree
Féminin
Degré de sagesse : 20
Degré de bavartitude : 413
Logiciels : Photoshop CS6
Voir le profil de l'utilisateur

Re: Prochain design

le Ven 18 Oct 2013 - 23:18
Alors on l'utilisera provisoirement, le temps que je fasse le plan sur photoshop de l'idée de la page HOME du forum (qui serait la page d'accueil). ^^ Et on aurait besoin de ton aide pour la réaliser justement hahah, c'est carrément une page du même type réalisée en html/css c'est tout à fait faisable ^^ Le plan va m'être long à réaliser car il faut que j'arrive à marquer mes repaires sur photoshop, avoir une idée de la longueur que la page peut prendre, rassembler les idées pour le contenu etc. Mine de rien, c'est du boulot :p Je pense que dans 3 semaines on l'aura, si je m'y mets pendant les vacances (je suis en vacs *____*)

. . . . . . . . . . . . . . . . . . . . . . . . .

avatar
journaliste • Jacquouille la Fripouille, alias Pépé
Féminin
Degré de sagesse : 21
Degré de bavartitude : 2922
Humeur : Prout.
Logiciels : Photoshop & Gimp.
Voir le profil de l'utilisateur

Re: Prochain design

le Sam 19 Oct 2013 - 0:08
Ce week-end je peux aider un peu, par contre la semaine qui va venir je ne peux pas dire. Mais apr_s je serai en vacance ! clin d\'oeil

(Après, je ne suis pas quelqu'un de super méga calée en codage, ici j'ai juste fait la PA, la fiche de pub et la présentation des profils dans les messages ^^)

. . . . . . . . . . . . . . . . . . . . . . . . .



avatar
ex-admin • super swag spree
Féminin
Degré de sagesse : 20
Degré de bavartitude : 413
Logiciels : Photoshop CS6
Voir le profil de l'utilisateur

Re: Prochain design

le Sam 19 Oct 2013 - 0:32
Pas de soucis j'ai des contacts :) Pour le plan ça va prendre du temps par contre. ^^

. . . . . . . . . . . . . . . . . . . . . . . . .

avatar
Invité
Invité

Re: Prochain design

le Sam 19 Oct 2013 - 11:16
J'aime bien vos idées happy

Pour la PA, il ne faut surtout pas mettre des images qui tournent ! Une amie a ça sur son forum et je galère à chaque fois que je veux cliquer quelque part -.-' Mais du style un filtre qui rend l'image ''lumineuse'' ça peut être sympa happy (Je peux faire un schéma si vous avez pas compris ce que je disais clin d\'oeil)

Après, je trouve que ça manque de joie, de pep's bof C'est très monotone en fait et le rose fait plus fille (c'est un cliché), plus dur d'attirer la gente masculine ici ^^
avatar
journaliste • Jacquouille la Fripouille, alias Pépé
Féminin
Degré de sagesse : 21
Degré de bavartitude : 2922
Humeur : Prout.
Logiciels : Photoshop & Gimp.
Voir le profil de l'utilisateur

Re: Prochain design

le Sam 19 Oct 2013 - 14:16
Ah moi non plus j'aime pas les images qui tournent. C'est Mous qui les a rajouté, je tiens à la préciser ! x)

Ah d'accord, c'est super si tu as des contacts Spree ! :)

. . . . . . . . . . . . . . . . . . . . . . . . .



avatar
Invité
Invité

Re: Prochain design

le Sam 19 Oct 2013 - 21:22
Je vous montre sur le site de mon amie : http://esquisse.azurforum.com/
Il est difficile d'accéder au lien des images, c'est une terreur ! Ne surtout pas mettre des images qui tournent clin d\'oeil
avatar
chargée de communication • Fuzz' la folle dingue
Féminin
Degré de sagesse : 21
Degré de bavartitude : 1891
Voir le profil de l'utilisateur

Re: Prochain design

le Dim 20 Oct 2013 - 8:07
La en plus il y en a partout! Une ou deux c'est sympa mais après...

. . . . . . . . . . . . . . . . . . . . . . . . .


"Voilà c'est tout moi ca, je vais bientôt avoir 30 ans, seul encore, avec ma gueule de moi, sans rien pouvoir y faire.
Je suis moi, connement moi."



avatar
Invité
Invité

Re: Prochain design

le Dim 20 Oct 2013 - 10:37
Oui, elle en a mis un peu trop et c'est galère pour cliquer >_>
Je vais vous montrer ce dont je parlais -image lumineuse-, je fais un schéma dans l'après-midi happy
avatar
journaliste • Jacquouille la Fripouille, alias Pépé
Féminin
Degré de sagesse : 21
Degré de bavartitude : 2922
Humeur : Prout.
Logiciels : Photoshop & Gimp.
Voir le profil de l'utilisateur

Re: Prochain design

le Ven 25 Oct 2013 - 23:00
Désolée mais finalement je ne pourrai pas vous aider, j ai laissé le chargeur de mon ordi a Dijon. Ça me fait franchement chier car j ai du boulot a faire. >.< je ne vais pas non plus aller le chercher car je n ai pas envie de perdre une journée pour ça et le train c est pas donné. En attendant j utilise la tablette de ma mère mais j aime pas ce n est pas pratique du tout !
Raaaaah je me déteste !

. . . . . . . . . . . . . . . . . . . . . . . . .



avatar
Invité
Invité

Re: Prochain design

le Sam 26 Oct 2013 - 13:58
C'est très pratique les tablettes =P Selon la tablette bien sur clin d\'oeil Je viens sur le forum avec la mienne presque tous les jours happy


L'idée est de mettre un "filtre" blanc d'une opacité de 25% environ qui s'enlève au passage de la souris, rendant ainsi l'image "lumineuse" happy
avatar
journaliste • Jacquouille la Fripouille, alias Pépé
Féminin
Degré de sagesse : 21
Degré de bavartitude : 2922
Humeur : Prout.
Logiciels : Photoshop & Gimp.
Voir le profil de l'utilisateur

Re: Prochain design

le Sam 26 Oct 2013 - 14:09
Selon la tablette alors...

Concernant l'image lumineuse je vois ce que tu veux dire et honnêtement je n'aime pas du tout ces effets. Je ne trouve pas que ça rajoute de l'esthétisme et pour un forum d'art ou il y a beaucoup d'images il vaut mieux garder les images "bruttes". (Ce n'est qu'un avis hein ^^)

Au fait spree tu en ai ou ? :-)

. . . . . . . . . . . . . . . . . . . . . . . . .



avatar
Invité
Invité

Re: Prochain design

le Sam 26 Oct 2013 - 17:01
Tu as quoi comme tablette ? happy Une sur Android 4.0 je vois vu le smiley":-)" =P

Mais tout avis est bon à prendre clin d\'oeil Je réfléchis si je connais d'autres effets ^^
Contenu sponsorisé

Re: Prochain design

Voir le sujet précédentRevenir en hautVoir le sujet suivant
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum