News Accueil

Terrible

Libre-service de codages pour vos forums


Commande d'index, sujet & profil

par Une Tortue le le Jeu 3 Mai - 14:28
Bonsoir, Bonjour,
Je viens timidement te commander un index complet avec sujet et profil. Excited
Après, c'est vrai qu'il n'y a rien sur le forum, mais c'est juste que tout et sur un drive bien au chaud que le design et le codage soit mit en place.



Les couleurs de la maquettes ne sont pas les couleurs définitive de mon forum mais comme j'ai pas encore fait le design, je suis parti sur des nuances de gris pour qu'ensuite elle puisse être utilisé en LS o/

Commande de codage



Élément à coder : Index complet
Adresse du forum : http://chroniques-meithea.forumactif.com/
Version du forum : phpBB2

Je sais pas si cela peut être utile mais j'ai toute les tailles des carrés de cette fichue maquette. Donc je vais tout te mettre et essayer d'être le clair possible. Crois moi, j'ai vraiment essayer de te facilité le travail au maximum !
Schéma : https://image.noelshack.com/fichiers/2018/17/6/1524939428-maquette-meithea-grand.png
https://image.noelshack.com/fichiers/2018/17/7/1525017876-maquette-meithea-grand-sans-survol.png
Taille des éléments :
Élément de base ; La taille du corps du forum fait la taille de la bannière soit 850px de largeur. La barre sur la droite fait 250px de largeur et la barre de navigation fait 50px de hauteur. 

PA ; Le fond gris clair : 825*320 / Le cadre des liens : 150*310 et d'1px d'épaisseur. Les petits rectangles des liens fait 125*20 / Les carrés contexte et annonces font 175*210 / Le cadre pour le message de bienvenue : 650*300

Catégorie ; Nom de catégorie ; 850*100 / Les deux cadres ; 150*150 / Titre du forum : 500*30 / Zone description : 270*110 / Sous Forum ; 220*20 /

QEEL ; Nos précieux voyageurs ; 850*100 / Le cadre et le rectangle blanc : 460*160 et 455*155 / Les groupes ; 190*50 et la barre de couleur ; 190*5

Footer ; Tout les indications sont sur la maquette normalement xD

Barre latérale ; Cadre du milieu ; 220*170 en 1px
Cadre dernier sujet ; 230*250 en 1px

Ressources : Polices, images, couleurs, etc.
Les typos utilisées sont Playfair Display Et Orator Std Cependant, je ne sais pas si Orator est utilisable pour le codage donc si tu ne trouve pas, tu peux la remplacer par Arial ^^

Couleurs ;
#303030 ( Barre de navigation )
#595959 ( Corps du forum et barre latérale )
#969696 ( Fond de la PA et des Titres des catégories / QEEL )
#605ca8 ( Lenwë )
#448ccb ( Meiwë )
#3cb878 ( Aldörne )
#a0410d ( In-Gorh )
#b52f34 ( Sarathalan )
#f7941d ( Fanyamar )
#a186be ( Guilde des Aventuriers )
#000000 ( Bandits )

Images ;
https://image.noelshack.com/fichiers/2018/17/7/1525011932-50x50.png
https://image.noelshack.com/fichiers/2018/17/7/1525011931-50x100.png
https://image.noelshack.com/fichiers/2018/17/7/1525011932-100x50.png
https://image.noelshack.com/fichiers/2018/17/7/1525011966-88x31.png
https://image.noelshack.com/fichiers/2018/17/7/1525011966-205x150.png
https://image.noelshack.com/fichiers/2018/17/7/1525011994-135x135.png
https://image.noelshack.com/fichiers/2018/17/7/1525012009-100x100.png
https://image.noelshack.com/fichiers/2018/17/7/1525012009-150x100.png
https://image.noelshack.com/fichiers/2018/17/7/1525012050-250x500.png
https://image.noelshack.com/fichiers/2018/17/7/1525017878-sun-2.png
https://image.noelshack.com/fichiers/2018/17/7/1525017956-icons8-natural-food-48.png


Autres précisions : Si y a besoin de modifier des tailles parce que cela rends pas bien ou que cela fait tout buger, fait le. La maquette est juste là pour te montrer ce que j'ai en tête xD
Pour le nom des predéfinis et les partenaires, c'est possible que cela soit des infobulles ?
Et après c'est purement esthétique, mais c'est possible que lors qu'on passe sa souris sur un groupe, ce dernier devienne de la couleur du groupe ?

Acceptez-vous que votre commande aille dans le LS ? : Oui bien sûr o/



Commande de codage



Élément à coder : Profil
Adresse du forum : http://chroniques-meithea.forumactif.com/
Version du forum : phpBB2

Décrire un peu le code souhaité, son apparence, ses couleurs, etc.
Schéma : https://image.noelshack.com/fichiers/2018/17/7/1525012287-maquette-meithea-profil.png
Taille des éléments : Avatar ; 200*320
Barre pseudo ; 850*100
Zone information ; 825*320
Carré messages et sujets ; 116*44 en 1px
Cadre de l'image 150*100 ; 160*110

Ressources : Polices ; Playfair Display & Orator Std
Images ;
https://image.noelshack.com/fichiers/2018/17/7/1525012009-150x100.png
https://image.noelshack.com/fichiers/2018/17/7/1525017221-mp.png
https://image.noelshack.com/fichiers/2018/17/7/1525017225-presentation.png
https://image.noelshack.com/fichiers/2018/17/7/1525017226-rs.png
https://image.noelshack.com/fichiers/2018/17/7/1525017667-discord.png
https://image.noelshack.com/fichiers/2018/17/7/1525017667-email.png
https://image.noelshack.com/fichiers/2018/17/7/1525017667-inventaire.png
www.png" target="_blank" rel="nofollow">https://image.noelshack.com/fichiers/2018/17/7/1525017668-www.png

Couleurs ;
#595959 ( Fond barre pseudo )
#969696 ( Fond zone d'information )


Autres précisions : C'est possible que le carré où se trouve le pseudo puisse prendre la couleur du groupe ?
Acceptez-vous que votre commande aille dans le LS ? : Oui o/





Commande de codage



Élément à coder : Sujet
Adresse du forum : http://chroniques-meithea.forumactif.com/
Version du forum : phpBB2

Décrire un peu le code souhaité, son apparence, ses couleurs, etc.
Schéma : https://image.noelshack.com/fichiers/2018/17/7/1525014952-maquette-meithea-sujet.png
https://image.noelshack.com/fichiers/2018/17/7/1525015203-maquette-meithea-sujet-avec-survole.png

Taille des éléments :
Barre de titre ; 850*100
Barre date ; 600*20
Zone de texte ; 600px de largeur
Fond profil ; 250px de largeur
Avatar ; 200*320
Cadre profil ; 310*330 et 1 px d'épaiseur
Carré pseudo & rang ; 210*100

Ressources :
Polices : Playfair Display & Orator Std

Images : https://image.noelshack.com/fichiers/2018/17/7/1525017221-citer.png
https://image.noelshack.com/fichiers/2018/17/7/1525017221-editer.png
https://image.noelshack.com/fichiers/2018/17/7/1525017221-mp.png
https://image.noelshack.com/fichiers/2018/17/7/1525017225-presentation.png
https://image.noelshack.com/fichiers/2018/17/7/1525017225-profil.png
https://image.noelshack.com/fichiers/2018/17/7/1525017226-rs.png
https://image.noelshack.com/fichiers/2018/17/7/1525017222-supprimer.png
https://image.noelshack.com/fichiers/2018/17/7/1525017340-nouveau.png
https://image.noelshack.com/fichiers/2018/17/7/1525017335-repondre.png

Couleurs :
Barre de titre ; #969696
Barre date ; #595959
Zone de texte ; #b4b4b4
Fond profil ; #262626
Cadre profil ; #ffffff
Carré pseudo & rang ; #ffffff


Autres précisions : Le trait du titre n'est pas obligatoire, je l'ai mis car je trouver cela jolie après si question pratique cela gêne, ne le met pas ^^
Acceptez-vous que votre commande aille dans le LS ? :Yep yep


Je te remercie d'avance Hug et excuse moi pour la grosse commande juste après la réoverture des tes commandes Cry forever
par Awful le le Ven 4 Mai - 22:43
Haha, tu guettais la réouverture des commandes ma parole xD

Index complet
Parfait, tout me semble en ordre !

Profil
Alors je vais avoir quelques questions...
Je ne peux pas coder de profil sans connaître tous tes champs. Ce sont des champs de profil ? Une feuille de perso ? Si tu les as créés, fournis-moi une capture d'écran ou alors la liste des champs avec leur nom exact (si je veux les cibler avec du js, c'est important).
Discord, présentation, RS, inventaire sont des champs de contact ?
"Discord" est un lien ?

Sujet
Le cadre autour de l'avatar fait partie de l'image ou bien du codage ?

Quand tu ajoutes "et 1 px d'épaisseur", c'est compris dans la mesure que tu donnes ou ça s'ajoute en plus ?

Merci de tes réponses !

par Une Tortue le le Sam 5 Mai - 11:38
Moi guetter ? Mais pas du tout Shifty eyes
En vrai, j'avais fini ma maquette pile le jour où tu avais fermé tes commandes xD
Et puis je suis tellement admirative de ton travail que j'avais très envie que cela soit toi qui face la codage de mon forum.
Donc ouais, j'ai attendue xD

Alors pour le profil ;
Voila le screen des différents champs.
https://cdn.discordapp.com/attachments/134055056361259009/442239771067023361/unknown.png
https://cdn.discordapp.com/attachments/134055056361259009/442239031561027585/unknown.png

Ce sont pour le premier screen des champs de profil et pour le second des champs de contact.
Pour ce qui est du champ discord, je voulais que cela face comme le champ skype en mettant juste le nom d'utilisateur mais ça marche pas Tears
Donc j'ai un peu modifier la maquette pour retirer le champ discord : https://image.noelshack.com/fichiers/2018/18/6/1525511775-maquette-meithea-profil.png

Pour le sujet, le cadre c'est du codage. Dans ma commande, il correspond à cela : Cadre profil ; 310*330 et 1 px d'épaiseur

Et pour finir, le 1px d'épaisseur, c'est tout simplement le cadre de 1px qui fait la taille de la zone.C'est compris dedans. Je sais pas si c'est compréhensible Ughh

J'espère que c'est bon et si tu as d'autres questions, hésite pas Yeah
par Une Tortue le le Lun 21 Mai - 14:07
Coucou o/

Je viens aux nouvelles pour savoir comment cela avance ^^
Y a juste deux petites choses qu'il faudrait modifier pour la maquette, si cela dérange pas >x<
Voilà, il faudrait remplacer la police Orator par " Economica " => https://fonts.google.com/specimen/Economica?selection.family=Economica

Et j'ai modifier juste un peu les catégories car je me suis aperçue : qu'il y avait pas l'image pour indiquée les nouveaux messages Tears

https://image.noelshack.com/fichiers/2018/21/1/1526904194-maquette-categorie-v2.png
Le cadre fait maintenant 150*100 et l'image au dessus c'est du 150*30 https://image.noelshack.com/fichiers/2018/21/1/1526904357-150x30.png

Voilà voilà o/ Je suis encore désolé pour ces petites modifications de dernières minutes Ughh
par Awful le le Mer 23 Mai - 23:30
Bonjour la Tortue o/
Je t'informe que j'ai bien commencé le codage mais après quelques vacances + un déménagement, je n'ai pas eu le temps de repasser !
Je m'y remets dès que possible et ton codage sera bientôt terminé c:
Merci de ta patience !
par Contenu sponsorisé le