Demande pour un logo

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Demande pour un logo

Message par Invité le Ven 5 Mai 2017 - 11:17

En bref...

Nature de la création : Autre
Taille de la création (en pixels) : je ne sais pas
Couleur de fond : #000000

Image(s)

Lien(s) image(s) :

https://i58.servimg.com/u/f58/19/67/52/80/35517418.jpg
Visualiser:


https://i58.servimg.com/u/f58/19/67/52/80/hello_14.jpg
Visualiser:


Texte

Texte à insérer : Atoucoeur
Police à utiliser : Playball
Couleur police : #858585

En détails...

Lien de mon forum Forumactif : http://waouh.forumactif.com
Commentaire(s) supplémentaire(s) : Bonjour Jay, je fais une demande concernant un logo. Je voudrai, si possible un effet de fond light en couleur pastel, je laisse libre cour à vos talents. Je précise que ce qui me gêne le plus c'est le bas du render, cela fait une coupure net,presque collé à ma barre nav ce n'est pas très esthétique.Pouvez-vous également réduire la taille du render? J'aimerai que le personnage se trouve à droite et le titre à gauche (voir sur le fofo*). J'ai pris la police Playball mais si vous pensez qu'une autre police convient elle peut être modifiée. J'aurai aimé également concernant le titre avoir la 1ère lettre plus grande ou en décroissant.
Il me faut une petite image pour le qeel mais inversée( juste le personnage vers la droite en transparence sans intitulé) je ne sais pas si je dois refaire un formulaire pour cette demande.
*(le nom du fofo va être renommé)

Merci à vous

Votre commande a été vérifiée par un membre de l'équipe et est conforme au règlement. Elle peut dès à présent recevoir des propositions.

Merci de ne pas modifier votre commande après l'insertion de ce message, et de bien vouloir être patient. N'hésitez pas à remonter votre commande (UP) une fois par tranche de 24h.


Dernière édition par misslena le Sam 6 Mai 2017 - 17:23, édité 1 fois
avatar

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Demande pour un logo

Message par ◦Jay◦ le Ven 5 Mai 2017 - 17:58

Bonjour misslena, voici une proposition :

[Vous devez être inscrit et connecté pour voir cette image]

L'image étant assez lourde, je vous conseille d'utiliser un autre hébergeur que Servimg sinon, vous perdrez la transparence puisqu'elle sera transformée en .jpeg !

Pour installer cette bannière, je vous conseille de retirer les titres actuelles(wahou et forum) et surtout de remettre la position de votre logo sur "centré" ensuite, vous pourrez ajouter ceci dans votre CSS :

Pour que l'image prenne la taille de votre forum :

Code:
img#i_logo{width:100% ;}

Si vous souhaitez que la bannière touche bien la bordure du forum, qu'il n'y ait pas de marge, vous pouvez ajouter ceci :

Code:
.bodyline {
    padding: 0 ;}
Cela permettra de coller la bannière sur les bords mais il faudra revoir quelques petites choses comme votre qeel qui touchera le bord du forum lui aussi ! Par exemple, en ajoutant une marge comme ceci :

Code:
.fond_QEEL{margin-left:10px;}

Pour votre image de qeel, est-ce que cela irait ?

[Vous devez être inscrit et connecté pour voir ce lien]

Voila un aperçu de votre forum avec la bannière :

[Vous devez être inscrit et connecté pour voir ce lien]

Bien à vous.


[Vous devez être inscrit et connecté pour voir cette image]
avatar

◦Jay◦
Créactif
Créactif

Masculin
Messages : 3614
Inscrit(e) le : 24/12/2014

http://www.forum-can-am.com/forum
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Demande pour un logo

Message par Invité le Ven 5 Mai 2017 - 20:47

Le résultat est vraiment très joli, cheers merci beaucoup, Jay. Néanmoins, pouvez-vous juste changer la couleur du titre en gris pastel? (j'avais mis #858585 si vous trouvez que c'est un peu trop foncé vous pouvez éclaircir) pour être en harmonie avec le ton du logo. La police me plait beaucoup on la garde! Juste réduire un peu la taille Wink
* pour le chargement j'ai suivi votre conseil, je suis passée par HostingPics, avec un lien pour le logo, je pense n'avoir pas fait de bêtise.
Pour le qeel le design image c'est parfait. J'ai mis votre code css, je me retrouve avec la marge à gauche mais plus à droite. (j'avais déjà ce problème de marge d'un côté votre code l'a juste inversé)
Est-ce qui serait possible d'avoir l'image sur toute la hauteur du bloc qeel est sans marge à gauche? Collé à l'intérieur bloc blanc (si ce n'est pas possible ce n'est pas grave, je verrai plus tard).
Je vous remercie pour cet excellent travail et vous êtes super rapide.
avatar

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Demande pour un logo

Message par ◦Jay◦ le Sam 6 Mai 2017 - 9:21

Bonjour misslena, voici votre bannière :

[Vous devez être inscrit et connecté pour voir ce lien]

Pour info, [Vous devez être inscrit et connecté pour voir ce lien]est très performant et donne des URL en HTTPS. Wink

Pour votre QEEL, donnez moi la partie qui est dans votre template, cela ira plus vite.

Bien à vous.


[Vous devez être inscrit et connecté pour voir cette image]
avatar

◦Jay◦
Créactif
Créactif

Masculin
Messages : 3614
Inscrit(e) le : 24/12/2014

http://www.forum-can-am.com/forum
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Demande pour un logo

Message par Invité le Sam 6 Mai 2017 - 10:06

Coucou Jay, merci pour la modif le résultat correspond exactement à ce que je voulais, superbe! cheers

Code:
<!-- END switch_user_login_form_footer -->
<!-- BEGIN disable_viewonline -->
    <table style="width: 800px;" class="fond_QEEL"><tr>
      <center><div style="font-family: 'Playball', cursive; font-size: 35px; color: #ffffff;">Qui est ligne ?</div></center>
      <br />
    <center><a href="#" style="font-family: 'Handlee', cursive; font-size: 21px; color: #D1003B !important; padding: 10px;">Groupe 1</a> <a href="#" style="font-family: 'Handlee', cursive; font-size: 21px; color: #0ECC25 !important; padding: 10px;">Groupe 2</a> <a href="#" style="font-family: 'Handlee', cursive; font-size: 21px; color: #00BBFF !important; padding: 10px;">Groupe 3</a> <a href="#" style="font-family: 'Handlee', cursive; font-size: 21px; color: #003FBD !important; padding: 10px;">Groupe 4</a></center>
      <br />
              <td><center><img src="https://i58.servimg.com/u/f58/19/09/41/66/qeel1210.png" /></center></td>
              <td style="width: 500px;"><span id="bert">{TOTAL_POSTS}</span>
                    <script type="text/javascript">document.getElementById('bert').innerHTML=document.getElementById('bert').innerHTML.replace(/Nos membres ont posté un total de/,"Nos habitants travaillent dur ! Ils ont posté un total de").replace(/messages/,"messages, on peut les féliciter !");
                </script><br />
              <span id="matt">{TOTAL_USERS}</span>
                    <script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/Nous avons/,"Ils sont").replace(/membres enregistrés/,"à avoir tenté l'expérience.");
                </script><br />
              <span id="yosh">{NEWEST_USER}.</span>
                    <script type="text/javascript">document.getElementById('yosh').innerHTML=document.getElementById('yosh').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"Accueillons tous ensembles notre dernière victime");
                </script><br />
              <span id="connectes">{RECORD_USERS}.</span>
                <script type="text/javascript">document.getElementById('connectes').innerHTML=document.getElementById('connectes').innerHTML.replace(/Le record du nombre d'utilisateurs en ligne est de/,"Le record de rencontres simultanées est de");
                </script><br />
              <span id="celine">{TOTAL_USERS_ONLINE}.</span>
                      <script type="text/javascript">document.getElementById('celine').innerHTML=document.getElementById('celine').innerHTML.replace(/Il y a en tout/,"").replace(/utilisateur(s?) en ligne/,"personnes parcourent actuellement les lieux dont :").replace(/::/,":").replace(/Enregistré(s?)/,"fidèles,").replace(/Invisible(s?) et/,"discrets et").replace(/Invité(s?)/,"visiteurs");
                      </script>
                <br /><br />
                <div style="border-top: 1px Gray solid; width: 500px;"></div>
                <br /><br />
      <span id="alpha" style="width: 500px; height: 100px; overflow: auto;">{LOGGED_IN_USER_LIST}</span>
                    <script type="text/javascript">document.getElementById('alpha').innerHTML=document.getElementById('alpha').innerHTML.replace(/Utilisateurs enregistrés/,"Sur les lieux");</script></td>
      </tr>

    <table id="kaboum" style="position: relative; left: -0.1em;">{L_CONNECTED_MEMBERS}</table>
        <script type="text/javascript">
        jQuery('#kaboum span.gensmall').html(jQuery('#kaboum span.gensmall').html().replace('Membres connectés au cours des * dernières heures : ','texte1 :'));
        </script></table>
    <link href='http://fonts.googleapis.com/css?family=Handlee' rel='stylesheet' type='text/css'>
    <!-- END disable_viewonline -->

Voici, comme vous me l'avez demandé la partie template du qeel.



Edit: j'ai réussi à centrer le qeel en modifiant le px de votre code. Il ne reste plus qu'à positionner l'image sur le bord gauche à l'intérieur de ce bloc ainsi que sur sa hauteur.
avatar

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Demande pour un logo

Message par ◦Jay◦ le Sam 6 Mai 2017 - 16:33

Bon et bien c'est très bien, alors vous allez simplement changer dans votre code cette ligne :

Code:
<td><center><img src="https://i58.servimg.com/u/f58/19/09/41/66/qeel1210.png" /></center></td>

Comme vous le voyez, vous centrez l'image, il suffit donc de retirer le <center> et mettre votre ligne comme ceci :

Code:
<td><img src="https://i58.servimg.com/u/f58/19/09/41/66/qeel1210.png" /></td>

De cette manière, l'image se placera d'elle même à gauche, c'est le comportement par défaut. Wink

Il faudra adapter votre CSS, cette partie actuellement comme ceci :

Code:
.fond_QEEL {
    background-color: #f5f5f5;
    color: Gray;
    font-family: arial;
    font-size: 11px;
    margin-left: 50px;
    padding: 15px;
    text-align: justify;
}

Peut être remplacée par :

Code:
.fond_QEEL {
    background-color: #f5f5f5;
    color: Gray;
    font-family: arial;
    font-size: 11px;
    margin-left: 50px;
    padding-right: 25px;
    text-align: justify;
    border-spacing:0px !important;
}

Et enfin, j'ai refait l'image pour qu'elle soit mieux adaptée :

[Vous devez être inscrit et connecté pour voir ce lien]

Au final, la ligne qui doit être remplacée dans votre template devra être comme ceci :

Code:
<td><img src="https://i58.servimg.com/u/f58/18/95/70/55/qeel-210.png" /></td>

Bien à vous.


[Vous devez être inscrit et connecté pour voir cette image]
avatar

◦Jay◦
Créactif
Créactif

Masculin
Messages : 3614
Inscrit(e) le : 24/12/2014

http://www.forum-can-am.com/forum
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Demande pour un logo

Message par Invité le Sam 6 Mai 2017 - 17:22

C'est parfait Jay. Merci infiniment pour ce joli logo ainsi que de m'avoir aidé à placer mon image. ::fleur::
avatar

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


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