Sujets similaires

bonjours, pour la chatbox tu pourrai donne le lien de l'image sil te plai merci
Sinon les arrondis jette un œil ici
PS : pas sur d'avoir tous comprit Wink

Bonsoirs,
Si le chatbox ne s'affiche plus il faut allé :
Panneau Admin --> Module --> Chatbox --> Activé

et le code pour mettre le fond est :

Code:: #chatbox_members ul li,
body.chatbox {
background-image: http://obsession27.free.fr/divers/fonds/baza5.gif;}

EDIT : super c'est marquer résolue mais pas de nouvelle c'est toujours un plaisir^^

Bonsoir,
J'allais répondre mais je suis partie pendant une semaine en vacances, toutes mes excuses...
Merci pour votre aide, ça marche =D

EDIT : Quand j'active ma chatbox et qu'elle s'affiche sur le côté et sur la page en haut, j'ouvre celle sur le côté et j'ai un fond (ma bannière). Mais quand je mets "ne pas afficher", je n'ai plus de fond et la chatbox est légèrement décalé sur la gauche.

Bonjour~
Et si tu essaies comme ça:

Code:: #chatbox_members ul li,
body.chatbox {
background-image: URL("http://obsession27.free.fr/divers/fonds/baza5.gif");
}

Bonjour,
Merci pour ta réponse mais l'image est en toute petite (sa taille normale), je dois mettre quelque chose pour la répéter ?

Ouep~ tient:

Code:: #chatbox_members ul li,
body.chatbox {
background-image: URL("http://obsession27.free.fr/divers/fonds/baza5.gif");
background-repeat: repeat;
}

Merci c'est parfait =D

Par contre, maintenant j'aurais besoin d'aide pour la PA si ce n'est pas trop demandé...
J'ai suivit le tuto pour les onglets, mais comme tu peux le voir ici j'ai quelques soucis.

J'aurais aimé que le texte "En Normandie, Terres des Chevaux, l'Académie Horse Beautiful vous ouvre ses portes. Dirigée d'une main de maitre par Messieurs Osvald, grand-père et petit-fils, depuis 3 ans, elle est le lieu de miracles... Des chevaux performants tout comme des chevaux ayant perdu confiance en l'Homme. A toi de trouver ton chemin !" soit dans un défilement sur ma PA. Dans le panneau c'est dans un défilement mais pas sur le forum alors je comprends pas...

Pour les onglets, j'aurais aimé qu'ils soient sur le côté gauche, un peu comme sur ce forum ci mais plutôt en un seul bloc avec des séparations (des lignes juste) et des arrondis au bout de chaque. Si tu ne comprends pas, je vais essayer de te faire une demo sur photofiltre.

Ehm pour le défilement, passe ton code de PA por favor~

Pour les onglets, c'est carrément un autre code ou bien une iframe, avec le tuto ici c'est impossible .__.

Voici mon code :

Code:: <div class="systeme_onglets">

<div class="onglets">
<span style="font-weight: bold; color: Black;" class="onglet_0 onglet" id="onglet_accueil" onmouseover="javascript:change_onglet('accueil');">Accueil</span>
<span style="font-weight: bold; color: Black;" class="onglet_0 onglet" id="onglet_informations" onmouseover="javascript:change_onglet('info');">Informations</span>
<span style="color: Black; font-weight: bold;" class="onglet_0 onglet" id="onglet_staff" onmouseover="javascript:change_onglet('staff');">Equipe Administrative</span>
<span class="onglet_0 onglet" id="onglet_partenaires" onmouseover="javascript:change_onglet('partenaires');"></span>
</div>

<div class="contenu_onglets">
<div class="contenu_onglet" id="contenu_onglet_accueil"><center><img src="http://img514.imageshack.us/img514/8705/66894093.jpg"><br></center>
<center><font size="3"><span style="font-weight: bold;">BIENVENUE A Horse Beautiful</span><br></font></center><div align="center"><span style="font-size: 18px; line-height: normal;"></span>La relation qui unit un cheval a son <br>cavalier a toujours attisé <br>tous les fantasmes. Désormais,<br>c'est à vous de créer une relation unique.<br><br></div><p align="left"></p><div style="overflow: auto; width: 300px; height: 100px;">En Normandie, Terres des Chevaux, l'Académie Horse Beautiful vous ouvre ses portes.
Dirigée d'une main de maitre par Messieurs Osvald, grand-père et petit-fils, depuis 3 ans, elle est le lieu de miracles...
Des chevaux performants tout comme des chevaux ayant perdu confiance en l'Homme.
A toi de trouver ton chemin !</div><p></p></div>

<div class="contenu_onglet" id="contenu_onglet_informations"><b>^^</b></div>

<div class="contenu_onglet" id="contenu_onglet_staff"><b>Votre Equipe Administrative toujours au TOP !</b></div>

<div class="contenu_onglet" id="contenu_onglet_partenaires">Contenu de l'onglet</div>
</div>
</div>
<script type="text/javascript">
//
</script>

Ah oui je vois...
Bon alors je me contenterai de petites icônes comme il y a là...
J'aurais besoin d'une aide alors pour faire ceci en onglets si c'est possible X
Ou au moins la barre du dessous, je me débrouillerai pour le reste.

En tout cas, merci pour ton aide.

Donc donc~

Code:: <div class="contenu_onglet" id="contenu_onglet_accueil"><center><img src="http://img514.imageshack.us/img514/8705/66894093.jpg"><br></center>
<center><font size="3"><span style="font-weight: bold;">BIENVENUE A Horse Beautiful</span><br></font></center><div align="center"><span style="font-size: 18px; line-height: normal;"></span>La relation qui unit un cheval a son <br>cavalier a toujours attisé <br>tous les fantasmes. Désormais,<br>c'est à vous de créer une relation unique.<br><br></div><p align="left"></p><div style="overflow: auto; width: 300px; height: 50px;">En Normandie, Terres des Chevaux, l'Académie Horse Beautiful vous ouvre ses portes.
Dirigée d'une main de maitre par Messieurs Osvald, grand-père et petit-fils, depuis 3 ans, elle est le lieu de miracles...
Des chevaux performants tout comme des chevaux ayant perdu confiance en l'Homme.
A toi de trouver ton chemin !</div><p></p></div>

Comme ça, le défilement fonctionne?

Et pour tes onglets~~ Ehm en gros, tu veux être capable de les mettre tous vers la gauche, collés et séparés par une seule ligne avec une bordure en dessous. C'est ça?

Merci ça fonctionne parfaitement =D

Oui en gros c'est ça. C'est peut-être trop compliqué :s

1- De rien xD

2- Non non c'est super simple en fait. Jvais juste avoir besoin du CSS de tes onglets par contre x)
Et ehm j'ai une idée pour faire les séparation, mais pour ça je dois faire une bordure de 1px sur un des côtés de l'onglet...
DONC~ il y aurait un des deux côtés à la fin qui aurait une petite bordure aussi~ jsais pas si tu comprends. Bref jvais te montrer x_x

Alors, le CSS de mes onglets... C'est cela ?

Code:: .onglet
{
display:inline-block;
margin-left: 3px;
margin-right: 3px;
padding: 3px;
border: 1px solid black;
-moz-border-radius : 5px 5px 5px 5px;
cursor:pointer;
}
.onglet_0
{
background:#7CAFDA;
border-bottom:1px solid black;
}
.onglet_1
{
background:#7CAFDA;
border-bottom:0px solid black;
padding-bottom:3px;
}
.contenu_onglet
{
background-color: #DBEEFB;
border: none;
margin-top: 2px;
padding:5px;
display:none;
}

Je vois à peu près... Sinon, tu peux aussi faire la bordure de l'autre côté pour que ça soit symétrique... Fin, fait comme tu m'as dit et je pense que ça ira. Encore merci pour ton aide =D

Donc ouep c'est ça xD
Déjà jvais te montrer pour les bordures.

Citation :: .onglet
{
display:inline-block;
margin-left: 3px;
margin-right: 3px;
padding: 3px;
border-bottom: 5px solid #xxxxxx;
border-left: 1px solid #xxxxxx;
border-right: 1px solid #xxxxxx;
-moz-border-radius : 5px 5px 5px 5px;
cursor:pointer;
}
.onglet_0
{

border-bottom: 5px solid #xxxxxx;
border-left: 1px solid #xxxxxx;
border-right: 1px solid #xxxxxx;
}
.onglet_1
{

border-bottom: 5px solid #xxxxxx;
border-left: 1px solid #xxxxxx;
border-right: 1px solid #xxxxxx;
padding-bottom:3px;
}
.contenu_onglet
{
background-color: #DBEEFB;
border: none;
margin-top: 2px;
padding:5px;
display:none;
}

Donc, la bordure de 5px c'est celle du bas, et les autres c'est les "séparation". Tu changes le xxxxxx; par la couleur que tu souhaites~
J'ai enlevé le background-color parce que selon l'aperçu, il n'étais pas nécessaire, mais tu peux facilement le remettre~
Après, si tu veux mettre une autre police ou que tu veux grossir la police, ça va se jouer dans la class .onglet je crois, tu mets la police que tu veux avec font-family, la taille que tu veux avec font-size, etc~

Tu me suis jusque là XD?

Là les onglets ne sont pas encore à gauche par contre~

Jusque là, je suis tout \o/

OKEY \o/
Pour les mettre à gauche, c'est simple, on va aller dans le html **

Spoiler:

Donc ce que j'ai mit en rouge, c'est sensé mettre les onglets tout à gauche. Essaie vir o_o

Arf, ils ne se mettent pas à gauche :s

Pourtant, j'ai bien rajouté ce que tu as mis en rouge...

Bon, désolée pour le délai, je cherchais un truc u_u"

Mais j,ai trouvé. Donc xD à la place du truc en rouge, tu vas mettre:
style="margin-left: XX%"

Et tu ajustes les pourcentages pour l'aligner comme tu veux à gauche~

Pas de soucis, merci =D
Sa marche impeccablement Wink

Par contre pour les onglets, c'est pas vraiment ce que j'aurais aimé mais j'ai compris la technique pour modifier alors merci ^^
Si je ne m'en sors vraiment pas, je ferais une commande =D

xD D'accord~

Donc est-ce que ton problème est résolu? S'il n'est pas résolu et que tu as encore besoin d'aide, je risque de demander à un autre codeur puisque c'est ma dernière journée avant le coupage d'internet pour le déménagement u__u

Oui il est résolu, merci pour ta grande aide =D

De riiieennnnnnnn *classe le sujet*

Chatbox & PA

Chatbox & PA

Sujets similaires

Sujets similaires

Partenaires Or