Fiche de réponses
Résumé des rps
Fiche de relations
Signature
Fiche de présentations
Codes divers
Avatars 200x320
Graphisme
Problème avec un code
Commandes
Partenaires



 
AccueilAccueil  Dernières imagesDernières images  RechercherRechercher  S'enregistrerS'enregistrer  ConnexionConnexion  
Le deal à ne pas rater :
Google Pixel 7 5G – Smartphone 6,3″ OLED FHD+ 8 Go + 128 Go
316 €
Voir le deal

Graphiorum :: Le coin entre nous :: Demandes :: Commandes terminéesVoir le sujet précédent Voir le sujet suivant Aller en bas 
Fiche d'identification
Aller à la page : 1, 2  Suivant

Anonymous

Liintu
Invité

Fiche d'identification Empty
MessageSujet: Fiche d'identification Fiche d'identification Icon_minitimeMar 26 Juin 2018 - 17:07
Commande


Code
Quel genre de création ? [ ] Fiche de réponses  [ ] Fiche de relations [X] Fiche de présentations [ ] Résumé des rps [ ] Autre (téléphone, livre, etc) ?

Description de ce que vous attendez : Il s'agit d'une fiche de présentation pour les chevaux (1 fiche/cheval). Elle doit être fonctionnelle dans l'utilisation avec plusieurs parties modifiables.
-Il y a plusieurs zones de photos avec des dimensions précises, si possible est ce que l'image peut se redimensionner automatiquement?
-Des zones de textes avec parfois des liens (je l'indique sur le schéma).
-Les barres d'évolution sont soit en "%" ou en "points" (total sur 500). Si le chiffre peut apparaître lorsqu'on passe le curseur dessus ça serait chouette, sinon pas de soucis tant qu'on peut voir le chiffre c'est parfait. La taille de la barre n'est pas définit, c'est vraiment en fonction de ce qu'il est possible de faire.
-Je n'ai pas de police d'écriture en tête, mais si c'est possible d'avoir j'aimerais avoir le choix de la changer avec le code ccs.

-2 options: soit tout voir en 1 bloc (il faut alors retirer la barre en rouge avec les onglets qui sont sous la photo du haut) ou laisser cette barre rouge et lorsqu'on clic sur un onglet, que la partie concernée apparaisse. Là c'est au choix en fonction de ce qui est faisable Smile

Images : Les images seront les photos des chevaux, pas d'images fixes. Je peux en faire des vides pour mettre en attendant si besoin Smile

Texte voulu (facultatif): Tout le texte est mis sur la fiche, si possible il faudrait que ça soit modifiable Smile

Couleur(s) (facultatif) : Encore une fois si je peux modifier les couleurs avec le CCS ça serait parfait !
Actuellement le cadre et le texte: #28382b, et les barres: #75a57f
(si ça peu aider pour les couleurs voilà le forum: http://grey-stables.forumactif.com )

Schéma (facultatif) :
Spoiler:

Autre(s) information(s) Franchement si c'est possible un grand grand merci !!! Le forum est presque finit et je ne trouve personne pour m'aider avec cette fiche. Je me débrouille en graph' mais pas du tout en codage :/



Revenir en haut Aller en bas

Libella

Libella
Admin

Fiche d'identification Empty
MessageSujet: Re: Fiche d'identification Fiche d'identification Icon_minitimeMer 27 Juin 2018 - 18:26
Bonjour :saut:

Un bonjour de ta part aurait été apprécié Wink

Je pense pouvoir te faire ça. Je vais d'abord faire la version en un bloc et je verrais après pour la version en onglet.

J'essaye de te faire ça rapidement Pompom En tout cas, tes explications et ton schéma me semblent très clairs Content
Revenir en haut Aller en bas

Anonymous

Liintu
Invité

Fiche d'identification Empty
MessageSujet: Re: Fiche d'identification Fiche d'identification Icon_minitimeMer 27 Juin 2018 - 19:59
Oh franchement désolé j'étais persuadée d'avoir mis le "bonjour" avant, sorry Embarassed

Si c'est en un seul bloc c'est vraiment pas grave, c'est déjà super de le faire franchement :saut:

J'ai essayé d'être le plus clair possible dans le demande pour faciliter le travail derrière.
Si ça peu aider, en attendant je bosse avec ce type de fiche (on est loin de ce que je souhaite, mais franchement ça dépanne bien): fiche type

Un énorme merci à toi  :<3:
Et encore désolé d'avoir oublié le "bonjour" Slip
Revenir en haut Aller en bas

Libella

Libella
Admin

Fiche d'identification Empty
MessageSujet: Re: Fiche d'identification Fiche d'identification Icon_minitimeMer 27 Juin 2018 - 20:11
Pas de souci Slip

Oui, c'est vraiment parfait le schéma et les explications. petit coeur

Pour le type de fiche, je n'y ai pas accès en tant qu'invité.
Revenir en haut Aller en bas

Anonymous

Liintu
Invité

Fiche d'identification Empty
MessageSujet: Re: Fiche d'identification Fiche d'identification Icon_minitimeMer 27 Juin 2018 - 20:16
Je suis contente alors :saut:
Problème résolu, je viens de modifier l'accès à cette partie, tu devrais pouvoir la voir à présent Very Happy

J'ai mis une pub & un lien crédit vers le forum si jamais, comme ça je risque pas de zapper et faire une autre boulette >_< mdr
Revenir en haut Aller en bas

Libella

Libella
Admin

Fiche d'identification Empty
MessageSujet: Re: Fiche d'identification Fiche d'identification Icon_minitimeMer 27 Juin 2018 - 21:34
Oui, c'est bon, j'y ai accès :saut:
Revenir en haut Aller en bas

Anonymous

Liintu
Invité

Fiche d'identification Empty
MessageSujet: Re: Fiche d'identification Fiche d'identification Icon_minitimeJeu 28 Juin 2018 - 21:15
Parfait Very Happy
Tu as le temps, comme j'ai la fiche de remplacement en attendant ça va le faire Slip
Encore merci Pompom
Revenir en haut Aller en bas

Libella

Libella
Admin

Fiche d'identification Empty
MessageSujet: Re: Fiche d'identification Fiche d'identification Icon_minitimeDim 1 Juil 2018 - 12:26
J'ai presque terminé. Content Il me manque plus que l'identité et la partie disciplines. Il faut que je vois comment faire ces barres-là à points. Les barres en pourcentages sont faites.
Revenir en haut Aller en bas

Anonymous

Liintu
Invité

Fiche d'identification Empty
MessageSujet: Re: Fiche d'identification Fiche d'identification Icon_minitimeDim 1 Juil 2018 - 17:13
Hâte de voir tout ça :saut:
Merci pour ce que tu as déjà fait Coeur
Revenir en haut Aller en bas

Anonymous

Liintu
Invité

Fiche d'identification Empty
MessageSujet: Re: Fiche d'identification Fiche d'identification Icon_minitimeLun 2 Juil 2018 - 18:39
Coucou
Désolé du double poste, mais j'ai une petite question.
J'ai actuellement une PA trouvée en libre service, c'est possible d'ajouter quelque chose dessus? (partie liens & météo).
Je sais que comme c'est un code de quelqu'un d'autre ça peu poser soucis alors je préfère quand même poser la question Smile
Revenir en haut Aller en bas

Libella

Libella
Admin

Fiche d'identification Empty
MessageSujet: Re: Fiche d'identification Fiche d'identification Icon_minitimeJeu 5 Juil 2018 - 17:42
Re-bonjour :saut:

Je pense que le mieux est de voir directement avec la personne qui a fait le code. Soit elle refusera, soit elle te dira que tu peux rajouter ça, soit elle te fera peut-être les rajouts. Si tu as trouvé ça sur un site/forum de libre service comme ici, tu peux demander dans la partie pour. Si c'est un forum de libre service avec des membres qui postent leur libre service, il vaut peut-être mieux envoyer un MP, pour éviter que ton message se noie dans la masse.
Revenir en haut Aller en bas

Anonymous

Liintu
Invité

Fiche d'identification Empty
MessageSujet: Re: Fiche d'identification Fiche d'identification Icon_minitimeJeu 5 Juil 2018 - 21:26
Hello !
Je vais voir si la personne accepte de le faire, comme c'est un truc "payant" (monnaie du forum) je vais voir à tout ça, sinon je passerais commande pour une PA perso si je trouve rien de mieux Smile

J'ai les images de fond pour la généalogie et l'inventaire de la fiche si jamais ^^
Revenir en haut Aller en bas

Libella

Libella
Admin

Fiche d'identification Empty
MessageSujet: Re: Fiche d'identification Fiche d'identification Icon_minitimeVen 6 Juil 2018 - 20:08

Je t'ai fait la fiche ici. J'espère qu'elle te convient.  petit coeur  Pour les images, je te laisserai les mettre. Si tu vois des choses à changer n'hésite pas. Ensuite, voilà un petit tuto pour bien la remplir, comme je ne sais pas si tu t'y connais ou si tes membres le sauront, donc dans le doute j'anticipe xD Tout est indiqué, donc je vais juste expliquer pour les images et les barres.

Les images
• Identité
Pour mettre l'image de la partie identité, il faut repérer ce code
Code:
<div class="imageidentite" style="background:url('https://www.zupimages.net/up/18/26/0pub.png') center center;background-size:100%;"></div>

Il faut mettre l'adresse de l'image entre les deux ' sans rien rajouter de plus ni changer la taille, qui sera gérée par le CSS. L'image se redimensionnera toute seule. Néanmoins, selon le visuel ou l'effet recherché par le membre, il est possible d'agrandir ou de diminuer la place que prend l'image dans le cadre en changeant le pourcentage, ainsi que son emplacement en changeant le "center center". Petit exemple avec cette image : https://upload.wikimedia.org/wikipedia/commons/thumb/3/31/Photo_d%27un_cheval_Pure_Race_Espagnole.JPG/800px-Photo_d%27un_cheval_Pure_Race_Espagnole.JPG

Sans modification :


En agrandissant, passage de 100 à 200% sans toucher le "center center" :


En agrandissant, passage de 100 à 200% et passage de "center center" à "right top"


• Aptitude :
Même principe pour l'image centrale de la partie aptitude

Code:
<div class="imageaptitude" style="background:url('https://www.zupimages.net/up/18/26/b7if.png') center center;background-size:100%;"></div>

• Inventaire
Même principe que précédemment

Code:
<div class="imginventaire" style="background:url('https://zupimages.net/up/18/26/650n.png');background-size:100%;"></div>

• Généalogie
Les images sont toutes sous cette forme

Code:
<img src="https://zupimages.net/up/18/26/nx4s.png" class="imgparent"/>
et
Code:
<img src="https://zupimages.net/up/18/26/yh9x.png" class="imgenfant"/>
Il faudra simplement remplacer l'adresse de l'image et la mettre entre les deux " sans rien rajouter. Il n'y a pas de modification possible. L'image sera automatiquement recadrée via le CSS.

Les barres de progression
• Identité :
80%

Code:
<div class="barreidentite">80%<div class="barreidentiteprogression" style="width:80%"></div></div>
Il faudra changer le pourcentage dans les deux cas, donc le texte "80%" et le "width:80%", qui remplit la barre de progression. Par exemple pour 30%, ça donnera ça :
30%

Soit le code suivant
Code:
<div class="barreidentite">30%<div class="barreidentiteprogression" style="width:30%"></div></div>

• Santé :
100%

Code:
<div class="barresante"><div class="textebarresante">100%</div><div class="barresanteprogression" style="width:100%"></div></div>
Comme précédemment, il suffit de changer les pourcentages. Pour savoir quelle barre correspond à quoi, il suffit de regarder ce qui précède le code. S'il y a
Code:
<!-SANTE-->
devant, c'est la barre de la santé, si c'est
Code:
<!-MORAL-->
devant, c'est la barre sur le moral, etc.

• Aptitude :
Equilibre
80%

Code:
<div class="soustitre_2">Equilibre</div><div class="barreaptitude">80%<div class="barreaptitudeprogression" style="width:80%;"></div></div>
Pareil que précédemment, il suffit de changer les pourcentages.

• Disciplines :
500 points

Code:
<!-DRESSAGE--><div class="barredisciplines"><div class="textebarredisciplines">500 points</div><div class="barredisciplinesprogression" style="width:100%"></div></div>

Alors pour cette partie, il va falloir faire des maths xD Je ne sais pas si tu es familière avec le produit en croix pour convertir les pourcentages en points.
100 % => 500 points
Ce que je cherche = > Ce que j'ai donc par exemple 400 points
Soit 100 x 400 = 40 000
40 000/500 = 80
Donc il faudra indiquer 80 en pourcentage et 400 en points donc
400 points

Code:
<!-DRESSAGE--><div class="barredisciplines"><div class="textebarredisciplines">400 points</div><div class="barredisciplinesprogression" style="width:80%"></div></div>

Sinon voilà le tableau que tu pourras poster avec le formulaire pour facilité le remplissage pour les membres, sans devoir faire le calcul :

PointsPourcentage
51
102
153
204
255
306
357
408
459
5010
5511
6012
6513
7014
7515
8016
8517
9018
9519
10020
10521
11022
11523
12024
12525
13026
13527
14028
14529
15030
15531
16032
16533
17034
17535
18036
18537
19038
19539
20040
20541
21042
21543
22044
22545
23046
23547
24048
24549
25050
25551
26052
26553
27054
27555
28056
28557
29058
29559
30060
30561
31062
31563
32064
32565
33066
33567
34068
34569
35070
35571
36072
36573
37074
37575
38076
38577
39078
39579
40080
40581
41082
41583
42084
42585
43086
43587
44088
44589
45090
45591
46092
46593
47094
47595
48096
48597
49098
49599
500100
Code:

[table border="0" cellspacing="0"]
[tr style=][td align="left" height="17"]Points[/td]
[td align="left"]Pourcentage[/td]
[/tr]

[tr style=][td align="right" height="17"]5[/td]
[td align="right"]1[/td]
[/tr]

[tr style=][td align="right" height="17"]10[/td]
[td align="right"]2[/td]
[/tr]

[tr style=][td align="right" height="17"]15[/td]
[td align="right"]3[/td]
[/tr]

[tr style=][td align="right" height="17"]20[/td]
[td align="right"]4[/td]
[/tr]

[tr style=][td align="right" height="17"]25[/td]
[td align="right"]5[/td]
[/tr]

[tr style=][td align="right" height="17"]30[/td]
[td align="right"]6[/td]
[/tr]

[tr style=][td align="right" height="17"]35[/td]
[td align="right"]7[/td]
[/tr]

[tr style=][td align="right" height="17"]40[/td]
[td align="right"]8[/td]
[/tr]

[tr style=][td align="right" height="17"]45[/td]
[td align="right"]9[/td]
[/tr]

[tr style=][td align="right" height="17"]50[/td]
[td align="right"]10[/td]
[/tr]

[tr style=][td align="right" height="17"]55[/td]
[td align="right"]11[/td]
[/tr]

[tr style=][td align="right" height="17"]60[/td]
[td align="right"]12[/td]
[/tr]

[tr style=][td align="right" height="17"]65[/td]
[td align="right"]13[/td]
[/tr]

[tr style=][td align="right" height="17"]70[/td]
[td align="right"]14[/td]
[/tr]

[tr style=][td align="right" height="17"]75[/td]
[td align="right"]15[/td]
[/tr]

[tr style=][td align="right" height="17"]80[/td]
[td align="right"]16[/td]
[/tr]

[tr style=][td align="right" height="17"]85[/td]
[td align="right"]17[/td]
[/tr]

[tr style=][td align="right" height="17"]90[/td]
[td align="right"]18[/td]
[/tr]

[tr style=][td align="right" height="17"]95[/td]
[td align="right"]19[/td]
[/tr]

[tr style=][td align="right" height="17"]100[/td]
[td align="right"]20[/td]
[/tr]

[tr style=][td align="right" height="17"]105[/td]
[td align="right"]21[/td]
[/tr]

[tr style=][td align="right" height="17"]110[/td]
[td align="right"]22[/td]
[/tr]

[tr style=][td align="right" height="17"]115[/td]
[td align="right"]23[/td]
[/tr]

[tr style=][td align="right" height="17"]120[/td]
[td align="right"]24[/td]
[/tr]

[tr style=][td align="right" height="17"]125[/td]
[td align="right"]25[/td]
[/tr]

[tr style=][td align="right" height="17"]130[/td]
[td align="right"]26[/td]
[/tr]

[tr style=][td align="right" height="17"]135[/td]
[td align="right"]27[/td]
[/tr]

[tr style=][td align="right" height="17"]140[/td]
[td align="right"]28[/td]
[/tr]

[tr style=][td align="right" height="17"]145[/td]
[td align="right"]29[/td]
[/tr]

[tr style=][td align="right" height="17"]150[/td]
[td align="right"]30[/td]
[/tr]

[tr style=][td align="right" height="17"]155[/td]
[td align="right"]31[/td]
[/tr]

[tr style=][td align="right" height="17"]160[/td]
[td align="right"]32[/td]
[/tr]

[tr style=][td align="right" height="17"]165[/td]
[td align="right"]33[/td]
[/tr]

[tr style=][td align="right" height="17"]170[/td]
[td align="right"]34[/td]
[/tr]

[tr style=][td align="right" height="17"]175[/td]
[td align="right"]35[/td]
[/tr]

[tr style=][td align="right" height="17"]180[/td]
[td align="right"]36[/td]
[/tr]

[tr style=][td align="right" height="17"]185[/td]
[td align="right"]37[/td]
[/tr]

[tr style=][td align="right" height="17"]190[/td]
[td align="right"]38[/td]
[/tr]

[tr style=][td align="right" height="17"]195[/td]
[td align="right"]39[/td]
[/tr]

[tr style=][td align="right" height="17"]200[/td]
[td align="right"]40[/td]
[/tr]

[tr style=][td align="right" height="17"]205[/td]
[td align="right"]41[/td]
[/tr]

[tr style=][td align="right" height="17"]210[/td]
[td align="right"]42[/td]
[/tr]

[tr style=][td align="right" height="17"]215[/td]
[td align="right"]43[/td]
[/tr]

[tr style=][td align="right" height="17"]220[/td]
[td align="right"]44[/td]
[/tr]

[tr style=][td align="right" height="17"]225[/td]
[td align="right"]45[/td]
[/tr]

[tr style=][td align="right" height="17"]230[/td]
[td align="right"]46[/td]
[/tr]

[tr style=][td align="right" height="17"]235[/td]
[td align="right"]47[/td]
[/tr]

[tr style=][td align="right" height="17"]240[/td]
[td align="right"]48[/td]
[/tr]

[tr style=][td align="right" height="17"]245[/td]
[td align="right"]49[/td]
[/tr]

[tr style=][td align="right" height="17"]250[/td]
[td align="right"]50[/td]
[/tr]

[tr style=][td align="right" height="17"]255[/td]
[td align="right"]51[/td]
[/tr]

[tr style=][td align="right" height="17"]260[/td]
[td align="right"]52[/td]
[/tr]

[tr style=][td align="right" height="17"]265[/td]
[td align="right"]53[/td]
[/tr]

[tr style=][td align="right" height="17"]270[/td]
[td align="right"]54[/td]
[/tr]

[tr style=][td align="right" height="17"]275[/td]
[td align="right"]55[/td]
[/tr]

[tr style=][td align="right" height="17"]280[/td]
[td align="right"]56[/td]
[/tr]

[tr style=][td align="right" height="17"]285[/td]
[td align="right"]57[/td]
[/tr]

[tr style=][td align="right" height="17"]290[/td]
[td align="right"]58[/td]
[/tr]

[tr style=][td align="right" height="17"]295[/td]
[td align="right"]59[/td]
[/tr]

[tr style=][td align="right" height="17"]300[/td]
[td align="right"]60[/td]
[/tr]

[tr style=][td align="right" height="17"]305[/td]
[td align="right"]61[/td]
[/tr]

[tr style=][td align="right" height="17"]310[/td]
[td align="right"]62[/td]
[/tr]

[tr style=][td align="right" height="17"]315[/td]
[td align="right"]63[/td]
[/tr]

[tr style=][td align="right" height="17"]320[/td]
[td align="right"]64[/td]
[/tr]

[tr style=][td align="right" height="17"]325[/td]
[td align="right"]65[/td]
[/tr]

[tr style=][td align="right" height="17"]330[/td]
[td align="right"]66[/td]
[/tr]

[tr style=][td align="right" height="17"]335[/td]
[td align="right"]67[/td]
[/tr]

[tr style=][td align="right" height="17"]340[/td]
[td align="right"]68[/td]
[/tr]

[tr style=][td align="right" height="17"]345[/td]
[td align="right"]69[/td]
[/tr]

[tr style=][td align="right" height="17"]350[/td]
[td align="right"]70[/td]
[/tr]

[tr style=][td align="right" height="17"]355[/td]
[td align="right"]71[/td]
[/tr]

[tr style=][td align="right" height="17"]360[/td]
[td align="right"]72[/td]
[/tr]

[tr style=][td align="right" height="17"]365[/td]
[td align="right"]73[/td]
[/tr]

[tr style=][td align="right" height="17"]370[/td]
[td align="right"]74[/td]
[/tr]

[tr style=][td align="right" height="17"]375[/td]
[td align="right"]75[/td]
[/tr]

[tr style=][td align="right" height="17"]380[/td]
[td align="right"]76[/td]
[/tr]

[tr style=][td align="right" height="17"]385[/td]
[td align="right"]77[/td]
[/tr]

[tr style=][td align="right" height="17"]390[/td]
[td align="right"]78[/td]
[/tr]

[tr style=][td align="right" height="17"]395[/td]
[td align="right"]79[/td]
[/tr]

[tr style=][td align="right" height="17"]400[/td]
[td align="right"]80[/td]
[/tr]

[tr style=][td align="right" height="17"]405[/td]
[td align="right"]81[/td]
[/tr]

[tr style=][td align="right" height="17"]410[/td]
[td align="right"]82[/td]
[/tr]

[tr style=][td align="right" height="17"]415[/td]
[td align="right"]83[/td]
[/tr]

[tr style=][td align="right" height="17"]420[/td]
[td align="right"]84[/td]
[/tr]

[tr style=][td align="right" height="17"]425[/td]
[td align="right"]85[/td]
[/tr]

[tr style=][td align="right" height="17"]430[/td]
[td align="right"]86[/td]
[/tr]

[tr style=][td align="right" height="17"]435[/td]
[td align="right"]87[/td]
[/tr]

[tr style=][td align="right" height="17"]440[/td]
[td align="right"]88[/td]
[/tr]

[tr style=][td align="right" height="17"]445[/td]
[td align="right"]89[/td]
[/tr]

[tr style=][td align="right" height="17"]450[/td]
[td align="right"]90[/td]
[/tr]

[tr style=][td align="right" height="17"]455[/td]
[td align="right"]91[/td]
[/tr]

[tr style=][td align="right" height="17"]460[/td]
[td align="right"]92[/td]
[/tr]

[tr style=][td align="right" height="17"]465[/td]
[td align="right"]93[/td]
[/tr]

[tr style=][td align="right" height="17"]470[/td]
[td align="right"]94[/td]
[/tr]

[tr style=][td align="right" height="17"]475[/td]
[td align="right"]95[/td]
[/tr]

[tr style=][td align="right" height="17"]480[/td]
[td align="right"]96[/td]
[/tr]

[tr style=][td align="right" height="17"]485[/td]
[td align="right"]97[/td]
[/tr]

[tr style=][td align="right" height="17"]490[/td]
[td align="right"]98[/td]
[/tr]

[tr style=][td align="right" height="17"]495[/td]
[td align="right"]99[/td]
[/tr]

[tr style=][td align="right" height="17"]500[/td]
[td align="right"]100[/td]
[/tr]
[/table]

Pour la police d'écriture, il faudra mettre le lien de google font dans : Panneau d'administration => Affichage => Templates => Général => viewtopic_body
J'ai pris la police Song Myung pour la fiche
Code:
<link href="https://fonts.googleapis.com/css?family=Song+Myung" rel="stylesheet">
Revenir en haut Aller en bas

Anonymous

Liintu
Invité

Fiche d'identification Empty
MessageSujet: Re: Fiche d'identification Fiche d'identification Icon_minitimeVen 6 Juil 2018 - 21:49
Coucou !
Alors déjà un énormeeeeeeeeee merciiii à toi pour ce travail, :saut: :<3: Pompom *.*
J'adore !!!

Je suis un peu pointilleuse et nulle en codage alors je sais pas ce qu'il est possible de faire.
Avec photoshop j'avais obtenu ça avec les photos
Spoiler:

Du coup questions Slip
-Peut-on avoir un espace entre le bloc titre et la photo? Et est-ce que je peux rajouter un texte sur le cadre du titre comme dans le montage de photoshop?
-Possible d'avoir un cadre autour du bloc photo? (si pas je le ferais en recadrant les photos, c'est juste pour moi prévoir ^^)
-Possible de centrer le texte à droite de la photo? (si pas c'est pas grave je vais trouver un truc à ajouter hihi)
-Je peux rajouter une 5ème aptitude de chaque côté ou je ferais tout bugger? (là encore c'est qu'une question, je peux complètement rester à 4)
-Dernière: peut-on centrer le texte du nom des disciplines? Ou les mettre au dessus/en dessous en horizontal?

La plupart c'est vraiment à titre informatif, je vais jongler avec les couleurs et voir tout ça Very Happy
Je pose beaucoup de questions mais ça m'empêche pas d'admirer ton travail *.*
Je me répète mais franchement merci beaucoup beaucoup!!! Pour ton travail et tes explications ♥️
Revenir en haut Aller en bas

Anonymous

Liintu
Invité

Fiche d'identification Empty
MessageSujet: Re: Fiche d'identification Fiche d'identification Icon_minitimeVen 6 Juil 2018 - 22:15
Sorry du double poste :$
J'ai modifié les couleurs pour les adapter aux nouvelles du forum.
Mais j'ai la 3ème barre de chaque catégories de discipline qui reste en vert. J'ose pas trop trifouiller mais j'ai mal changé quelque chose?

Lien: http://grey-stables.forumactif.com/t38-akilino-s-star-poney-francais-de-selle#125

CSS:
Spoiler:

HS: mais je suis vraiment fan ♥️
Revenir en haut Aller en bas

Anonymous

Liintu
Invité

Fiche d'identification Empty
MessageSujet: Re: Fiche d'identification Fiche d'identification Icon_minitimeVen 6 Juil 2018 - 22:54
Désolé je peux pas éditer ou supprimer le mess précédent >_<
J'ai trouvé pour la barre de discipline. En faite il y a une ligne de code pour la couleur de fond qui est dans le code et non pas le css. J'ai modifié les 4 lignes et c'est tout bon Very Happy
Revenir en haut Aller en bas

Libella

Libella
Admin

Fiche d'identification Empty
MessageSujet: Re: Fiche d'identification Fiche d'identification Icon_minitimeLun 9 Juil 2018 - 18:10
Je suis ravie que ça te plaise petit coeur

Alors pour tes questions.

Liintu a écrit:
-Peut-on avoir un espace entre le bloc titre et la photo?

Liintu a écrit:
-Possible d'avoir un cadre autour du bloc photo? (si pas je le ferais en recadrant les photos, c'est juste pour moi prévoir ^^)

Remplace cette partie de code
Code:
.imageidentite {
  width:250px;
  height:150px;
}

Par celle-là :
Code:
.imageidentite {
  width:250px;
  height:150px;
  border:1px solid #28382b;
  margin-top:3px
}

Tu auras ton cadre et l'espace entre le bloc titre et le bloc photo.

Liintu a écrit:
Et est-ce que je peux rajouter un texte sur le cadre du titre comme dans le montage de photoshop?

Tu parles du texte "Grey Stables" qui chevauche le bloc titre et le bloc identité ? Si oui, non tu ne peux pas. Enfin, tu peux mais le texte sera dans le bloc identité ou le bloc titre, tout dépendra où tu l'écriras. Si tu veux ce texte chevauchant, je peux rajouter ça dans la fiche d'identification.

Liintu a écrit:
-Possible de centrer le texte à droite de la photo? (si pas c'est pas grave je vais trouver un truc à ajouter hihi)

J'ai vu que tu t'en étais déjà occupée et ça rend bien xD

Liintu a écrit:
-Je peux rajouter une 5ème aptitude de chaque côté ou je ferais tout bugger? (là encore c'est qu'une question, je peux complètement rester à 4)
Tu peux si tu changes le CSS. Remplace cette partie de code
Code:
/*APTITUDES*/
.blocaptitude {
  width:150px;
  height:200px;
  margin-top:10px;
}

par celle-là
Code:
/*APTITUDES*/
.blocaptitude {
  width:150px;
  height:200px;
  overflow:auto;
  margin-top:10px;
}

Tu obtiendras alors ça avec les scroll:
Liintu a écrit:
-Dernière: peut-on centrer le texte du nom des disciplines? Ou les mettre au dessus/en dessous en horizontal?

Tu parles de ça ?:
Si oui, je peux, mais faudra que je change le code HTML, donc dis-moi si tu préfères centrer ça horizontalement ou verticalement, et je le fais.

Liintu a écrit:
Désolé je peux pas éditer ou supprimer le mess précédent >_<
J'ai trouvé pour la barre de discipline. En faite il y a une ligne de code pour la couleur de fond qui est dans le code et non pas le css. J'ai modifié les 4 lignes et c'est tout bon Very Happy
Oups. Ah oui, désolée pour la barre, j'ai dû oublier de convertir cette barre xD
Revenir en haut Aller en bas

Anonymous

Liintu
Invité

Fiche d'identification Empty
MessageSujet: Re: Fiche d'identification Fiche d'identification Icon_minitimeMar 10 Juil 2018 - 4:21
Je me répète mais merci Very Happy
J'ai un peu touché pour essayer de faire les choses par moi-même sans te déranger d'avantage. Mais je reste limité niveau capacité xD

-> Pour le texte dans le titre, c'est simplement pour le nom des élevages. Alors au pire des cas je le mets en italique ou en gras et ça ira comme ça je pense (a)

-> C'est tout bon pour l'image sous le titre cheers. ça rend quand même mieux comme ça, je suis contente. ça serait plus harmonieux si je réussissais à mettre les même écarts entre les différentes parties, mais on va pas chipoter ^^

-> Pour les aptitudes, si on réduit les barres de progression à la même taille que celles des autres catégories (soit plus petites), il y aura aussi le scroll?

-> Pour le centrage des disciplines, restons en verticale, ça sera plus facile et rapide à coder non?

x>J'ai une autre question (désolé, je me rends compte des choses avec la pratique).
C'est possible d'individualiser la couleur des barres de progression sous le carnet de santé?
Je m'explique: j'ai voulu mettre la santé en rouge, le moral en jaune et la vitalité en vert. Sauf qu'elles sont reliées entre elles alors j'ai pas réussi  What a Face boulet Siffle
Je sors
Revenir en haut Aller en bas

Libella

Libella
Admin

Fiche d'identification Empty
MessageSujet: Re: Fiche d'identification Fiche d'identification Icon_minitimeMer 11 Juil 2018 - 20:10
De rien petit coeur

J'ai fait les changements en éditant le sujet ici. Forcément, c'était sur le modèle que tu m'as fourni (donc tes images dans ce sujet, donc le tout dans les tons verts et pas dans les tons beiges comme tu as actuellement), donc si tu copies/colles le CSS, tu risques d'effacer tous tes changements. Donc pour éviter ça, je vais y aller par étape. Tu peux toujours copier/coller sans souci le HTML (juste la partie du bloc identité à droite que tu devras peut-être remettre).

Pour le CSS, avec ce qui a changé par rapport à la dernière fois, on va y aller par étape.

Liintu a écrit:
ça serait plus harmonieux si je réussissais à mettre les même écarts entre les différentes parties, mais on va pas chipoter ^^

Tu parles de quels écarts ?

Liintu a écrit:
-> Pour les aptitudes, si on réduit les barres de progression à la même taille que celles des autres catégories (soit plus petites), il y aura aussi le scroll?
Non, elle n'apparait plus. Pour ce faire, enlève tout le code de la partie aptitude et remplace-le par celui-là :
Le nouveau code pour les barres
Code:
/*forme et texte de la barre pourcentage des aptitudes physiques et psychologiques*/
.barreaptitude {
  width:125px;
  height:10px;
  margin-top:3px;
  border:1px solid #28382b;
}

/*mise en forme de la progression des barres aptitude et psychologique*/
.barreaptitudeprogression {
  height:10px;
  margin-top:-13px;
  background:#75a57f;
  float:left;
}
/*mise en forme du texte du pourcentage*/
.textebarreaptitude {
  margin-top:-5px;
  text-align:center;
  font-size:11px;
  font-family:verdana;}
Et pour le nouveau bloc aptitude, le CSS est le suivant :
Code:
/*APTITUDES*/
.blocaptitude {
  width:150px;
  height:200px;
  overflow:auto;
  margin-top:10px;
}

/*titre des champs aptitude*/
.soustitre_2 {
  font-family: 'Song Myung', serif;
  font-size:13px;
  text-align:center;
}

/*titre aptitude physique et psychologique*/
.soustitre_3 {
  font-family: 'Song Myung', serif;
  font-size:15px;
  text-align:center;
  color:#28382b;
}

.imageaptitude {
  width:300px;
  height:200px;
  margin-top:10px;
  border:1px solid #28382b
}

Liintu a écrit:
Pour le centrage des disciplines, restons en verticale, ça sera plus facile et rapide à coder non?
Ancien CSS
Code:
/*DISCIPLINES*/
/*un bloc discipline*/
.blocdiscipline {
  display:flex;
  width:298px;
  height:95px;
  border:1px solid #28382b;
}
/*le bloc contenant les barres*/
.blocbarredisci {
  height:95px;
  width:205px;
  padding-left:8px
}
/*le bloc contenant les 4 champs des barres*/
.blochampdisci {
  width:90px;
  height:90px;
  padding-top:3px;
}
/*titre des disciplones : classique, hippique, loisir, western*/
.titredesdisci {
  width:8px;
  height:95;
  line-height:10px;
  word-wrap:break-word;
  text-align:center;
  text-transform:uppercase
}
/*titre des champs dans chaque discipline*/
.soustitre_5 {
  font-family: 'Song Myung', serif;
  font-size:13px;
  line-height:19px;
  text-align:center;
  color:#28382b;
}

Le nouveau
Code:
/*DISCIPLINES*/
/*un bloc discipline*/
.blocdiscipline {
  display:flex;
  width:298px;
  height:95px;
  border:1px solid #28382b;
}
/*le bloc contenant les barres*/
.blocbarredisci {
  height:95px;
  width:205px;
}
/*le bloc contenant les 4 champs des barres*/
.blochampdisci {
  width:75px;
  height:90px;
  padding-top:3px;
}
/*titre des disciplines : classique */
.titreclassi {
  width:8px;
  height:95;
  line-height:10px;
  word-wrap:break-word;
  text-align:center;
  text-transform:uppercase;
  padding-top:2px;
}

/*titre des disciplines : loisir */
.titreloisi {
  width:8px;
  height:95;
  line-height:10px;
  word-wrap:break-word;
  text-align:center;
  text-transform:uppercase;
  padding-top:15px;
}

/*titre des disciplines : hippique */
.titrehipp {
  width:8px;
  height:95;
  line-height:10px;
  word-wrap:break-word;
  text-align:center;
  text-transform:uppercase;
  padding-top:8px;
  padding-left:5px;
}
/*titre des disciplines : western */
.titrewest {
  width:8px;
  height:95;
  line-height:10px;
  word-wrap:break-word;
  text-align:center;
  text-transform:uppercase;
  padding-top:11px;
  padding-left:5px;
}
/*titre des champs dans chaque discipline*/
.soustitre_5 {
  font-family: 'Song Myung', serif;
  font-size:13px;
  line-height:19px;
  text-align:center;
  color:#28382b;
}

Liintu a écrit:
J'ai une autre question (désolé, je me rends compte des choses avec la pratique).
C'est possible d'individualiser la couleur des barres de progression sous le carnet de santé?
Je m'explique: j'ai voulu mettre la santé en rouge, le moral en jaune et la vitalité en vert. Sauf qu'elles sont reliées entre elles alors j'ai pas réussi  What a Face boulet Siffle
Oui, car tu m'avais donné qu'une couleur verte en code couleur et sur ton schéma, elles sont toutes de la même couleur xD Mais comme tu dis, on se rend compte des choses avec la pratique xD Donc je te les ai individualisées.
Surrpime ce CSS
Code:
/*forme et texte de la barre pourcentage de la partie dossier medicale */
.barresante {
  width:170px;
  height:10px;
  margin-top:8px;
  border:1px solid #28382b;
}

/*mise en forme de la progression de la barre santé*/
.barresanteprogression {
  height:10px;
  margin-top:-13px;
  background:#75a57f;
  float:left;
}
/*mise en forme du texte du pourcentage*/
.textebarresante {
  margin-top:-5px;
  text-align:center;
  font-size:11px;
  font-family:verdana;}
Et remplace-le par ça :
Code:
/*forme et texte de la barre pourcentage de la partie dossier medicale */
.barresante {
  width:170px;
  height:10px;
  margin-top:8px;
  border:1px solid #28382b;
}

/*mise en forme du texte du pourcentage*/
.textebarresante {
  margin-top:-5px;
  text-align:center;
  font-size:11px;
  font-family:verdana;}

/*mise en forme de la progression de la barre santé*/
.barresanteprogression {
  height:10px;
  margin-top:-13px;
  background:#AC6F6F;
  float:left;
}
/*mise en forme de la progression de la barre énergie*/
.barresanteprogressionenergie {
  height:10px;
  margin-top:-13px;
  background:#75a57f;
  float:left;
}

/*mise en forme de la progression de la barre moral*/
.barresanteprogressionmoral {
  height:10px;
  margin-top:-13px;
  background:#F3E427;
  float:left;
}
/*mise en forme de la progression de la barre confiance*/
.barresanteprogressionconfiance {
  height:10px;
  margin-top:-13px;
  background:#53ADC8;
  float:left;
}
Revenir en haut Aller en bas

Anonymous

Liintu
Invité

Fiche d'identification Empty
MessageSujet: Re: Fiche d'identification Fiche d'identification Icon_minitimeMer 11 Juil 2018 - 23:37
Je vais commencer par te remercier parce que j'en demande beaucoup :$

J'ai effectué les changements *_*

Pour l'écart je parlais surtout de la partie arbre généalogique et descendants qui sont plus sur le bord gauche de l'écran (gauche quand on est devant son écran), quand je mets un cadre à la fiche ça fait collé à gauche et libre à droite.

Pour les aptitudes c'est top ! J'ai réussi à en mettre une 5ème de chaque côté du coup cheers . Il y a juste le texte dans les barres qui est pas trop centré, j'essaye de voir si je peux régler le soucis moi même avec mes faibles connaissances de ouf


Pour le centrer des disciplines à l'horizontal: j'ai laissé tombé, ça se met en freestyle alors je laisse comme c'était avant xD

Nan mais je me rends toujours compte des soucis en retard c'est chiant >_< lol
En plus c'est mon premier schéma pour un codage alors forcément c'est pas comme sur photoshop xD
J'ai du toucher au code html en plus du css, c'est top maintenant *_*

:saut: Happy !!!!
Je vais revoir mes couleurs pour un rendu plus harmonieux et fluide maintenant ♥️
Revenir en haut Aller en bas

Libella

Libella
Admin

Fiche d'identification Empty
MessageSujet: Re: Fiche d'identification Fiche d'identification Icon_minitimeJeu 12 Juil 2018 - 18:15
De rien petit coeur

Liintu a écrit:
Pour l'écart je parlais surtout de la partie arbre généalogique et descendants qui sont plus sur le bord gauche de l'écran (gauche quand on est devant son écran), quand je mets un cadre à la fiche ça fait collé à gauche et libre à droite.

Ah ok, je vois. Le cadre était collé sur le premier schéma, alors j'avais collé. J'avais pas vu que sur ton deuxième schéma, tu avais fait l'espace. Enfin, j'ai vu, comme j'ai vu le schéma, mais j'ai pas imprimé xD
Du coup, pour avoir l'espace sans changer tes couleurs, dans la partie du CSS
Code:
.blocgenealogie {
  width:350px;
  height:200px;
  border: 1px solid #28382b
}

Supprime
Code:
width:350px;

Et mets ça à place :
Code:
 width:320px;
  padding-right:20px;
  margin-left:10px;

Tu obtiendras ça:

Liintu a écrit:
Il y a juste le texte dans les barres qui est pas trop centré, j'essaye de voir si je peux régler le soucis moi même avec mes faibles connaissances de ouf

Je pense que le problème vient de la police d'écriture. J'avais mis ça en verdana et tu as mis ça en une autre, contrairement aux autres barres.
Sur ma capture, en rouge, les mêmes polices et tailles et en orange, celle où il y a eu changement:

Soit tu remets comme c'était, soit baisse la taille de la police "font-size: Xpx" avec X la valeur qui te semble correspondre le mieux.

J'ai vu que tu avais toujours le souci de l'alignement dans discipline : https://zupimages.net/up/18/28/akcm.png
Pourtant je l'avais corrigé : https://zupimages.net/up/18/28/6uif.png
Tu as bien mis les nouveaux codes ? Pour le HTML de cette partie
Code:
<div id="blocalignementdisci"><div class="blocdiscipline"><div class="blochampdisci"><div class="soustitre_5">Dressage</div><div class="soustitre_5">Obstacle</div><div class="soustitre_5">Cross</div><div class="soustitre_5">Hunter</div></div><div class="blocbarredisci"><!-DRESSAGE--><div class="barredisciplines"><div class="textebarredisciplines">500 points</div><div class="barredisciplinesprogression" style="width:100%"></div></div><!-OBSTACLE--><div class="barredisciplines"><div class="textebarredisciplines">400 points</div><div class="barredisciplinesprogression" style="width:80%"></div></div><!-CROSS--><div class="barredisciplines"><div class="textebarredisciplines">400 points</div><div class="barredisciplinesprogression" style="width:80%"></div></div><!-HUNTER--><div class="barredisciplines"><div class="textebarredisciplines">450 points</div><div class="barredisciplinesprogression" style="width:90%"></div></div></div><div class="titreclassi">Classique</div></div><div class="blocdiscipline"><div class="titrehipp">Hippique</div><div class="blocbarredisci"><!-TROT--><div class="barredisciplines"><div class="textebarredisciplines">500 points</div><div class="barredisciplinesprogression" style="width:100%"></div></div><!-GALOP--><div class="barredisciplines"><div class="textebarredisciplines">400 points</div><div class="barredisciplinesprogression" style="width:80%"></div></div><!-HAIE--><div class="barredisciplines"><div class="textebarredisciplines">400 points</div><div class="barredisciplinesprogression" style="width:80%"></div></div><!-ENDURANCE--><div class="barredisciplines"><div class="textebarredisciplines">450 points</div><div class="barredisciplinesprogression" style="width:90%"></div></div></div><div class="blochampdisci"><div class="soustitre_5">Trot</div><div class="soustitre_5">Galop</div><div class="soustitre_5">Haie</div><div class="soustitre_5">Endurance</div></div></div><div class="blocdiscipline"><div class="blochampdisci"><div class="soustitre_5">Equifeel</div><div class="soustitre_5">Attelage</div><div class="soustitre_5">Horse ball</div><div class="soustitre_5">Pony Games</div></div><div class="blocbarredisci"><!-EQUIFEEL--><div class="barredisciplines"><div class="textebarredisciplines">500 points</div><div class="barredisciplinesprogression" style="width:100%"></div></div><!-ATTELAGE--><div class="barredisciplines"><div class="textebarredisciplines">400 points</div><div class="barredisciplinesprogression" style="width:80%"></div></div><!-HORSE BALL--><div class="barredisciplines"><div class="textebarredisciplines">400 points</div><div class="barredisciplinesprogression" style="width:80%"></div></div><!-PONY GAMES--><div class="barredisciplines"><div class="textebarredisciplines">450 points</div><div class="barredisciplinesprogression" style="width:90%"></div></div></div><div class="titreloisi">Loisir</div></div><div class="blocdiscipline"><div class="titrewest">Western</div><div class="blocbarredisci"><!-BAREEL RACE--><div class="barredisciplines"><div class="textebarredisciplines">500 points</div><div class="barredisciplinesprogression" style="width:100%"></div></div><!-CUTTING--><div class="barredisciplines"><div class="textebarredisciplines">400 points</div><div class="barredisciplinesprogression" style="width:80%"></div></div><!-POLE BENDING--><div class="barredisciplines"><div class="textebarredisciplines">400 points</div><div class="barredisciplinesprogression" style="width:80%"></div></div><!-REIMING--><div class="barredisciplines"><div class="textebarredisciplines">450 points</div><div class="barredisciplinesprogression" style="width:90%"></div></div></div><div class="blochampdisci"><div class="soustitre_5">Barrel race</div><div class="soustitre_5">Cutting</div><div class="soustitre_5">Pole bending</div><div class="soustitre_5">Reiming</div></div></div></div>

Avec ce CSS
Code:
/*DISCIPLINES*/
/*un bloc discipline*/
.blocdiscipline {
  display:flex;
  width:298px;
  height:95px;
  border:1px solid #28382b;
}
/*le bloc contenant les barres*/
.blocbarredisci {
  height:95px;
  width:205px;
}
/*le bloc contenant les 4 champs des barres*/
.blochampdisci {
  width:75px;
  height:90px;
  padding-top:3px;
}
/*titre des disciplines : classique */
.titreclassi {
  width:8px;
  height:95;
  line-height:10px;
  word-wrap:break-word;
  text-align:center;
  text-transform:uppercase;
  padding-top:2px;
}

/*titre des disciplines : loisir */
.titreloisi {
  width:8px;
  height:95;
  line-height:10px;
  word-wrap:break-word;
  text-align:center;
  text-transform:uppercase;
  padding-top:15px;
}

/*titre des disciplines : hippique */
.titrehipp {
  width:8px;
  height:95;
  line-height:10px;
  word-wrap:break-word;
  text-align:center;
  text-transform:uppercase;
  padding-top:8px;
  padding-left:5px;
}
/*titre des disciplines : western */
.titrewest {
  width:8px;
  height:95;
  line-height:10px;
  word-wrap:break-word;
  text-align:center;
  text-transform:uppercase;
  padding-top:11px;
  padding-left:5px;
}
/*titre des champs dans chaque discipline*/
.soustitre_5 {
  font-family: 'Song Myung', serif;
  font-size:13px;
  line-height:19px;
  text-align:center;
  color:#28382b;
}

Voilà, normalement, après tout ça, ça devrait être bon xD Et j'aime bien tes couleurs dans les tons beiges, ça rend rend mieux que le vert *.*
Revenir en haut Aller en bas

Anonymous

Liintu
Invité

Fiche d'identification Empty
MessageSujet: Re: Fiche d'identification Fiche d'identification Icon_minitimeJeu 12 Juil 2018 - 19:28
Oui, j'ai fait le boulet j'avoue xD. Après j'ai pas trop fait à l'échelle en faite, mais trop à la louche ^^

C'est parfait ! J'en ai profité pour décaler aussi le dossier médical en même temps (a)

J'avais pas touché à la police dans cette partie là, elle est pas relié ailleurs? J'ai remis en verdana et changé la taille, mais ça reste un peu sous la barre >_<
Code:
/*forme et texte de la barre pourcentage des aptitudes physiques et psychologiques*/
.barreaptitude {
  width:125px;
  height:10px;
  margin-top:3px;
  border:1px solid #D1CDC2;
  font-family: 'verdana', serif; (ligne rajoutée par moi)
}

J'ai pas du mettre le html en ordre alors >_<
Je retente !

ça va le faire ! là c'est de la finition.
Oui j'aime beaucoup plus le rendu actuel que l'ancien, le design en vert était carrément moins beau. Là je kiff ♥️

HS: pourquoi moi j'ai pas les liens qui apparaissent pour les descendants et le carnet de santé? J'ai encore foiré quelque part?
Revenir en haut Aller en bas

Anonymous

Liintu
Invité

Fiche d'identification Empty
MessageSujet: Re: Fiche d'identification Fiche d'identification Icon_minitimeJeu 12 Juil 2018 - 22:44
Bon bah j'avais bien changé avant, ça donne ça c'est bizarre:
Fiche d'identification 9l61
Revenir en haut Aller en bas

Libella

Libella
Admin

Fiche d'identification Empty
MessageSujet: Re: Fiche d'identification Fiche d'identification Icon_minitimeVen 13 Juil 2018 - 17:34
Alors pour le texte, c'est pas cette partie là. Mais celle-là qu'il faut regarder :

Code:
/*mise en forme du texte du pourcentage*/
.textebarreaptitude {
  margin-top:-5px;
  text-align:center;
  font-size:11px;
  font-family:verdana;}

En fait, c'est le "margin-top:-5px", qui va te remonter le texte dans le cadre de la barre.

J'ai vu que pour les titres de la partie "disciplines", le souci est réglé.

Il manque plus que les liens xD Je pense que le souci vient tout simplement du fait, que tu n'as pas de liens, justement.
Spoiler:
Comme tu peux le voir, ton lien du forum est en rose alors que pour le texte sans lien, il n'y a aucune couleur ni aucun soulignement.
Une fois que tu auras mis les liens, ce sera cette partie là pour la mise en page dans le CSS :
-Pour la partie Descendants :
Code:
/*liens cadre poulains*/
.poulains a {
  border-top: 1px solid #28382b;
  border-bottom: 1px solid #28382b;
}
/*liens au survol*/
.poulains a:hover {
  font-style:italic;
  border-top: 1px solid #578661;
  border-bottom: 1px solid #578661;
}
Pour la partie Carnet de santé
Code:
/*liens cadre carnet de santé*/
.carnetdesante a {
  border-top: 1px solid #28382b;
  border-bottom: 1px solid #28382b
}
/*liens au survol*/
.carnetdesante a:hover {
  font-style:italic;
  border-top: 1px solid #578661;
  border-bottom: 1px solid #578661;
}
Revenir en haut Aller en bas

Anonymous

Liintu
Invité

Fiche d'identification Empty
MessageSujet: Re: Fiche d'identification Fiche d'identification Icon_minitimeSam 14 Juil 2018 - 14:43
Bah j'ai exactement ce code là qui est en place... Et si je joue avec les chiffres ça ne change absolument rien, ça ne monte ou ne descend pas :/

Oui, j'ai passé un moment dessus mais j'ai réglé ce qui me dérangé Very Happy


Pour les liens j'ai fait le teste. C'est juste qu'ils étaient pas prévu dans le html et c'est ça qui m'a fait douté. Le texte en bas va nickel, mais si j'en mets un dans le palmarès ou quoi ça me le met entre 2 barres horizontales comme sur ton exemple. Je peux régler quelque chose pour avoir juste un texte sans ces barres?

C'est les deux dernières choses, après je te laisse tranquille avec cette fiche promis  Slip Ange
Revenir en haut Aller en bas


Contenu sponsorisé


Fiche d'identification Empty
MessageSujet: Re: Fiche d'identification Fiche d'identification Icon_minitime
Revenir en haut Aller en bas
Fiche d'identificationVoir le sujet précédent Voir le sujet suivant Revenir en haut
Page 1 sur 2Aller à la page : 1, 2  Suivant
Sujets similaires
-
» Fiche de rp 4
» Fiche de rp 34
» Fiche de rp 18
» Fiche de rp 20
» Fiche de rp 69

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Graphiorum :: Le coin entre nous :: Demandes :: Commandes terminées-
Sauter vers: