C'est la fin du projet CSSActif, vous trouverez les explications ici : Fin de CSSActif, ouverture du forum. Le forum reste cependant ouvert à tous et ses ressources sont entièrement disponibles. Merci à tous !
Derniers sujets
» Qui Est En Ligne - Utopia
Ven 06 Juil 2018, 23:20 par Vincent

» [RPG] Fiche personnage avec bannière latérale
Ven 29 Juin 2018, 06:27 par Tink

» [phpBB2] Sauvegarde des posts en cours d'écriture
Mar 26 Juin 2018, 02:30 par Laluna

» Apparition progressive du corps du forum
Dim 24 Juin 2018, 10:05 par Jimmy

» Formulaire de connexion rapide amélioré
Dim 24 Juin 2018, 10:03 par Jimmy

» Previsualiser le premier message d'un sujet
Dim 24 Juin 2018, 09:57 par Jimmy

» Trois colonnes avec effet Zoom
Mer 20 Juin 2018, 06:58 par Backflip

» [PA] Message d'Accueil Simple
Mer 20 Juin 2018, 06:56 par Backflip


Partagez | 
 

Demande sur un certain effet en CSS.

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Voir le profil de l'utilisateur
{ Membre }
{ Membre }

Masculin Messages : 4



Bonsoir, Bonjour !

Au plaisir de demander une question, et pouvoir lire votre réponse face à mon problème. En réalité, ce n'est pas dû à un problème de forum, puisque je n'en ai tout simplement pas. C'est plutôt une question vis-à-vis du fonctionnement d'une certaine template que je ne comprends pas.

Avertissement // Étant un véritable nouveau dans le monde de la programmation et plus particulièrement du CSS et du HTML, les mots que je risque d'aborder, ou que j'ai peut-être aborder, seront susceptible de faire criser quelque s'uns, cheers. Je m'excuse d'avance de mon ignorance face à la notion à prendre.

Donc, j'ai pu pianoter sur les nombreux forums anglais, et qui, ô combien, ils sont géniales, (quand on les comprend). Et je suis tombé sur une template qui a beaucoup ravi mes yeux.

Voulant l'utiliser mais ne le pouvant pas puisque cela ne m'appartient pas, je voudrais savoir comment cette personne a-t-elle fait pour donner cet "effet glissant" à une colonne. Voici donc la démonstration et le code.

La Preview : Ici
Et le code source : Ici

En cliquant sur les trois petits points, on peut avoir une deuxième colonne qui apparait. Comment est-ce possible de le faire sous un code CSS dans une balise HTML ?

Merci beaucoup d'avoir lu et de pouvoir répondre, même si vous n'y arrivez pas, ce ne sera pas grave Smile .
MessageSujet: Demande sur un certain effet en CSS.   Mar 05 Juil 2016, 15:32
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
avatar
{ Modérateur }
{ Modérateur }

Messages : 1216



Hello Smile

J'ai du mal à comprendre ce passage là :
AndrewvGiggles a écrit:
Comment est-ce possible de le faire sous un code CSS dans une balise HTML ?

Tu parles de l'attribut style ? ^^
Exemple :
Code:
<div style="color:red;">Texte en rouge</div>

Si oui, ce n'est pas possible de le reproduire seulement avec l'attribut style :/

Dans le CSS source, il s'agit de cette partie là :
Code:
.page{
position: fixed;
margin: auto;
left: 0px;
right: 400px;
top: 0px;
bottom: 0px;
width: 342px;
height: 512px;
opacity: 0;
transition: 0.7s;
}
 
.page:target{
left: 400px;
right: 0px;
opacity: 1;
transition: 0.7s;
}

Le premier code est l'apparence de base du bloc :
Code:
.page{
position: fixed;
margin: auto;
left: 0px;
right: 400px;
top: 0px;
bottom: 0px;
width: 342px;
height: 512px;
opacity: 0;
transition: 0.7s;
}

Le second code est ce qui s'applique quand on veut afficher notre bloc :
Code:
.page:target{
left: 400px;
right: 0px;
opacity: 1;
transition: 0.7s;
}

C'est-à-dire, de base le bloc est à gauche et transparent, et quand on veut l'afficher, on le déplace et on met une opacité à 1 Smile


Présence réduite, mais je reste disponible, il faut juste être patient ♥
MessageSujet: Re: Demande sur un certain effet en CSS.   Mar 05 Juil 2016, 15:42
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
{ Membre }
{ Membre }

Masculin Messages : 4



You're a GENIUS !

Je devrais dire que tu es une personne rapide (extrêmement rapide), haha, je me disais que j'aurais une réponse dans quelques jours tout au plus, mais y'a pas de mal à ce que je me trompe Very Happy.

En fait, je pensais qu'il était possible d'avoir un approximation du HTML au CSS (et peut-être vice-versa) parce que comme je n'arrive pas introduire le code CSS dans un message de forum, je pensais qu'il serait possible de le faire dans une balise HTML, et pour tout te dire, je suis incapable d'expliquer mieux ma pensée Sad. De par mon ignorance total de ce monde. Mais je pense que tu as répondu à ma question : qu'il était impossible de le reproduire.

Je comprends mieux pourquoi je n'arrivais pas à le voire (Jeu de mot dit Capello XD !) Excuse moi, je me suis laissé emporter Wink. Tout de même, mon cerveau flambe depuis un bon bout de temps alors que j'essayais de trouver LA solution.

Désolé franchement de t'embêter, mais je suis sûr qu'il y a un moyen et que je n'arrive sûrement pas à me faire comprendre .

En tout cas, tu m'as déjà franchement, beaucoup même, éclairé sur ce codage, qui est pour moi complexe Smile.
MessageSujet: Re: Demande sur un certain effet en CSS.   Mar 05 Juil 2016, 16:14
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
avatar
{ Modérateur }
{ Modérateur }

Messages : 1216



Alors, il est possible de le reproduire dans un message néanmoins !
En effet, dans un message, tu peux mettre le CSS comme ceci :

Code:
<style>.test1 { color: red;} .test1:hover { color: blue;}</style>
<div class="test1">Contenu en rouge qui devient bleu au survol</div>

Contenu en rouge qui devient bleu au survol


En fait, il faut enlever tout retour à la ligne du CSS, sinon Forumactif écrit une balise br à la place, et ça casse tout

Désolée pour le temps de réponse cette fois >/<


Présence réduite, mais je reste disponible, il faut juste être patient ♥
MessageSujet: Re: Demande sur un certain effet en CSS.   Dim 10 Juil 2016, 13:23
Revenir en haut Aller en bas
Contenu sponsorisé




MessageSujet: Re: Demande sur un certain effet en CSS.   
Revenir en haut Aller en bas
 

Demande sur un certain effet en CSS.

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» [Annulée] Demande de page d'aceuil
» [Annulée] Demande de description des catégories.
» aide pour un effet sur image !
» [résolu] demande d'aide à l'optimisation
» [Basil] Demande de mise en page

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | © phpBB | Forum gratuit d'entraide | Contact | Signaler un abus | Forum gratuit