Demande pour un logo

[Invité]

En bref...

Nature de la création : Autre
Taille de la création (en pixels) : je ne sais pas
Couleur de fond : [Vous devez être inscrit et connecté pour voir ce lien]

Image(s)

Lien(s) image(s) :

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

Visualiser:

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

Visualiser:

Texte

Texte à insérer : Atoucoeur
Police à utiliser : Playball
Couleur police : [Vous devez être inscrit et connecté pour voir ce lien]

En détails...

Lien de mon forum Forumactif : [Vous devez être inscrit et connecté pour voir ce lien]
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

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

Votre commande a été vérifiée par un [Vous devez être inscrit et connecté pour voir ce lien] 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.

[◦Jay◦]

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.

[Invité]

Le résultat est vraiment très joli, merci beaucoup, Jay. Néanmoins, pouvez-vous juste changer la couleur du titre en gris pastel? (j'avais mis [Vous devez être inscrit et connecté pour voir ce lien] 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
* 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.

[◦Jay◦]

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.

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

Bien à vous.

[Invité]

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

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.

[◦Jay◦]

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.

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.

[Invité]

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