Idea Les Râleuses sont absentes.. Idea
Le forum est en vacances mais toutes nos ressources restent disponibles. (En savoir +)

Aller en bas
Yue
Yue
Messages : 114

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

le 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 : 4860

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

le 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

le 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 : 4860

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

le 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

le 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 : 4860

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

le 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

le 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 : 4860

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

le 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

le 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 : 4860

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

le 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

le 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 : 4860

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

le 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 : 4860

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

le 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

le 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 : 4860

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

le 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

le 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 : 4860

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

le Mar 26 Nov 2019 - 11:00
MP Envoyé

_________________
Pêpêche
Pêpêche
Mascotte
Messages : 4860

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

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

J'archive du coup Sad

_________________
Miettes
Miettes
Râleuse (Admin)
Informations :
► En ligne de 9h à 18h en semaine
Peu présente le reste du temps
----
Idea Viens papoter avec nous sur le discord
Pseudo Discord : Miettes
Messages : 2159

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

le 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

le 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 :
► En ligne de 9h à 18h en semaine
Peu présente le reste du temps
----
Idea Viens papoter avec nous sur le discord
Pseudo Discord : Miettes
Messages : 2159

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

le 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

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


Miettes
Miettes
Râleuse (Admin)
Informations :
► En ligne de 9h à 18h en semaine
Peu présente le reste du temps
----
Idea Viens papoter avec nous sur le discord
Pseudo Discord : Miettes
Messages : 2159

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

le 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

le 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 :
► En ligne de 9h à 18h en semaine
Peu présente le reste du temps
----
Idea Viens papoter avec nous sur le discord
Pseudo Discord : Miettes
Messages : 2159

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

le 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



Post-It des Râleuses