avatar
Sexe : Masculin
Date d'inscription : 06/06/2017
Messages : 2616
Member One
Voir le profil de l'utilisateurhttp://www.epicode-entraide.com/t12931-tuto-boitier-jeux-video#2
Bonjour!!!


Quelle structure est concernée par votre problème ? Pas comme l'exemple du tout ^^'
Qu'elle est l'adresse du forum concerné (sous hide si cela vous dérange) ? http://www.epicode-entraide.com/t9767-divers-fiche-de-sms-message-ashling
Un screen du problème :

Résultat
Jour 2

10, 21, 44, 53, 87
©️️ ASHLING POUR EPICODE




Expliquez précisément votre problème : Le fond d'écran et la ligne rouge ne donne pas comme il faut!!!

Les codes :
Code:

<div class="kfond"> <div class="khaut">Résultat</div> <div class="kimg"><img src="http://www.projetsgagnants.fr/2921-large_default/pack-boulier-professionnel.jpg?rect=0,0,500,500&q=98&fm=jpg&fit=max&w=100&h=100"/></div> <div class="kt"><div class="ktexte">[size=16][u]Jour 2[/u][/size]

[size=24][b]10, 21, 44, 53, 87[/b][/size]
</div></div></div><div class="cred">©️️ ASHLING POUR <a href="http://www.epicode-entraide.com/">EPICODE</a></div>

<style>.kfond{line-height:13px; width:420px;padding-bottom:10px;background:url(http://strandhogg.fr/divers/backgrounds/notebook.png);margin:auto}.khaut{color:#fff;width:260px;padding:10px;background:#FF4040;padding-top:35px; padding-bottom:18px; padding-right:150px;font-family:arial;text-transform:lowercase;font-size:40px;letter-spacing:-3px}.kimg{width:100px;height:100px;border:2px solid #fff;padding:4px;position:absolute;margin-left:290px;margin-top:-60px}.ktexte{text-align:justify;color:#3A3A3A;font-family:arial;font-size:11px;padding:10px;background:#fff;width:220px}.kt{margin-top:10px;margin-left:10px;padding:4px;border:2px solid #FF4040;width:240px}.cred {text-shadow:1px 1px 0px white; margin:auto; text-align:center; font-size:8px; font-family:arial; letter-spacing:2px; margin-top:10px; color:#b4b4b4;}.cred a {color:#b4b4b4;}</style>

Voici le fini souhaité



Merci d'avance!!!
avatar
Sexe : Féminin
Date d'inscription : 15/08/2017
Messages : 2705
Rose des sables Designer
Voir le profil de l'utilisateur
Hello, @Lepine :3

Alors pour la couleur du fond, le lien de l'image est mort, donc tu peux changer l'image ou mettre simplement une couleur dans .kfond {background: valeur}
Tu peux mettre un lien ou supprimer tout à partir de url() et mettre un code couleur.

Pour le titre rouge, tu trouveras la classe à la suite .khaut {width: 260px} remplace 260px par 100%.

Pour centrer le bloc blanc, dans .ktexte supprime le width: 220px;

Je vais de ce pas corriger le LS :3

EDIT : voilà le LS est corrigé, tu peux utiliser directement le nouveau code.


avatar
Sexe : Masculin
Date d'inscription : 06/06/2017
Messages : 2616
Member One
Voir le profil de l'utilisateurhttp://www.epicode-entraide.com/t12931-tuto-boitier-jeux-video#2
Merci beaucoup !!!! Je teste de ce pas!

Edit: j'ai remarqué que dans le titre "hello sunshine" impossible de mettre une majuscule ? Possible de modifier cela?
avatar
Sexe : Féminin
Date d'inscription : 05/06/2014
Messages : 3746
Modo Maxi-Code master - Ex-admin gangsta du Québec
Voir le profil de l'utilisateur
Hello,

dans ton CSS nomé "Khaut" tu trouvera text-transform:lowercase; qui force le texte à être en minuscule. Retire le et tu pourra avoir un majuscule =)



avatar
Sexe : Masculin
Date d'inscription : 06/06/2017
Messages : 2616
Member One
Voir le profil de l'utilisateurhttp://www.epicode-entraide.com/t12931-tuto-boitier-jeux-video#2
Parfait !!! Merci problème résolu :)))) Vous êtes super

Contenu sponsorisé
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum