NewbieContest

Programmation => Langages Web => Discussion démarrée par: codejump le 02 Juillet 2015 à 20:50:32



Titre: la couleur....help pls ^^
Posté par: codejump le 02 Juillet 2015 à 20:50:32
hey !
je tien d’abord a dire que sur ma proposition d'un nouveau tuto The lsd et ge0 vous y êtes allés un peux fort mais malgrès ca vous aviez raison donc sur les bon conseil de AntiChrist je me suis mit a mieux apprendre le php bref sur ce je suis bloquer je vous met le code puis vous explique :

<style>
body{

   background: linear-gradient(to bottom, rgba(100, 100, 100, 0.2) 10% , rgba(255, 255, 255, 0.5) 100%, black 100%);
  background-repeat: no-repeat;
}
#pseudo{
   box-shadow: 2px 1px 2px  black; color: red;  font-family: verdana;
}
#message{
 box-shadow: 2px 2px 2px  black; width: 165px; height: 80px; font-family: verdana;
}
#valid{
   border-radius: 3px; border: 1px solid gray; font-size: 16px; display: block;
}
#space{
   height: 1%;
}
p{
   color: blue;
}
textarea{
box-shadow: 2px 2px 2px; border-radius: 5px; border: 1px solid gray; font-family: verdana; font-size: 13px;
}

</style>
<form action="formulaire.php" method="post">

<center>
    <textarea readonly="readonly" rows="13" cols="60">
    <?php
    
     echo  $_POST['<p>pseudo</p>'];
     ?>
    <?php
     echo $_POST['message'];
    ?>
    
    </textarea>
    <div id="space"><!--space-->
     </div>
    <div>
    <input type="submit" value="Envoyer" id="valid"/>
   </div>
   <div id="space"><!--space-->
     </div>
    <div>
     <input type="text" name="pseudo" value="pseudo" id="pseudo"/>
     </div>
     <div id="space"><!--space-->
     </div>
     <div>
    <input type="text" name="message" value="message" id="message" />
   </div><br>
   
  
 </center>


voila donc ca serais pour savoir quand mon message ce post dans mon textarea je n'arrive pas a changer la couleur une petite aide pls ?


Titre: Re : la couleure....help pls ^^
Posté par: likeASecretDream le 02 Juillet 2015 à 23:17:54
Pour centrer ton contenu, tu devrais pas utiliser la balise center, y a des propriétés CSS faites pour ça. Ton code est pas super bien indenté. Il manque le doctype. La balise style devrait se trouver dans la balise head, Tu appelles des variables $_POST avant de savoir si elles sont définit, etc...

Renseigne toi sur l'HTML5 :)

Je te laisse analyser ma version de ton code, s'corrigé vite fait hein :)

Code:
<!DOCTYPE html>
<html>
<head>
<style>
body{

   background: linear-gradient(to bottom, rgba(100, 100, 100, 0.2) 10% , rgba(255, 255, 255, 0.5) 100%, black 100%);
  background-repeat: no-repeat;
}
#pseudo{
   box-shadow: 2px 1px 2px  black; color: red;  font-family: verdana;
}
#message{
 box-shadow: 2px 2px 2px  black; width: 165px; height: 80px; font-family: verdana;
}
#valid{
   border-radius: 3px; border: 1px solid gray; font-size: 16px; display: block;
}
#space{
   height: 1%;
}
p{
   color: blue;
}
textarea{
color: blue;
box-shadow: 2px 2px 2px; border-radius: 5px; border: 1px solid gray; font-family: verdana; font-size: 13px;
}

</style>
</head>
<body>
<form action="formulaire.php" method="post">

<center>
    <textarea readonly="readonly" rows="13" cols="60">
    <?php
    
     
echo  $_POST['<p>pseudo</p>'];
     
?>

    <?php
     
echo $_POST['message'];
    
?>

        
    </textarea>
    <div id="space"><!--space-->
     </div>
    <div>
        <input type="submit" value="Envoyer" id="valid"/>
   </div>
   <div id="space"><!--space-->
     </div>
    <div>
        <input type="text" name="pseudo" value="pseudo" id="pseudo"/>
     </div>
     <div id="space"><!--space-->
     </div>
     <div>
        <input type="text" name="message" value="message" id="message" />
   </div>
<br>
 </center>
</form>
</body>
</html>

Si tu as compris ce que je fais, tu peux générer on the fly des propriétés CSS avec php pour changer l'apparence de ta page.
Enfin il y a plein de façon de faire...

Par exemple quelque chose comme

Code:
<?php
     
if(isset($_POST["maVariable"])) {
          echo 
"Insere ici des proprietes CSS ou des balises";
     }
?>




Titre: Re : la couleure....help pls ^^
Posté par: codejump le 02 Juillet 2015 à 23:47:32
c'est un code css et html fait vite fait je le ''met au propre'' quand j'ai fini car je me repère mieux avec mon bordel ahah ^^

Et oui  j'ai compris merci !  :D
et merci d'avoir pris le temps de me répondre ;)


Titre: Re : la couleure....help pls ^^
Posté par: codejump le 03 Juillet 2015 à 00:28:40
désolé de revenir mais ca marche toujours pas x)


Code:
 <?php
if(isset($_POST["pseudo"])) {
    echo 
'<span style="color:red;">' $_POST['pseudo'] .'</span>';
}

tout marche a part ma couleur et j'ai essayer plusieurs facons mais pas moyens :/


Titre: Re : la couleure....help pls ^^
Posté par: yozyop le 03 Juillet 2015 à 09:29:24
Tiens regarde donc ce qu'il y a dans les kiosques en ce moment  :)
http://boutique.ed-diamond.com/home/864-linux-pratique-hs-33.html
Tout ce qu'il te faut.
 ;)


Titre: Re : la couleure....help pls ^^
Posté par: AntiChrist le 03 Juillet 2015 à 09:35:06
http://baby.connection.free.fr/repository/randomshits/codejump.php

Ca fonctionne très bien son code.

Et la couleur du message posté est modifiable grâce au CSS. Il faut changer color:blue; en color:ce-que-tu-veux;.

https://openclassrooms.com/courses/apprenez-a-creer-votre-site-web-avec-html5-et-css3

A dans une semaine.



Titre: Re : Re : la couleure....help pls ^^
Posté par: likeASecretDream le 03 Juillet 2015 à 10:06:55
Il me semble que tu n'as pas le droit de mettre de balise span dans le textarea, c'est à dire que ça ne sera pas interprété comme du HTML mais comme une saisie utilisateur. Ensuite, comme l'ont suggéré les autres, je pensais plus à quelque chose comme:

Code:
 <?php
if(isset($_POST["pseudo"])) {
    echo 
'textarea {color: blue;}';
}

directement au niveau de ton CSS.

désolé de revenir mais ca marche toujours pas x)


Code:
 <?php
if(isset($_POST["pseudo"])) {
    echo 
'<span style="color:red;">' $_POST['pseudo'] .'</span>';
}

tout marche a part ma couleur et j'ai essayer plusieurs facons mais pas moyens :/



Titre: Re : la couleure....help pls ^^
Posté par: the lsd le 03 Juillet 2015 à 10:10:46
Au pire, un coup de debugger du browser et t'auras peut etre plus d'infos :)

je tien d’abord a dire que sur ma proposition d'un nouveau tuto The lsd et ge0 vous y êtes allés un peux fort mais malgrès ca vous aviez raison

Je sais que j'avais raison. Mais bon, tu fais amende honorable, donc je passe l'éponge :)

Enjoy

The lsd

PS : les fautes, gaffe aux fautes, ça me pique les yeux :)


Titre: Re : la couleure....help pls ^^
Posté par: codejump le 03 Juillet 2015 à 12:54:08
ah oui désolé j'ai oublier de préciser je veux juste changer la couleur du pseudo donc sans que le message soit coloré ^^


Titre: Re : la couleure....help pls ^^
Posté par: likeASecretDream le 03 Juillet 2015 à 13:57:38
Dans ce cas tu peux effectivement utiliser un span, mais pas dans un textarea.
Vu qu’apparemment le tiens est en read-only. Autant afficher ton texte dans un div ou un p que tu auras préalablement stylisé avec du CSS.


Titre: Re : la couleure....help pls ^^
Posté par: codejump le 03 Juillet 2015 à 18:11:45
yeah ! c'est good merci tout le monde ;) !


Titre: Re : la couleure....help pls ^^
Posté par: S0410N3 le 03 Juillet 2015 à 22:11:34
Et il n'y a personne pour corriger la faute monstrueuse dans le titre du topic (sans parler du reste) ?
Je dis ça, je ne dis rien...


Titre: Re : la couleur....help pls ^^
Posté par: codejump le 04 Juillet 2015 à 09:32:36
désolé pour les fautes S0410N3 j'essayerais pour la suite de moins en faire ( les accents ça compte ? ^^)