Relax Arcade Image en test sur le forum


Image

Electro Swing Revolution Radio

Résolu Cosmétique Toujours

Avatar du membre France
Luca
Level 1
Level 1
Messages : 33
Enregistré le : jeu. 12 avr. 2018 21:15
Localisation : Brive La Gaillarde
Site Web : http://le-forum-sans-nom.fr
sept. 2018
dimanche
09
19:11

Cosmétique Toujours

Messagepar Luca

Bonsoir ,

Ce post est à l'attention de Scotty car je vu ça sur son Forum et j'adore !

1 ) L'effet lorsque on change de page sous le thème X-Creamy-Red : du fait maison ou partie intégrante du Style en question ?
Dans le cas ou c'est fait maison , partage possible ou pas du tout ? une réponse négative elle serais compréhensible car on ne voit pas ça partout et je sais que Scotty adore ça lol !

2) Le cadre rouge avec un petit effet glow qui entoure le forum ... ça je sais que c'est du fait maison .. j'aimerais entouré mon forum du même cadre mais de couleur bleu ..possibilité d'avoir l'astuce ?

Toutes réponses même négatives serons respecté de ma part ..

Merci de m'avoir lu et bonne fin de soirée :)

Avatar du membre France
FranckTH
Fondateur
Fondateur
Messages : 2679
Enregistré le : dim. 27 nov. 2016 12:10
 
Relax-Arcade :  3
Site Web : index.php
sept. 2018
lundi
10
12:00

Re: Cosmétique Toujours

Messagepar FranckTH

je connais pas l'effet de transition par contre pour l'effet glow sur le contour dégradé de ton forum

tu peux très bien appliquer ceci :

Code : Tout sélectionner

box-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #228DFF, 0 0 35px #228DFF, 0 0 40px #228DFF, 0 0 50px #228DFF, 0 0 75px #228DFF;


dans ton colours.css de ton style

Trouves:

Code : Tout sélectionner

.wrap {
   background-color: #FFF;
   border: 20px solid;
    border-image: linear-gradient(#f63cf0cc, #f0f924c2, #f9a80bcc, #6acc1cc7, #293cd1bf, #ac29d1bf) 30;
}


et remplaces par :

Code : Tout sélectionner

.wrap {
   background-color: #FFF;
   border: 20px solid;
    border-image: linear-gradient(#f63cf0cc, #f0f924c2, #f9a80bcc, #6acc1cc7, #293cd1bf, #ac29d1bf) 30;
box-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #228DFF, 0 0 35px #228DFF, 0 0 40px #228DFF, 0 0 50px #228DFF, 0 0 75px #228DFF;
}
Aucun support par messagerie privée !!!

Avatar du membre France
Scotty
Codeur
Codeur
Messages : 16
Enregistré le : dim. 25 mars 2018 13:22
Site Web : http://arcade-scotty.fr
sept. 2018
lundi
10
21:34

Re: Cosmétique Toujours

Messagepar Scotty

je vais regarder pour effet de transition je me rappelle plus ce que j'ai fait mdr

Avatar du membre France
Scotty
Codeur
Codeur
Messages : 16
Enregistré le : dim. 25 mars 2018 13:22
Site Web : http://arcade-scotty.fr
sept. 2018
mardi
11
16:24

Re: Cosmétique Toujours

Messagepar Scotty

voila le code a rajouter sur prosilver je ne sais pas moi c'est sur wrap

Code : Tout sélectionner

 animation: inout 1s;
 animation-iteration-count: 1;
 -webkit-animation: inout 1s; /* Safari & Chrome */
 -webkit-animation-iteration-count: 1;


@keyframes inout {
   0%   { transform: scale(0, 0); }
   25%   { transform: scale(0, 1); }
   50%   { transform: scale(0, 1); }
   100%  { transform: scale(1, 1); }
}
 
@-webkit-keyframes inout { /* Safari & Chrome */
   0%   { -webkit-transform: scale(0, 0); }
   25%  { -webkit-transform: scale(0, 1); }
   50%  { -webkit-transform: scale(0, 1); }
   100% { -webkit-transform: scale(1, 1); }
}

Avatar du membre France
Luca
Level 1
Level 1
Messages : 33
Enregistré le : jeu. 12 avr. 2018 21:15
Localisation : Brive La Gaillarde
Site Web : http://le-forum-sans-nom.fr
sept. 2018
mercredi
12
18:43

Re: Cosmétique Toujours

Messagepar Luca

Bonsoir ;)

Bien merci pous vos réponses dans un prémier lieu , la semaine hélas peu de temps mais je m'y colle très vite !

Petite question Scotty ...je l'ajoute ou ton code lol ? car moi le wrap a part Mc do ou Kfc je connais pas mdrrr ( tu me connais !! )

En tout cas encore merci !!! :)

Avatar du membre France
Scotty
Codeur
Codeur
Messages : 16
Enregistré le : dim. 25 mars 2018 13:22
Site Web : http://arcade-scotty.fr
sept. 2018
jeudi
13
15:39

Re: Cosmétique Toujours

Messagepar Scotty

tu le place comme à indiquer Franck

colours.css

Code : Tout sélectionner

.wrap {
   background-color: ....................etc etc
 animation: inout 1s;
 animation-iteration-count: 1;
 -webkit-animation: inout 1s; /* Safari & Chrome */
 -webkit-animation-iteration-count: 1;
}


@keyframes inout {
   0%   { transform: scale(0, 0); }
   25%   { transform: scale(0, 1); }
   50%   { transform: scale(0, 1); }
   100%  { transform: scale(1, 1); }
}
 
@-webkit-keyframes inout { /* Safari & Chrome */
   0%   { -webkit-transform: scale(0, 0); }
   25%  { -webkit-transform: scale(0, 1); }
   50%  { -webkit-transform: scale(0, 1); }
   100% { -webkit-transform: scale(1, 1); }
}

Avatar du membre France
Luca
Level 1
Level 1
Messages : 33
Enregistré le : jeu. 12 avr. 2018 21:15
Localisation : Brive La Gaillarde
Site Web : http://le-forum-sans-nom.fr
sept. 2018
jeudi
13
15:41

Re: Cosmétique Toujours

Messagepar Luca

Okkk je vais testé de suite et je vous tiens au courant
Merci ;)

Avatar du membre France
Luca
Level 1
Level 1
Messages : 33
Enregistré le : jeu. 12 avr. 2018 21:15
Localisation : Brive La Gaillarde
Site Web : http://le-forum-sans-nom.fr
sept. 2018
jeudi
13
15:55

Re: Cosmétique Toujours

Messagepar Luca

je pense que j'ai fait une connerie ..comme d'hab lol


voilà mon css dans la ligne wrap ..

Code : Tout sélectionner

.wrap {
   background-color: #FFF;
   border: 20px solid;
    border-image: linear-gradient(#f63cf0cc, #f0f924c2, #f9a80bcc, #6acc1cc7, #293cd1bf, #ac29d1bf) 30;
box-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #228DFF, 0 0 35px #228DFF, 0 0 40px #228DFF, 0 0 50px #228DFF, 0 0 75px #228DFF;
  animation: inout 1s;
 animation-iteration-count: 1;
 -webkit-animation: inout 1s; /* Safari & Chrome */
 -webkit-animation-iteration-count: 1;


@keyframes inout {
   0%   { transform: scale(0, 0); }
   25%   { transform: scale(0, 1); }
   50%   { transform: scale(0, 1); }
   100%  { transform: scale(1, 1); }
}
 
@-webkit-keyframes inout { /* Safari & Chrome */
   0%   { -webkit-transform: scale(0, 0); }
   25%  { -webkit-transform: scale(0, 1); }
   50%  { -webkit-transform: scale(0, 1); }
   100% { -webkit-transform: scale(1, 1); }
}

}


:cafe:

Avatar du membre France
FranckTH
Fondateur
Fondateur
Messages : 2679
Enregistré le : dim. 27 nov. 2016 12:10
 
Relax-Arcade :  3
Site Web : index.php
sept. 2018
jeudi
13
18:28

Re: Cosmétique Toujours

Messagepar FranckTH

par contre suis pas convaincu que ça fonctionne avec un style à largeur fixe....
Aucun support par messagerie privée !!!

Avatar du membre France
Luca
Level 1
Level 1
Messages : 33
Enregistré le : jeu. 12 avr. 2018 21:15
Localisation : Brive La Gaillarde
Site Web : http://le-forum-sans-nom.fr
sept. 2018
vendredi
14
18:08

Re: Cosmétique Toujours

Messagepar Luca

FranckTH a écrit :par contre suis pas convaincu que ça fonctionne avec un style à largeur fixe....


Bonne piste ..en plus j'ai un'ext qui permet de mettre le forum de la largeur que l'on souhaite .. je viens de la désactiver et aucun changement...

je pense que j'ai mis le code de la bonne manière... a suivre... :pom: