SOS-FORUM
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
SOS-FORUM

Derniers sujets

» Silence Inside Me - Ouverture
par Solitude 3/3/2018, 12:36

» ATLANTIC CITY - rpg city
par Solitude 15/3/2017, 10:41

» Bonne Année 2015
par Yoda 5/3/2017, 20:12

» Rio de Janeiro
par Solitude 14/9/2015, 15:34

» Bon Anniversaire Zeco
par Laurent 29/5/2015, 06:29

Le Deal du moment : -20%
-20% Récupérateur à eau mural 300 ...
Voir le deal
79 €

Vous n'êtes pas connecté. Connectez-vous ou enregistrez-vous

SOS-FORUM » Entraide » Templates & CSS » Archives » Masquer les cadres "spoiler" [phpBB3]

Voir le sujet précédent Voir le sujet suivant Aller en bas  Message [Page 1 sur 1]

Final-Blonde
Final-Blonde
Staff du forum
http://sansfil.forumactif.com/
Good afternoon SOS-FORUM !
(ça continue : vous êtes KBRJ et il fait beau !)

Je l'ai posté ailleurs, mais pourquoi s'adresser aux anges du CSS quand on peut en parler au bon Dieu directement, hein ?

Un petit challenge pour continuer cette belle journée ?

Je suis à la recherche d'un code qui permette de masquer les cadres des balises "code" - "quote" - "spoiler"
Exactement à l'instar d'ici : Voir l'effet en cliquant sur les liens soulignés

Voilà ce que je crois savoir déjà :
- Que c'est à partir du CSS source de notre forum ICI
- Qu'il faut chercher ce qui se réfère à
blockquote
dl.codebox

Mais ensuite quoi et en quoi modifier pour que j'aie l'effet voulu sur ces 3 cadres?

Merci de votre aide. cheers



Dernière édition par final-blond le 31/10/2009, 11:07, édité 2 fois (Raison : Modif du titre)

Zeco
Zeco
Administrateur absent
http://digs.forumactif.com/forum
Hello...
Désolé de briser tes espérances, mais ça me parait totalement impossible sous FA, aussi bien avec que sans les templates. Même si on pouvait les masquer, on a pas accès à la variable qui permet d'ajouter le lien d'affichage et/ou de fermeture.

(Personnellement, je ne trouve d'ailleurs pas ça terrible comme système, essaye de double cliquer sur un lien et tu verras)

Désolé, mais c'est impossible.

Final-Blonde
Final-Blonde
Staff du forum
http://sansfil.forumactif.com/
ze_chaofan a écrit:Même si on pouvait les masquer, on a pas accès à la variable qui permet d'ajouter le lien d'affichage et/ou de fermeture.
Pourtant quand ça bug, c'est exactement ce que ça fait :
Spoiler:
par exemple et quand on clique dessus, le texte apparait (sans cadre certes)

ze_chaofan a écrit:essaye de double cliquer sur un lien et tu verras)
Arf ! Pourquoi double-cliquer aussi ? ^^

ze_chaofan a écrit:Désolé, mais c'est impossible.
Ben, tu n'y peux rien si c'est dans la base même de FA :


Anyway merci ze_chaofan. Masquer les cadres "spoiler" [phpBB3] 738327

Zeco
Zeco
Administrateur absent
http://digs.forumactif.com/forum
Roadie a écrit:Pourtant quand ça bug, c'est exactement ce que ça fait :
Spoiler:
par exemple et quand on clique dessus, le texte apparait (sans cadre certes)
Je crois que je n'ai pas tout à fait compris là...

Roadie a écrit:Aniway merci ze_chaofan. Masquer les cadres "spoiler" [phpBB3] 738327
De rien, même si je n'ai pas vraiment pu t'aider...

Final-Blonde
Final-Blonde
Staff du forum
http://sansfil.forumactif.com/
ze_chaofan a écrit:Je crois que je n'ai pas tout à fait compris là...
Et bien quand je touche aux dimensions de ces cadres avec des codes tels que :
Code:
dl.codebox { width: 40%; }
La diminution de la boîte se fait bien, mais au prochain reload de la page, il n'y a plus rien sauf :

Code :
En cliquant dessus, le contenu apparait (mais sans cadre).

N'y aurait-il pas quelque chose à exploiter là ?

Zeco
Zeco
Administrateur absent
http://digs.forumactif.com/forum
Un bug probablement, mais ça ne pourra pas servir, le CSS ne sert qu'à modifier l'apparence des choses, pas leur fonctionnement.

Après, essaye plutôt ceci pour modifier leur largeur :
.codebox { width: 40%; }

Sinon, Quand tu cliques dessus, cela apparait, mais pour les codes ?

Final-Blonde
Final-Blonde
Staff du forum
http://sansfil.forumactif.com/
Les codes restent comme s'ils étaient dans le cadre... Étrange n'est-ce pas ?

Ok, j'essaie ton code.



Virage :

Bye the way, bravo pour la lisibilité de ton forum ZC, c'est bien la première fois que je trouve aisément où poster !

Zeco
Zeco
Administrateur absent
http://digs.forumactif.com/forum
Roadie a écrit:Les codes restent comme s'ils étaient dans le cadre... Étrange n'est-ce pas ?
Bizarre... un bug probablement.

Roadie a écrit:Ok, j'essaie ton code.
Tiens moi au courant.

Roadie a écrit:Bye the way, bravo pour la lisibilité de ton forum ZC, c'est bien la première fois que je trouve aisément où poster !
Merci.

Final-Blonde
Final-Blonde
Staff du forum
http://sansfil.forumactif.com/
Yes ça fonctionne, mais si je me déconnecte, et me reconnecte, je suis sûr que les cases auront disparut...
Pour le spoiler c'est ce que je recherche.
Pour les codes ça ne me dérange pas plus que ça.
Mais c'est pour les quote que ça me dérange parce beaucoup sont rédigés en fonction de la couleur de citation, et pour avoir cet effet. Wink

Je pense à une chose :
Est-il possible de déterminer une image de fond mais que pour le spoiler ?
Si je mets le même fond que celui des posts, alors ça devrait le faire, non ?

NB : Je modifie la couleur de mon titre, car en fait il ne s'agit que du spoiler. scratch

Zeco
Zeco
Administrateur absent
http://digs.forumactif.com/forum
Les spoilers et les citations ont les mêmes attributs visuels.
Cependant, c'est pour ton forum en phpbb3 ?
Alors pour les citations, ce n'est pas blockquote mais quote il me semble.

Final-Blonde
Final-Blonde
Staff du forum
http://sansfil.forumactif.com/
Je te mets le code que j'ai à ce propos :

Code:
dl.codebox {
  padding: 0px;
  background-color: #f8403;
  border: 0;
  font-size: 1em;
  }

dl.codebox dt {
  text-transform: uppercase;
  border-bottom: 0;
  margin-bottom: 0px;
  font-size: 0.8em;
  font-weight: bold;
  display: block;
  }

.codebox { width: 40%; }

Rolling Eyes


EDIT : Ah, et le code de diminution ne le fait que sur le spoiler qui lui ne prend pas la couleur de fond de la case-code... Ôõ

Final-Blonde
Final-Blonde
Staff du forum
http://sansfil.forumactif.com/
Alors, j'ai ma super solution (grâce à un autre qui m'a mis le nez dans ce qui était devant moi, pour changer)...

Reprenons juste la première partie du code plus haut :
dl.codebox {
padding: 0px;
background-color: la couleur ou l'image de fond des posts
border: 0;
font-size: 1em;
}

Et voilou...

Bon c'est une astuce vraiment logique. Masquer les cadres "spoiler" [phpBB3] 36166

Zeco
Zeco
Administrateur absent
http://digs.forumactif.com/forum
Tu me laisses un peu de temps pour chercher tout ça, et je te tiens au courant, d'acc ?

Final-Blonde
Final-Blonde
Staff du forum
http://sansfil.forumactif.com/
Shure !


Merci.

Zeco
Zeco
Administrateur absent
http://digs.forumactif.com/forum
OK, alors voici déjà pourqu'on s'y repère mieux :

.codebox { }
dl.codebox { }
> Gère l'ensemble du code ou du spoiler.

dl.codebox dt { }
> Gère l'intitulé du code ou du spoiler (en haut, au dessus de la ligne)

.codebox dd { }
> Gère la partie du texte

-----------------------------------------------------

Donc, quel effet précis veut tu obtenir ?

Final-Blonde
Final-Blonde
Staff du forum
http://sansfil.forumactif.com/
Ah voilà qui devient plus clair, parce que ma mère n'est pas fortiche en explications...

ze_chaofan a écrit:
Code:
.codebox dd { }
> Gère la partie du texte
Donc c'est ici que je peux modifier la couleur, la police et la taille du texte, c'est bien ça ?

-----------------------------------------------------

ze_chaofan a écrit:Donc, quel effet précis veut tu obtenir ?

Ben en fait je ne voulais plus de cadre pour le "Code" et le "Spoiler" et c'est bon en mettant la même image de fond (ou couleur) de la structure posts.

Mais maintenant je cherche à modifier la couleur etc du texte du spoiler et des codes...

Zeco
Zeco
Administrateur absent
http://digs.forumactif.com/forum
Roadie a écrit:Donc c'est ici que je peux modifier la couleur, la police et la taille du texte, c'est bien ça ?
Oui, mais uniquement du texte qui est "codé" ou "spoilé"

Roadie a écrit:Mais maintenant je cherche à modifier la couleur etc du texte du spoiler et des codes...
On peut toujours mettre en transparence le tout pour voir l'image de fond à travers, et supprimer la bordure :
dl.codebox { background-color: transparent; border: none; }
Sinon, y a peut être un moyen pour faire un truc qui ressemblera à l'exemple, mais sans l'effet scrolling.

Final-Blonde
Final-Blonde
Staff du forum
http://sansfil.forumactif.com/
Euh je le mets où dans le code que j'ai plus haut ?


À ce propos, la deuxième partie du premier code que j'ai mis, est-elle nécessaire, parce que je modifie, mais ça n'a aucun impact...

__________________________________________________

EDIT : YIIIIAH J'AI COMPRIS Vide!

À LA PLACE DE TOUT CE FOURBI DE CODES Vide
tROP FORT ZE_CHAOFAN. cheers
____________________________________________________

Par contre reste que je voudrais bien changer l'apparence du texte spoilé et codé...



Dernière édition par Roadie le 24/2/2009, 21:08, édité 1 fois

Zeco
Zeco
Administrateur absent
http://digs.forumactif.com/forum
Hum, attends, je viens de me rendre compte qu'il y a plusieurs lignes différente pour le même style de boite...
Je reprends mes explications, oublie tout ce que j'ai dis avant.

dl.codebox { }
Gère toute la boite de code et de spoiler.

dl.codebox dt { }
Gère l'intitulé, c'est à dire la zone avec marqué "SPOILER :" ou "CODE"

.codebox dd { }
Gère le contenu en général (difficulté, voir en dessous)

dl.codebox code { }
Gère le contenu du code. Cette partie s'applique par dessus l'attribut précédent.


Mais, j'aimerrai revenir sur ton exemple, j'ai réussi à faire un truc qui ressemble un peu, regarde dans le premier message :
http://pngbb.sosforum.net/type-01-f1/exemple-de-message-t1.htm
Qu'en dis tu ?

Final-Blonde
Final-Blonde
Staff du forum
http://sansfil.forumactif.com/
Arf ! j'ai posté un edit !

Zeco
Zeco
Administrateur absent
http://digs.forumactif.com/forum
Roadie a écrit:Arf ! j'ai posté un edit !
Je viens de voir, mais la dernière liste est plus précise si tu le souhaites.
Et, il y a toujours l'exemple qui ressemble un peu à ce que tu m'as montré.

Final-Blonde
Final-Blonde
Staff du forum
http://sansfil.forumactif.com/
Joliii, comment on a ça sur BB3 ?


Ben finalement j'ai juste mis ta seule ligne à la place de tout le reste et ça donne exactament l'effet voulu...
Sauf pour le texte, je n'ai pas compris.

Mais ton effet est encore mieux.

Zeco
Zeco
Administrateur absent
http://digs.forumactif.com/forum
Roadie a écrit:Joliii, comment on a ça sur BB3 ?
Voilà un petit code :
dl.codebox {background-color: transparent; border: none;}
dl.codebox dt {background-color: #color1; width: 70px; text-align: center; border: 1px solid #color2; color: #color3;}
.codebox dd { color: #color4;}
dl.codebox code {color: #color5; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10px; border: 1px dotted #color6;}
Alors :
#color1 > Couleur de fond du bouton
#color2 > Couleur du contour du bouton
#color3 > Couleur du texte du bouton
#color4 > Couleur du texte spoilé
#color5 > Couleur du texte codé
#color6 > Couleur de la bordure autour du code

Roadie a écrit:Ben finalement j'ai juste mis ta seule ligne à la place de tout le reste et ça donne exactament l'effet voulu...
Sauf pour le texte, je n'ai pas compris.
Pour le texte ? Le texte contenu ou le texte au dessus ?

Final-Blonde
Final-Blonde
Staff du forum
http://sansfil.forumactif.com/
Les mots me manquent ze !
Je suis épatée, estomaquée.

Tu peux voir le résultat toi-même ICI

C'est ce que je peux de mieux pour te remercier !
(Et manger une grosse glace à ta place^^)


ze_chaofan a écrit:le texte ? Le texte contenu ou le texte au dessus ?
Ben tout est BOMBA avec ton méga code ! Masquer les cadres "spoiler" [phpBB3] 534197



EDIT : Ce que tu offres là est bien mieux que mon exemple.

Zeco
Zeco
Administrateur absent
http://digs.forumactif.com/forum
Eh bien de rien, merci même ^^

Contenu sponsorisé

Voir le sujet précédent Voir le sujet suivant Revenir en haut  Message [Page 1 sur 1]

SOS-FORUM » Entraide » Templates & CSS » Archives » Masquer les cadres "spoiler" [phpBB3]

Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum

 
  •  

Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Forum gratuit

Ne ratez plus aucun deal !
Abonnez-vous pour recevoir par notification une sélection des meilleurs deals chaque jour.
IgnorerAutoriser