La tambouille des râleuses
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Le deal à ne pas rater :
TCL C74 Series 55C743 – TV 55” 4K QLED 144 Hz Google TV (Via ODR ...
499 €
Voir le deal

Aller en bas
Yue
Yue
Messages : 114

[Aide Codage] SOS fow en détresse Empty [Aide Codage] SOS fow en détresse

Sam 19 Oct 2019 - 18:24
Helloow !


Me revoici avec plusieurs petites demandes d'aide (le titre du sujet est peut être un peu exagéré haha) o/
(Au fur et à mesure que j'avancerai sur mon fow, il est possible que de nouvelles choses s'ajoutent.)

Mon fow est en AwesomeBB. Voici le lien : (en hide car il est en construction)


Alooors voici mes appels à l'aide  Razz

1/ Je souhaiterai ajouter dans le QEEL  le nombre de sujets ouverts sur le forum.
J'ai tenté plusieurs tutos trouvés à droite à gauche comme celui-là, mais sans succès. Comment faire ? ;;

2/ J'aimerai personnaliser l'apparence des libellés "Note" et "Annonce" pour que ça soit plus joli. Mais je ne retrouve plus la marche à suivre (il me faudrait juste le "nom" associé à ces libellés pour que je modifie le code en CSS ensuite).

3/ Sur AwesomeBB, le nom des sujets ne s'affichent pas en entier si ils sont trop longs. Je trouve ça un peu problématique et j'aimerai changer ça pour que ça s'affiche en entier (donc sur plusieurs lignes au besoin). Mais je n'ai aucune idée de comment procéder °°
Voilà comment ça se présente actuellement :


Merciiiii les râleuses love
Pêpêche
Pêpêche
Mascotte
Messages : 4428

[Aide Codage] SOS fow en détresse Empty Re: [Aide Codage] SOS fow en détresse

Sam 19 Oct 2019 - 21:06
Oh ! Tu es une dramaqueen =)

Voyons voir ^^

1/ Je souhaiterai ajouter dans le QEEL le nombre de sujets ouverts sur le forum.
J'ai tenté plusieurs tutos trouvés à droite à gauche comme celui-là, mais sans succès. Comment faire ? ;;
Tu pourrais nous montrer ce que tu as essayé de faire ?

2/ J'aimerai personnaliser l'apparence des libellés "Note" et "Annonce" pour que ça soit plus joli. Mais je ne retrouve plus la marche à suivre (il me faudrait juste le "nom" associé à ces libellés pour que je modifie le code en CSS ensuite).
Il y a un endroit sur ton forum où il y a une annonce et un post-it ?

3/ Sur AwesomeBB, le nom des sujets ne s'affichent pas en entier si ils sont trop longs. Je trouve ça un peu problématique et j'aimerai changer ça pour que ça s'affiche en entier (donc sur plusieurs lignes au besoin). Mais je n'ai aucune idée de comment procéder °°
Voilà comment ça se présente actuellement :
Cette css est de toi ?
Code:
.forum-description h3,.posts-description h3 {
    color: #403533;
    float: left;
    font-size: 16px;
    font-weight: 400;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    white-space: nowrap;
    width: 100%;
}

Si oui, il faut supprimer ces 2 lignes :
Code:
overflow: hidden;
white-space: nowrap;
Yue
Yue
Messages : 114

[Aide Codage] SOS fow en détresse Empty Re: [Aide Codage] SOS fow en détresse

Sam 19 Oct 2019 - 22:47
Juste un peu Razz

1/ J'ai suivi le tuto en ajoutant ceci au template index-body :
Code:

<span class="FORUMCOUNTOPIC"></span>
<script type="text/javascript" src="https://js01.fra.co/24922.js"></script>

2/ Sur le lien du 3/, j'avais mis votre fiche de pub en post-it °U°


3/ Non c'est du CSS par défaut cette partie là !
Pêpêche
Pêpêche
Mascotte
Messages : 4428

[Aide Codage] SOS fow en détresse Empty Re: [Aide Codage] SOS fow en détresse

Dim 20 Oct 2019 - 10:37
Coucou Smile

Pour le 1, c'est encore sur ton forum ou pas ? ça devrait fonctionner pourtant :/

Pour le 2, on va modifier un peu le template topics_list_box. On va repérer ceci :
Code:
{topics_list_box.row.TOPIC_TYPE}
et on va l'entourer d'un span avec une classe
Code:
<span class="type-topic">{topics_list_box.row.TOPIC_TYPE}</span>

Ensuite, en CSS, on va faire :
> Pour les annonces :
Code:

.posts-icon.folder_announce + .posts-content h3 .type-topic,
.posts-icon.folder_announce_new + .posts-content h3 .type-topic{
  /* Ta css */
}

> Pour les post-it :
Code:

.posts-icon.folder_sticky + .posts-content h3 .type-topic,
.posts-icon.folder_sticky_new + .posts-content h3 .type-topic{
  /* Ta css */
}

Je te laisse tester ?

Et pour finir, le point 3, dans la CSS, on va donc ajouter ça :
Code:
.forum-description h3,
.posts-description h3{
  line-height: 1;
  overflow: visible !important;
  white-space: normal !important;
}
Yue
Yue
Messages : 114

[Aide Codage] SOS fow en détresse Empty Re: [Aide Codage] SOS fow en détresse

Lun 21 Oct 2019 - 4:53
1/ Je viens de retenter, ça n'affiche rien :c Est-ce que tu as besoin du template du qeel pour voir si le problème vient de là ? J'en venais à me demander si sur AwesomeBB ça fonctionnait différemment pour te dire °°

2/ C'est nickel merciii /o/

3/ Idem, résultat parfait Crazy
Pêpêche
Pêpêche
Mascotte
Messages : 4428

[Aide Codage] SOS fow en détresse Empty Re: [Aide Codage] SOS fow en détresse

Lun 21 Oct 2019 - 10:23
Coucou Smile

Alors, j'ai testé sur un de mes forums et ça fonctionne bien. Regarde tout en bas :
http://miettes.exprimetoi.net/

J'ai mis ça dans mon template
Code:
<script type="text/javascript" src="https://js01.fra.co/24922.js"></script>
<p>Nombre de sujets : <span class="FORUMCOUNTOPIC"></span></p>

Dans quel template tu as essayé de le mettre ?
Yue
Yue
Messages : 114

[Aide Codage] SOS fow en détresse Empty Re: [Aide Codage] SOS fow en détresse

Lun 21 Oct 2019 - 18:40
Coucouu !

J'ai copier/coller le code dans le template index-body, comme javais fait précédemment et ça ne fonctionnement toujours pas °^° Je comprends vraiment pas pourquoi ça veut pas marcher
Pêpêche
Pêpêche
Mascotte
Messages : 4428

[Aide Codage] SOS fow en détresse Empty Re: [Aide Codage] SOS fow en détresse

Mar 22 Oct 2019 - 9:34
Coucou Smile

En fait, le souci vient du fait que ton forum est en https et la ressource non Sad

On va tester cette astuce Smile

1) Créer un javascript que tu vas afficher sur toutes les pages et copie colle ceci :
Code:
(function(){if(window.ActiveXObject)var b=new ActiveXObject("Microsoft.XMLHTTP");else window.XMLHttpRequest&&(b=new XMLHttpRequest);null!=b&&(b.onreadystatechange=function(){if(4==b.readyState&&"undefined"===typeof var_fa_is_done){var_fa_is_done=1;var d,g="FORUMURL FORUMURLINK FORUMNAME FORUMNAMELINK FORUMDESC FORUMBIRTHDAY FORUMAGE FORUMCOUNTFORUM FORUMCOUNTOPIC FORUMCOUNTPOST FORUMCOUNTUSER FORUMONLINEUSER FORUMONLINEDATE FORUMLASTUSER FORUMLASTUSERLINK USERNAME USERLINK USERBIRTHDAY USERAGE USERREGDATE USERLASTVISIT USERCOUNTPOST NOW NOWWITHTIME".split(" ");
for(d=0;d<g.length;d++){var h=g[d],e=b.responseText.replace(RegExp('^.+<li style="margin-bottom:5px;direction:ltr;text-align:left;"><strong>{'+h+"}</strong> : (.*?)&nbsp;<span style='direction:ltr'>(.*?)</span><br /></li>.+$"),"$1");if(b.responseText!=e){for(var j=document.getElementsByTagName("*")||document.all,c=[],a=-1;++a<j.length;)for(var k=j[a],l=k.className.split(" "),f=0;f<l.length;f++)if(l[f]==h){c.push(k);break}for(a=-1;++a!=c.length;)"INPUT"==c[a].tagName||"TEXTAREA"==
c[a].tagName?c[a].value+=e:c[a].innerHTML+=e}}}},b.open("GET","/popup_help.forum?l=miscvars",!0),b.send(null))})();

2) Dans ton template, supprime l'appel au js, donc cette ligne :
Code:
<script type="text/javascript" src="https://js01.fra.co/24922.js"></script>

Enregistre et publie.

On va voir si ça fonctionne ^^
Yue
Yue
Messages : 114

[Aide Codage] SOS fow en détresse Empty Re: [Aide Codage] SOS fow en détresse

Jeu 24 Oct 2019 - 20:28
Coucouu !

Alors ça n'a apparemment pas d'effet car le champ reste vide :c
Pêpêche
Pêpêche
Mascotte
Messages : 4428

[Aide Codage] SOS fow en détresse Empty Re: [Aide Codage] SOS fow en détresse

Ven 25 Oct 2019 - 9:29
Coucou Smile

C'est toi qui a ajouté ce javascript ?
Code:
$(document).ready(function() {
    var speedy = 400;
    function scrollTo(element) {
        $(element).click(function() {
            var goscroll = false;
            var the_hash = $(this).attr("href");
            var regex = new RegExp("(.*)\#(.*)","gi");
            if (the_hash.match("\#")) {
                the_hash = the_hash.replace(regex, "$2");
                if ($("#" + the_hash).size() > 0) {
                    the_element = "#" + the_hash;
                    goscroll = true
                } else if ($("a[name=" + hash + "]").size() > 0) {
                    the_element = "a[name=" + the_hash + "]";
                    goscroll = true
                }
                if (goscroll) {
                    var container = 'html';
                    if ($.browser.webkit)
                        container = 'body';
                    $(container).animate({
                        scrollTop: $(the_element).offset().top
                    }, speedy);
                    return false
                }
            }
        })
    }
    scrollTo('a')
});

Si on, on va devoir le corriger, parce qu'il fait bugguer je pense Smile
Yue
Yue
Messages : 114

[Aide Codage] SOS fow en détresse Empty Re: [Aide Codage] SOS fow en détresse

Ven 25 Oct 2019 - 20:13
Coucou !

Je crois pas, en tout cas ça ne m'évoque rien et je ne retrouve nul part ce JS donc je pense que c'est un truc par défaut de AwesomeBB °^°
Pêpêche
Pêpêche
Mascotte
Messages : 4428

[Aide Codage] SOS fow en détresse Empty Re: [Aide Codage] SOS fow en détresse

Lun 28 Oct 2019 - 14:56
Coucou Smile

Bon y a pas mal de chose qu'on va essayer de changer Smile

au niveau de ton menu, on va supprimer :
Code:
<link rel="stylesheet" href="styles.css">
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script src="script.js"></script>

(d'ailleurs, j'imagine qu'il ne marche pas non ?)

Je pense que c'est cette ligne :
Code:
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
qui nous pose problème Smile
Pêpêche
Pêpêche
Mascotte
Messages : 4428

[Aide Codage] SOS fow en détresse Empty Re: [Aide Codage] SOS fow en détresse

Mar 12 Nov 2019 - 14:20
Coucou @yue

As-tu vu ma réponse ?
Anonymous
Invité
Invité

[Aide Codage] SOS fow en détresse Empty Re: [Aide Codage] SOS fow en détresse

Lun 18 Nov 2019 - 10:04
Hello,

Je ne savais pas que Forumactif proposait AwesomeBB, en tout je ne le vois pas dans les forums possibles à la création d'un nouveau forum.

Sinon, le plus simple a mon sens, serait que vous nous communiquiez l'ensemble de votre template, celle avec le QEEL.

Sacha.
Pêpêche
Pêpêche
Mascotte
Messages : 4428

[Aide Codage] SOS fow en détresse Empty Re: [Aide Codage] SOS fow en détresse

Lun 18 Nov 2019 - 10:06
@Sacha à la création tu ne peux pas choisir cette version, par contre, une fois le forum créé, tu peux changer de version sans souci (d'ailleurs, il me semble que toutes les versions disponibles ne sont pas mises en avant lors de la création d'un forum)
Anonymous
Invité
Invité

[Aide Codage] SOS fow en détresse Empty Re: [Aide Codage] SOS fow en détresse

Lun 18 Nov 2019 - 10:18
Ah, oui vous avez raison, AwesomeBB est encore en version bêta, c'est un peu dangereux de commencer à réaliser du codage avec une version Bêta, je sens qu'un de ses quatre matins, les membres vont être en panique.
Pêpêche
Pêpêche
Mascotte
Messages : 4428

[Aide Codage] SOS fow en détresse Empty Re: [Aide Codage] SOS fow en détresse

Mar 26 Nov 2019 - 11:00
MP Envoyé
Pêpêche
Pêpêche
Mascotte
Messages : 4428

[Aide Codage] SOS fow en détresse Empty Re: [Aide Codage] SOS fow en détresse

Mar 3 Déc 2019 - 9:49
Bon toujours pas de nouvelles...

J'archive du coup Sad
Miettes
Miettes
Râleuse (Admin)
Informations :
► Présente en semaine (09h00 - 18h00)
----
Idea Viens papoter avec nous sur le discord
Pseudo Discord : Miettes
Messages : 2203
https://lectures-miettes.fr/

[Aide Codage] SOS fow en détresse Empty Re: [Aide Codage] SOS fow en détresse

Mar 21 Jan 2020 - 14:19
Coucou Smile

A la demande de @Yue, je remets en place cette aide Smile
Yue
Yue
Messages : 114

[Aide Codage] SOS fow en détresse Empty Re: [Aide Codage] SOS fow en détresse

Mar 21 Jan 2020 - 15:46
Mercii Miettes !

Aloooors ! Du coup j'ai supprimer ceci

Code:
<link rel="stylesheet" href="styles.css">
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script src="script.js"></script>

Dans overall header comme tu m'avais demandé /o/
Miettes
Miettes
Râleuse (Admin)
Informations :
► Présente en semaine (09h00 - 18h00)
----
Idea Viens papoter avec nous sur le discord
Pseudo Discord : Miettes
Messages : 2203
https://lectures-miettes.fr/

[Aide Codage] SOS fow en détresse Empty Re: [Aide Codage] SOS fow en détresse

Mar 21 Jan 2020 - 17:43
Coucou Smile

Tu peux me donner ton template overall-header stp ? Et les 2 templates overall_footer ?
Yue
Yue
Messages : 114

[Aide Codage] SOS fow en détresse Empty Re: [Aide Codage] SOS fow en détresse

Jeu 23 Jan 2020 - 13:28
Les voilà !


Miettes
Miettes
Râleuse (Admin)
Informations :
► Présente en semaine (09h00 - 18h00)
----
Idea Viens papoter avec nous sur le discord
Pseudo Discord : Miettes
Messages : 2203
https://lectures-miettes.fr/

[Aide Codage] SOS fow en détresse Empty Re: [Aide Codage] SOS fow en détresse

Jeu 23 Jan 2020 - 14:25
On va supprimer ça du template "overall_header" (FA appelle déjà la bibliothèque jquery)
Code:
 <script type='text/javascript' src='http://files.jcink.net/html/jquery-1.7.2.min.js'></script>

et on va aussi supprimer ça dans un premier temps (toujours dans le même template)
Code:
<script type='text/javascript' src='http://files.jcink.net/html/jquery.cookie-1.3.1.js'></script>
 
<script type='text/javascript' src='http://files.jcink.net/html/catcollapse.js'></script>

Tu saurais me donner ta CSS aussi ? Embarassed Parce que pour le moment, mon forum de test ne ressemble à rien Very Happy
https://commandes-tambouille.forumactif.com/
Yue
Yue
Messages : 114

[Aide Codage] SOS fow en détresse Empty Re: [Aide Codage] SOS fow en détresse

Jeu 23 Jan 2020 - 14:59
Voilà supprimé o/

Voici le CSS (il fait 3 kilomètres de long, et je pense que tu vas trouver des horreurs de bidouillages par moment xD)

Miettes
Miettes
Râleuse (Admin)
Informations :
► Présente en semaine (09h00 - 18h00)
----
Idea Viens papoter avec nous sur le discord
Pseudo Discord : Miettes
Messages : 2203
https://lectures-miettes.fr/

[Aide Codage] SOS fow en détresse Empty Re: [Aide Codage] SOS fow en détresse

Jeu 23 Jan 2020 - 15:52
Bon ! la page charge plus vite et on a moins de message d'erreur dans la console du navigateur Smile

Tu sais à quoi sert ce bout de code ?
Code:
$(document).ready(function() {
    var speedy = 400;
    function scrollTo(element) {
        $(element).click(function() {
            var goscroll = false;
            var the_hash = $(this).attr("href");
            var regex = new RegExp("(.*)\#(.*)","gi");
            if (the_hash.match("\#")) {
                the_hash = the_hash.replace(regex, "$2");
                if ($("#" + the_hash).size() > 0) {
                    the_element = "#" + the_hash;
                    goscroll = true
                } else if ($("a[name=" + hash + "]").size() > 0) {
                    the_element = "a[name=" + the_hash + "]";
                    goscroll = true
                }
                if (goscroll) {
                    var container = 'html';
                    if ($.browser.webkit)
                        container = 'body';
                    $(container).animate({
                        scrollTop: $(the_element).offset().top
                    }, speedy);
                    return false
                }
            }
        })
    }
    scrollTo('a')
});

Tu peux me donner le template qui gère le bloc "statistiques" ?

(pour mon forum de test, je pense qu'il me manque d'autre truc pour avoir un affichage correct Very Happy Du coup, on va laisser tomber, ça va etre trop compliqué =) )
Contenu sponsorisé

[Aide Codage] SOS fow en détresse Empty Re: [Aide Codage] SOS fow en détresse

Revenir en haut
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum
Les coups de ♥ des Râleuses

Post-It des Râleuses