PB code CSS myspace
Forum Programmation : PB code CSS myspace
Au secours ! Alors je suis en train de customiser une page de myspace mais je rencontre un souci... ce qui m'amène à venir ici pour trouver de l'aide.
Donc voilà le problème, je n'arrive pas à insérer une grande bannière (tout en haut de la page web) sur ma page comme sur la page d'Omar et Fred que voici : http://www.myspace.com/omaretfredofficiel
Voici mon code css :
<style type="text/css">
table, tr, td { background-color:transparent; border:none; border-width:0;}
body {
background-color:000000;
background-image:url(http://www.lien.com/bg2_myspace.gif);
background-attachment:fixed;
background-position:top left;
background-repeat:repeat;
border-color:000000;
border-width:10px ;
border-style:solid;
scrollbar-face-color:000;
scrollbar-highlight-color:1185AA;
scrollbar-3dlight-color:1185AA;
scrollbar-shadow-color:1185AA;
scrollbar-darkshadow-color:fff;
scrollbar-arrow-color:1185AA;
scrollbar-track-color:fff;
}
table table { border: 0px }
table table table table{border:0px}
table table table {
border-style:solid;
border-width:5px;
border-color:1ac1e4;
background-color:fff;
}
table, tr, td, li, p, div { font-family:arial; color:000; font-size:12px; }
.btext { font-family:arial; color:00a8cc; font-size:12px; }
.blacktext10 { font-family:arial; color:bf1184; font-size:12px; }
.blacktext12 { font-family:arial; color:000; font-size:12px; }
.lightbluetext8 { font-family:arial; color:bf1184; font-size:12px; }
.orangetext15 { font-family:arial; color:bf1184; font-size:12px; }
.redtext { font-family:arial; color:00a8cc; font-size:12px; }
.redbtext { font-family:arial; color:00a8cc; font-size:12px; }
.text { font-family:arial; color:00a8cc; font-size:12px; font-weight:bold; }
.whitetext12 { font-family:arial; color:00a8cc; font-size:12px; font-weight:bold; }
a:active, a:visited, a:link { font-family:arial; color:00a8cc; font-size:12px; }
a:hover { font-family:arial; color:00a8cc; font-size:12px; }
a.navbar:active, a.navbar:visited, a.navbar:link { font-family:arial; color:ffffff; font-size:12px; font-weight:bold; background-color:000; }
a.navbar:hover { font-family:arial; color:00a8cc; font-size:12px; }
a.redlink:active, a.redlink:visited, a.redlink:link { font-family:arial; color:000; font-size:12px; }
a.redlink:hover { font-family:arial; color:00a8cc; font-size:12px; }
.nametext { font-family:arial; color:00a8cc; font-size:12px; }
</style>
<style type="text/css">
table table table td {vertical-align:top ! important;}
span.blacktext12 {
visibility:visible !important;
background-color:transparent;
background-image:url("http://www.lien.com/myspace.jpg" );
background-repeat:no-repeat;
background-position:center center;
font-size:0px; letter-spacing:-0.5px;
width:435px; height:210px; display:block !important; }
span.blacktext12 img {display:none;}
</style>
<style type="text/css">
.contactTable {width:350px !important; height:200px !important; padding:0px
!important;background-image:url("http://www.lien.com/contact_myspace.png" );background-attachment:scroll; background-position:center
center;background-repeat:no-repeat; background-color:transparent;}
.contactTable table, table.contactTable td { padding:0px !important;border:0px;
background-color:transparent; background-image:none;}
.contactTable a img {visibility:hidden; border:0px !important;}.contactTable
.text {font-size:1px
!important;}.contactTable
.text,
.contactTable a,
.contactTable img {filter:none !important;}
.contactTable
.whitetext12 {display:none;}</style>
<style type="text/css">
.contactTable {width:300px !important; height:150px !important; padding:0px
!important;background-image:url("http://www.lien.com/contact_myspace.png" );background-attachment:scroll; background-position:center
center;background-repeat:no-repeat; background-color:transparent;}.contactTable table, table.contactTable td { padding:0px !important;border:0px;
background-color:transparent; background-image:none;}.contactTable a img {visibility:hidden; border:0px !important;}.contactTable .text {font-size:1px
!important;}
.contactTable
.text,
.contactTable a,
.contactTable img {filter:none !important;}.contactTable .whitetext12 {display:none;}</style>
Donc j'ai essayé de placer ce code pour placer la bannière mais ça ne fonctionne pas :
<style type="text/css">
body {margin-top: 1000;}
div.header {
position: top;
top: 1000;
left: 100%;
margin-left: -380px;
width: 700px;
height: 850px;
}
</style>
<div class="header"><img src="http://lien.com" alt='
' border=0></div>
</style>
Y a t'il un expert dans le coin ?
ps: les liens sont faux...
prend mon adresse msn
je t'explikerai c'est tres simple
la k'ai pas vraiment le temps
peace
Répondre à killazreact
<div class="header"><img src="http://lien.com" alt='' border=0></div>
C'est du n'importe quoi ton code... tu déclare une class en ouvrant la div et tu insère une image dedans???
tu devrais mettre:
.header {
background: url(monimage.jpg) no-repeat;
width:...;
heigth:...;
...
}
Hosting Favicon
Clic pas ici
Répondre à Allstar27
alors si je comprends bien, la bonne syntaxe serait celle-ci :
<style type="text/css">
body {margin-top: 1000;}
.header {
background: url(monimage.jpg) no-repeat;
position: absolute;
top: 1000;
left: 100%;
margin-left: -525px;
width: 700px;
height: 850px;
}
que signifie les valeurs top, margin-left, et left ?
je viens d'entrer le code, maintenant le pb est que la bannière ne s'affiche pas, voyez par vous-même : http://www.myspace.com/yagraphic
Sinon je voudrais supprimer cette bannière de pub, c'est possible ?
J'aurais besoin d'un(e) expert(e) dans ce vaste monde de la programmation !!!! à l'aide !!!!
waouh merci les gars, c'est super sympa de votre part ! il y a eu 46 visites mais pas un seul n'a osé m'aider. C'est super sympa quoi !
margin-left = marge de gauche...
Hosting Favicon
Clic pas ici
Répondre à Allstar27
merci allstar27, ya vraiment que des feignasses dans ce forum lol, ça va joue sur la réputation des développeurs...
bonne continuation à tous qd même
C'est que ton code est pas très compréhensible...
Hosting Favicon
Clic pas ici
Répondre à Allstar27
| yazz13 a écrit : merci allstar27, ya vraiment que des feignasses dans ce forum lol, ça va joue sur la réputation des développeurs...
|
je vais te repondre tres simplement.
pour créer un header (ta banniere},tu dois avant tout créer ce qu on appelle une Div (une division):
c est a dire:
<div class="header"></div>
en ajoutant ce code dans ton my space tu crees ton header.
ensuite associe ce code a du css.
<style>
body {
margin-top: 660px;
background-position: top center;
}
.header {
width: 1000px;
height: 660px;
position: absolute;
margin-left: -500px;
left: 50%;
top: 0px;
background-color:transparent;
background-image: url(tu mets ici l adresse de ton image(header);
background-repeat: no-repeat;
background-position: top;
}
voila c est simple
si tu veux voir un exemple:
http://www.myspace.com/globbers
sinon laisse un message A PLUS
Il y a 2397 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici.
