| le 30/12/2007 à 19h31 |
|---|
 26 ans Sage
| Alors pour le bas j'ai bien compris. Pour le faire réaparaitre, il faut mettre en possitif. Mais quand, je le mets en possitif, j'ai le fond de mon blog qui saffiche.
missrayure a dit :
2eme bêtise : un ptit
#beyoung {
width:770px;
position:relative;
margin-left:50%;
left:-385px;
}
et une suppression complète des bidouillages moches de type "margin-left:-3459px" et "position:relative" ailleurs devrait résoudre ton souci 
J'ai crue le coprendre dès le dépard, mais je me suis perdu entre temp. J'ai beau vérifié et revérifié, j'arrive pas à trouver le bidouillage.
Sinon ton code on l'écrit au début (partie bannière) ou dans la partie pied de page.
|
| le 30/12/2007 à 19h37 |
|---|
 22 ans Modératrice
| où
tu
veux
Et oui les gens, le code CSS, ça se met dans l'ordre qu'on veut ou presque, la seule condition étant que le navigateur affiche la dernière instruction qu'on lui a donnée. Si on lui dit "tu soulignes les liens du menu" et après "tu soulignes pas les liens", il soulignera pas les liens du menu.
Et ce que j'appelle bidouillage, c'est ce que tu as pour positionner #top et #conteneur
plus sérieusement, tu mets
div#top {
margin:0;
padding:0;
background-repeat:no-repea t;
width:770px;
height:600px;
background-image:url(http: //i27.servimg.com/u/f27/09 /03/85/18/yuushi10.jpg);
}
et
div#conteneur {
width:700px;
}
ça devrait suffire
plus ton code est léger et digeste, mieux on pourra t'aider, et moins tu auras de problèmes avec les différents navigateurs
Et dernier conseil, mets ton fond de page en fond de #conteneur, ça évitera les décalages intempestifs  |
| le 01/01/2008 à 15h13 |
|---|
 26 ans Sage
| Je comprend. J'ai fais comme tu me l'as conseillé et ça fait beaucoup mieux.
J'ai du placer des marges à gauche ou à droite au niveau du menu de droite et de gauche pour que le tout soit unifier avant de tout repasser en relatif.
Cependant, j'ai toujours ma barre de glissement en bas et je ne trouve pas le moyen de le faire disparaitre. Si tu as un conseil pour l'enlever, je l'accpete volntier. Je continue à le chercher de mon coté.
PS : Bonne année pour tous |
| le 01/01/2008 à 15h28 |
|---|
 22 ans Modératrice
| ça vient sans doute du positionnement avec les marges négatives. Tu utilises quel navigateur ?
Ce que tu peux faire, pour résoudre ce problème, c'est mettre simplement le #beyoung en margin:auto. En revanche, les utilisateurs d'IE6 verront ton blog "tassé" sur la gauche  |
| le 01/01/2008 à 15h32 |
|---|
 26 ans Sage
| J'utilise mozilla firefox, c'est peux être normale.
Donc, pour tout faire disparaitre, je devrais placer :
#beyoung {
width:770px;
position:relative;
margin:auto;
margin-left:50%;
left:-385px;
}
C'est bien ça ? |
| le 01/01/2008 à 16h13 |
|---|
 26 ans Sage
| C'est bon, j'ai trouvé toute seule. Au faite, il me fais cette présentation uniquement sur ce blog, mais pas un autre. Je trouve ça toute même bizzare.
Je te remercie d'avoir pris du temp pour moi et surtout pour la première année de l'an.
(Message édité le 01-01-2008 à 16h15 par saya2000) |
| le 01/01/2008 à 16h32 |
|---|
 22 ans Modératrice
| il faut supprimer le margin-left et le left, si tu rajoutes le margin auto
J'suppose que t'as trouvé toi même, mais j'précise pour les autres ^^ |
| le 27/01/2008 à 13h08 |
|---|
 21 ans Sage inactive
| hum incruste...
bonjour ^.^
je ne sais pas vraiment si c'est ici qu'il faut le demander mais bon je vais pas ouvrir un topic pour ca et je n'ai rien trouvé en recherche...
alors voilà: je fais mes curseurs moi même et j'avais un site pour les heberger gratuitement mais il est fermé maintenant, est ce que vous connaissez un site pour le remplacer svp ? |
| le 27/01/2008 à 14h51 |
|---|
 28 ans Sage inactive
| Moi pour héberger mes images, j'utilise simplement le site Photobucket. Il te permet de créer tes propres albums et dossiers, idéal pour partager des images avec les autres. ^^ |
| le 27/01/2008 à 16h13 |
|---|
 21 ans Sage inactive
| oui pour les images moi j'utilise imageshack ^^
mais il ne gere pas les curseurs (snif)
edit:
hihihi j'ai trouvé finalment, si ca vous interesse...
Voir le lien
désolée pour le dérengement ^.^ et merci a kosmos =D
(Message édité le 27-01-2008 à 16h25 par pimprenelleb) |
| le 07/05/2008 à 11h04 |
|---|
 25 ans Sage inactive
| Bien le bonjour , voilà j'ai un énorme soucis (comment ça pas si énorme?) hum je me demandais si les favoris pouvaient encore etre mis sous forme de vignettes , car soucis je n'y arrive pas , pourtant cela fait deux jours que je me creuse le cerveau -_-'
Donc si l'on pouvais m'aider ce serai sympathique
Merci d'avance  |
| le 07/05/2008 à 16h05 |
|---|
 28 ans Sage inactive
| Oui, c'est toujours possible.
Quand tu regardes le code source de ton blog (ctrl+U) et que tu vas jeter un oeil sur la section de code concernant les favoris, tu vois ça : (là je te mets le code pour un des favoris de mon blog Happy Berry)
< li class="fav50837 favblox"><a href=" Voir le lien .bloxode . com/" title="Baranodreams"><sp an>Baranodreams</span></a> </li >
Tu vois le numéro 50837? chacun de tes favoris a un nombre attribué.
Tu dois commencer par récupérer le nombre correspondant à chacun de tes favoris, car il va le définir dans ta css.
ensuite tu mets dans ton code, ou tu veux, mais dans le menu de droite si tu veux avoir un code un peu organisé, vu que les favs sont dans le menu de droite : (reprise du tuto de la Missrayée ^^)
li.favblox {
height:40px;
width:40px;
margin:2px;
float:left;
}
(ça permet d'avoir des éléments de liste de la taille des miniatures, et en flottants. Le margin est là pour séparer les miniatures)
li.favblox a {
display:block;
height:40px;
width:40px;
}
(ça, ça permet d'avoir des miniatures cliquables sur l'ensemble de leur surface. Pour ceux que ça intéresse, le display:block permet de spécifier la hauteur et la largeur du lien, alors qu'à la base il s'agit d'une balise de type inline ^^)
li.favblox span { visibility:hidden; }
(ça, ça évite d'avoir le texte du lien en visible )
h3.cpth3 {
clear:both;
}
ensuite, on en vient au numéros qu'on a pris dans le code source. ^^
Exemple pour le 50837 par exemple :
li.favli.fav7183 {
background:url(miniature_d e_lapersonne);
}
Et miniature_de_la personne, tu mets en fait le lien d'une image en 40x40px que tu auras faite pour désigner le blog ou la personne en question.
Après, tu répètes l'étape pour chaque favoris, ce qui est donc long. ^^
Bon courage.
|
| le 07/05/2008 à 16h26 |
|---|
 25 ans Sage inactive
| Suis je idiote ou pas?
*se tape la tête contre le mur* y'a un truc que je dois pas bien faire c'est pas possible  |
| le 07/05/2008 à 16h44 |
|---|
 28 ans Sage inactive
| Alors déjà, je suis en partie responsable, j'ai oublié le cas pour les favoris externes (non bloxode et je vois que tu en as).
On a définit le code pour favblox, donc les favoris lexode, mais pas pour les favoris externes, soit : favexterne.
de plus, l'image que tu as utilisée est en 70x70 et non en 40x40, donc elle ne peut évidemment pas s'afficher correctement.
Il faut donc changer ci-dessous les valeurs de 40px en 70px :
li.favblox {
height:40px;
width:40px;
margin:2px;
float:left;
font-size:2px;}
li.favblox a {
display:block;
height:40px;
width:40px;
}
De plus, tu dois créer les mêmes blocs à double, mais avec favexterne au lieu de favblox, histoire que les favoris externes soient également définis dans le code. (en gros, tu prends tous les blocs favblox, tu en fais une copie que tu colles au-dessous de tes favbloxs de base dans ta css, et tu mets favexterne à la place)
Exemple :
li.favexternes {
height:40px;
width:40px;
margin:2px;
float:left;
font-size:2px;}
Si je dis des conneries les gens, arrêtez-moi!
Mais ça me semble assez logique donc je pense pas me gourrer
(Message édité le 07-05-2008 à 16h46 par kosmos) |
| le 07/05/2008 à 16h49 |
|---|
 28 ans Sage inactive
| En gros, je pense que pour que ça fonctionne, tu dois avoir ça : (je te regroupe favblox et favexterne dans les mêmes groupes, pour un gain de place, la séparation par virgules permet de définir plusieurs éléments du css à la fois, pratique à savoir ^^)
Je vois que tu n'as pas de favoris Lexode, mais si un jour tu veux en mettre, tu as déjà le code comme ça. (et vive Maliki! ^___^)
/*...........FAVORIS...... ......*/
li.favblox a:hover, li.favexterne a:hover {
background:transparent !important;
}
li.favblox, li.favexterne {
height:70px;
width:70px;
margin:2px;
float:left;
font-size:2px;}
li.favblox a, li.favexterne a {
display:block;
height:70px;
width:70px;
}
li.favblox a:hover, li.favexterne a:hover {
background:url() !important;
}
li.favblox span, li.favexterne span { visibility:hidden; }
h3.cpth3 {
clear:both;
margin-top:20px;
}
(Message édité le 07-05-2008 à 16h51 par kosmos)
(Message édité le 07-05-2008 à 16h52 par kosmos) |
| le 07/05/2008 à 16h51 |
|---|
 25 ans Sage inactive
| C'est dégoutant d'être aussi douée XD
Merci Kos'  pfff je suis pas très douée
|
| le 07/05/2008 à 16h52 |
|---|
 28 ans Sage inactive
| Naaaan, pas douée, c'est juste une question d'habitude.
Py tu diras que je suis douée quand ça fonctionnera correctement, ok?  |
| le 07/05/2008 à 16h58 |
|---|
 25 ans Sage inactive
| Mais ça fonctionne me reste a tout faire quoi  merci beaucoup
J'ai bien perdue de mon habitude de coder ^_^
Et bravo pour le choix du fav ^_^
|
| le 07/05/2008 à 17h00 |
|---|
 28 ans Sage inactive
| Contente que ça fonctionne. ^^
C'est vrai que quand on code plus pendant un moment, on perd vite la main! XD |
| le 07/05/2008 à 17h03 |
|---|
 25 ans Sage inactive
| Ouai mais j'entends bien m'y remettre 
Aux design aussi  |