Insérer une image dans votre * Span Bar *

Bonjour,

Aujourd'hui, nous allons voir les codes CSS utilisés pour insérer une image dans la * Span Bar *.

La Span Bar est le petit rectangle qui se trouve au dessus de votre page, dans lequel il est bien souvent marqué "(le pseudo de la personne) fait partie de votre réseaux étendu".

Cette barre peut contenir une image au format "Bannière" bien qu'elle puisse accueillir des formats plus étendus, mais pour garder les dimensions correctes, il faudra réaliser une bannière d'environ 435 Px * 75 Px.

Cela étant fait, vous n'avez plus qu’à "Uploader" votre image sur un site du genre "Image Hack".

Ensuite copier ce code dans votre MySpace :

Code:

<style>
table table table td { !important;}
span.blacktext12 {
color:transparent;
visibility:visible !important;
background-color:transparent;
background-image:url("URL DE VOTRE IMAGE ICI");
background-repeat:no-repeat;
background-position:center center;
font-size:0px; letter-spacing:-0.5px;
width:435px; height:75px; display:block !important; }
span.blacktext12 img {display:none; }
</style>


Et de copier l'url de l'image a l'endroit indiqué, sans oublier qu'il faut que le début et la fin de cette URL touche les "guillemets".

Faites une sauvegarde de votre MySpace, aller voir votre page, et elle devrait maintenant contenir la bannière dans votre Span Bar.

Axandro

Où doit-on insérer ce code ?

Bonsoir mon Ami,

Très intéressant ce nouveau code... Merci !

@ Aurore : Au même endroit que les autres... regardes par là LIEN

Bien à vous,

Bonsoir,

J'ai un petit souci,...

Je viens de tester le code mais il me laisse apparente la phrase
« Fondateur_CMS fait partie de ton réseau étendu ! ».

Je vois que tu ne l'as pas cette phrase donc si tu pouvais nous en dire plus

Bien à toi,

Bonjour mon Ami,

Je me permets de te solliciter à nouveau

Bien à toi,

Azul,

Le problème en l'occurrence sur le space "CMS" est le suivant:

Dans t'on code CSS tu as ceci :

Code:

body, div, span, td, p, .orangetext15, .whitetext12, .lightbluetext8, strong, b, u, .redtext, .redbtext, .btext, .text, .nametext, .blacktext10, .blacktext12 {
   font-family: Trebuchet MS;
   font-size: 12px;
   color: rgb(255, 255, 255);
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   }

Il faut que tu ais supprimé ".blacktext12 " ainsi le texte de la Span Bar n'apparaîtra plus par dessus l'image.

Am

Axandro

Bonjour,

Voilà qui est parfait...

Effectivement, cette étape n'est pas nécessaire si l'on a pas inséré un code profil complet mais dans le cas contraire...

C'est bien plus joli sans cette mention !

Bien à toi,

Merci pour ce code !

Petite question , comment fait-on pour mettre une image aussi , mais dans les rectangles où est marqué "A propos de" , " Contact avec PSEUDO " ..etc ?

Avec le Generateur de code , nous ne pouvons mettre que des couleurs , et je n'ai pas trouvé pour mettre une image

Merci d'avance.

Bonjour,

Pour ce qui est de "Contact avec pseudo", c'est ce qui est appelé ToolboX...

Vois par là Personnaliser la TOOLBOX.

Pour ce qui est du "A propos de..."

Tu souhaites mettre une image de fond ou insérer une image tout simplement ?

Bien à toi,