Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
797 connectés 

 
 


 Mot :   Pseudo :  
 
 Page :   1  2
Page Suivante
Page Précédente
Bas de page 
Auteur Sujet :

paradyse-conception : remplacer logo flash

n°1100313
cyril0678
The Modding Spirit
Posté le 25-03-2010 à 23:17:30  profilanswer
 

Reprise du message précédent :
Merci Marc.
 
Pour la petite étoile ce n'est pas bien grave...
Je vais effectivement foncer un petit peu les 4 étoiles grisées pour qu'elles soient un peu plus visible.
Et les traits à droite des étoiles sont pour souligner le titre du paragraphe et faire une démarcation entre chaque paragraphe.


---------------
www.paradyse-conception.com
mood
Publicité
Posté le 25-03-2010 à 23:17:30  profilanswer
 

n°1100335
abais
Posté le 26-03-2010 à 10:11:41  profilanswer
 

Je suis aussi en 1680*1050, je trouve que c'est un peu déséquilibré... t'as essayé de centrer le site ?


---------------
Le membre ci-contre n'est pas responsable du message ci-dessus.
n°1100342
Marc Harni​st
Rascabrole
Posté le 26-03-2010 à 11:03:26  profilanswer
 

Les traits collent aux étoiles. Une petite marge gauche (5px?) devrait donner un meilleur rendu non?
 

n°1100829
supalex06
ΛІεχ
Posté le 30-03-2010 à 17:44:09  profilanswer
 

quasi invisible


---------------
☼ [Feed Back] Supalex06 ☼  http://forum.hardware.fr/hfr/Achat [...] 7029_1.htm
n°1112708
cyril0678
The Modding Spirit
Posté le 29-08-2010 à 03:01:29  profilanswer
 

Merci pour vos réponses.
 
Le design du site a changé, mais le topic reste d'actualité...
 
Le site www.paradyse-conception.com renvoie désormais vers 2 "sous-sites" :
 
 - paradyse TJ07 Mod : site terminée
 - hfpc Mod : en construction. Mise en page et design ok. Il ne reste plus qu'à mettre du contenu...
 
Donc mes interrogations actuelles :
 
 - Voyez-vous les étoiles sur cette page : http://www.paradyse-conception.com
 - Vos avis, conseils, critiques sur les "sous-sites" :  
      * Paradyse TJ07 Mod
      * hfpc Mod


Message édité par cyril0678 le 29-08-2010 à 03:04:38

---------------
www.paradyse-conception.com
n°1112711
orchid pro​geny
All be back
Posté le 29-08-2010 à 07:09:45  profilanswer
 

ches moi, qui ai une ptite resolution, ton étoile du milieu est le truc qui s'illumines (un sortes de "E" sont très, très pixeleu... c'est dommage, le reste a une très bonne resolution


Message édité par orchid progeny le 29-08-2010 à 07:09:53

---------------
galerie orchid vidéos orchid
n°1112721
cyril0678
The Modding Spirit
Posté le 29-08-2010 à 10:13:09  profilanswer
 

Salut Orchid, est-ce que tu peux me préciser ta résolution s'il te plait ?
 
Tu dois parler du C avec une étoile blanc et bleu sur cette page (comme mon avatar) : http://www.paradyse-conception.com/
En fait de chaque côté de cette anim (flash) il y a 4 étoiles (donc 8 en tout) de couleur gris foncé. Et je voulais savoir si elles étaient visibles ou pas.
Merci pour ta réponse


---------------
www.paradyse-conception.com
n°1112998
cyril0678
The Modding Spirit
Posté le 01-09-2010 à 16:32:50  profilanswer
 

Personne n'ose se prononcer ? Je ne mange pas hein ;)


---------------
www.paradyse-conception.com
n°1112999
J_D_
Posté le 01-09-2010 à 16:57:53  profilanswer
 

Je les vois très bien.


---------------
DTC la 3ème étoile !
n°1136902
cyril0678
The Modding Spirit
Posté le 07-01-2012 à 23:09:14  profilanswer
 

Bonjour,
 
La page de présentation qui mène vers mes autres sous-sites possède un petit logo en flash. Le soucis est que le flash est en perte de vitesse et certains appareils ne le prennent pas en charge (apple, etc..)
Je voudrais donc recréer ce logo, en gardant l'effet lumineux, sous un autre format pour qu'il puisse être lu par tout type de périphérique.
 
Je n'ai pas de grandes compétences en animation donc je voudrais savoir quel format / code utiliser ? J'ai essayé de le convertir en Gif animé mais la qualité se dégrade trop. Est-ce possible en HTML5 ?
 
Voici le lien : www.paradyse-conception.com
 
(toute autre remarque est la bienvenue)
 
Merci d'avance ;)


---------------
www.paradyse-conception.com
mood
Publicité
Posté le 07-01-2012 à 23:09:14  profilanswer
 

n°1136907
abais
Posté le 08-01-2012 à 11:51:43  profilanswer
 

Tu peux faire ça en GIF animé vu le peu de temps que ça dure...

 

Sinon, tu peux faire ça tres simplement avec JQuery...
Le principe est de superposé 2 images et d'animer l'alpha de celle qui est au 1er plan...
Fais le code HTML/CSS nécessaire (tes 2 images en position:absolute et top:0 dans un conteneur en position relative) et on t'aidera pour le JS/JQuery, mais preconise la solution 1 !


Message édité par abais le 08-01-2012 à 11:54:06

---------------
Le membre ci-contre n'est pas responsable du message ci-dessus.
n°1136910
cyril0678
The Modding Spirit
Posté le 08-01-2012 à 14:40:38  profilanswer
 

Le GIF ne rends vraiment pas bien, le dégradé de l'effet néon est vraiment moche.
 
J'ai donc opté pour la deuxième solution :)
J'ai créé un conteneur avec une seule image pour l'instant pour voir si mon code CSS est bon :
 

Code :
  1. #logo {
  2. background-image:url(logo.png);
  3. background-position:absolute;
  4. top: 0px;
  5. position:relative;
  6. margin:0 auto;
  7. width:775px;
  8. height:101px;
  9. }


 
Voilà ce que ca donne : http://paradyse-conception.com/
 
Est-ce que c'est correct ? Si oui il va falloir donner l'effet avec JQuery maintenant c'est ca ?


---------------
www.paradyse-conception.com
n°1136962
abais
Posté le 08-01-2012 à 21:41:47  profilanswer
 

Non...
Plutôt que de mettre l'image en fond de #logo via CSS, tu va mettre 2 balises images à l’intérieur :
 
<div id="logo">
    <img id="logo_1" src="logo.png" alt="" />
    <img id="logo_2" src="logo2.png" alt="" />
</div>
 
en CSS :
 
#logo {
   position : relative
   margin : 0 auto;
   width:775px;
   height : 101px;
}
 
#logo_1, #logo_2 {
   display:block;
   top:0;
   position:absolute;
}
 
 
Voila, comme ça les 2 logos sont dejà là; le 2 par dessus le 1...
 


---------------
Le membre ci-contre n'est pas responsable du message ci-dessus.
n°1136965
cyril0678
The Modding Spirit
Posté le 08-01-2012 à 21:54:19  profilanswer
 

Yes c'est bon. La 2 est bien affichée en premier :

 

Logo 1 :

 

http://paradyse-conception.com/logo1.png

 

Logo 2 :

 

http://paradyse-conception.com/logo2.png


Message édité par cyril0678 le 08-01-2012 à 21:55:46

---------------
www.paradyse-conception.com
n°1136969
abais
Posté le 08-01-2012 à 22:44:57  profilanswer
 

Tu rajoute dans ton <head>

 

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
   var time = 2000; // Temps d'un cycle en milliseconde
   function disparaitre(){
      $("#logo_2" ).fadeOut(time/2, apparaitre);
   }
   function apparaitre(){
      $("#logo_2" ).fadeIn(time/2, disparaitre);
   }
   disparaitre();
});
</script>


Message édité par abais le 08-01-2012 à 22:48:16

---------------
Le membre ci-contre n'est pas responsable du message ci-dessus.
n°1136970
abais
Posté le 08-01-2012 à 22:47:03  profilanswer
 

Sinon on dit souvent que la transparence est plus lourde à rendre, je te conseil de faire un essai sans (fond noir intégré aux images)


---------------
Le membre ci-contre n'est pas responsable du message ci-dessus.
n°1136971
cyril0678
The Modding Spirit
Posté le 08-01-2012 à 22:52:05  profilanswer
 

Pour les images je ferais plusieurs essais pour voir ce qui rend le mieux.

 

Le script fonctionne bien mais il n'y a pas de boucles. Le fondu ne se fait qu'une seule fois et s'arrête :/


Message édité par cyril0678 le 08-01-2012 à 22:55:11

---------------
www.paradyse-conception.com
n°1136972
abais
Posté le 08-01-2012 à 22:56:33  profilanswer
 

bizarre, ça marche avec un exemple tout con chez moi...
Tu mettras une version online pour voir...


---------------
Le membre ci-contre n'est pas responsable du message ci-dessus.
n°1136973
cyril0678
The Modding Spirit
Posté le 08-01-2012 à 22:57:51  profilanswer
 
n°1136974
cyril0678
The Modding Spirit
Posté le 08-01-2012 à 23:07:53  profilanswer
 

C'est bon j'ai trouvé....
 
   function disparaitre(){
      $("#logo_2" ).fadeOut(time/2, apparaitre);
   }
   function apparaitre(){
      $("#logo_2" ).fadeIn(time/2, disparaitre);
 
J'avais mis logo_1 et logo_2...
 
Je remodifie


---------------
www.paradyse-conception.com
n°1136975
abais
Posté le 08-01-2012 à 23:12:54  profilanswer
 

wep, j'ai des mini coup de lag, tu essayera du JPG sans transparence..


---------------
Le membre ci-contre n'est pas responsable du message ci-dessus.
n°1136976
cyril0678
The Modding Spirit
Posté le 08-01-2012 à 23:14:15  profilanswer
 

Bon ca après c'est du fignolage. Le plus important est fait.
 
Un grand merci à toi pour ton aide. Tu es mon héros du jour :D

Message cité 1 fois

---------------
www.paradyse-conception.com
n°1136977
abais
Posté le 08-01-2012 à 23:31:49  profilanswer
 

cyril0678 a écrit :

Tu es mon héros du jour de l'année :D


http://www.voyancefrancaise.com/content/relaxnews/cuisine/logo_sda_2012.7cde5141040.w300.jpg


---------------
Le membre ci-contre n'est pas responsable du message ci-dessus.
mood
Publicité
Posté le   profilanswer
 

 Page :   1  2
Page Suivante
Page Précédente
Haut de page 

Aller à :
Ajouter une réponse
 

Sujets relatifs
[ WIP ] Porte des étoiles.que voyez vous ?
donnez votre avis - comment voyez vous les autres evoluerétoiles sur les photos
vortex porte de etoiles[Photoshop] Etoiles de couleur
[ Avis ] PNG 32 bit, comment les voyez-vous ?Effet 'porte des étoiles'
Comment faire des etoiles ? (toshop)[WIP] porte des étoiles... UP du 30/03/03
Plus de sujets relatifs à : paradyse-conception : remplacer logo flash

Forum MesDiscussions.Net, Version 2010.2
(c) 2000-2011 Doctissimo
Page générée en 0.048 secondes

Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR