Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

La date/heure actuelle est Jeu 21 Nov 2019 - 15:28

14 résultats trouvés pour logo

Header de fond qui s'adapte à la résolution de l'écran

Je vais d'abord répondre sur la forme :

Quand quelqu'un se pointe en affirmant avoir cherché un peu partout, je trouve déjà suspect (par expérience)
Je connaissais l'existence de ce tuto, donc je savais que vous n'aviez pas regardé ou du moins pas assez attentivement le listing des questions fréquentes et surtout celui des trucs et astuces.

Maintenant je comprends aisément que si un tuto n'existe pas, on ne parvienne pas à trouver quelque chose dans l'entraide soit parce qu'on n'a pas les bons mots-clé, soit parce qu'ils sont tellement courants qu'on va avoir 300 résultats sans garantie d'y trouver notre bonheur.
Mais ça ne s'arrête pas là ! Pour s'assurer que la personne a vraiment cherché on peut faire un contrôle rapide avec ses propres mots.

Test que je viens de faire à l'instant :
Je prends le titre de votre sujet :
-> Header de fond qui s'adapte à la résolution de l'écran
Je vire tout ce qui fait moins de 4 caractères (la recherche ne fonctionne pas sur les mots de 3 lettres ou moins)
-> Header fond adapte résolution écran
Je supprime fond et écran qui sont trop communs pour donner quelque chose d'utile.
-> Header adapte résolution
Je tape un par un dans la recherche les mots restants en commençant par header
-> Recherche interne - Header -> 209 résultats
Rien que sur la première page j'ai au minimum deux sujets pertinents (fournissant le code ou redirigeant sur le tuto)
Et on peut continuer ! adapte ne donne que 23 résultats mais la plupart sont pertinents. Résolution donne 74 résultats dont plusieurs pertinents dès la première page.

Moralité : quel que soit les mots que vous utilisiez, vous deviez trouver quelque chose ! Ca donne quand même à réfléchir d'autant que j'avais déduit la faiblesse de votre recherche avant même de la mettre à l'épreuve.

Ensuite vous vous vantez d'avoir tout viré, sans même nous fournir un lien exemple de ce que vous voulez obtenir, ni schéma ni même un seul lien vers ce que vous avez tenté.
Enfin vous dites ceci :
Si vous avez un lien tutoriel vers lequel me renvoyer, [...], n'hésitez pas !


Ce que je traduis par :
- J'ai pas cherché et j'ai pas envie de perdre mon temps avec ça ! Mais je vais affirmer le contraire (de toute façon ici sont trop ***** pour savoir si c'est vrai ou pas)
- Comme ma non-recherche a donné de non-résultats pas besoin de fournir de code ne fonctionnant pas. Ca serait trop bête qu'un code fourni au hasard se mette précisément à fonctionner.
- Pour finir, je devrais bien pouvoir trouver un pigeon pour faire la recherche à ma place et me filer le lien du tuto sans que je me fasse c**** à le chercher moi-même.

Partant de là il était exclu pour moi de faire ce genre de réponse :
Est-ce que tu es sûre d'avoir regarder partout ? Ce tuto est la solution, a moins que tu es eu un problème avec ou que tu ne saches pas l'installer?".


J'ai juste mis volontairement sur la voie pour que vous fassiez ensuite un minimum d'effort. Je sais que ça peut m'arriver involontairement d'être blessante, mais ici c'était tout sauf involontaire.




Maintenant la réponse sur le fond.

Oui on peut éviter le logo transparent en passant par le css mais le logo sera alors l'image vide de 1 pixel de côté. Pas évident de cliquer dessus pour revenir sur l'index !
En outre le logo est léger, moins de 1 ko, 894 octets pour être précise ! Et avec une image non optimisée. Je viens de le faire à l'instant et j'arrive à 302 octets.

L'utilisation de la balise img#i_logo peut-elle être une solution pour que le forum (barre de navigation) soit bien placée juste en dessous du header ?

Oui ... à condition de repasser en phpBB2.

Sous phpBB3 le sélecteur équivalent est #logo img


Pour les coins blancs :
Le template de base contient ceci  :
Code:
<div class="headerbar">
 <div class="inner"><span class="corners-top"><span></span></span>

 <div id="logo-desc">
 <a href="{U_INDEX}" id="logo"><img src="{LOGO}" alt="{L_INDEX}" /></a>
 <!-- BEGIN switch_h1 -->
 <div id="site-title">{switch_h1.MAIN_SITENAME}</div>
 <!-- END switch_h1 -->
 <!-- BEGIN switch_desc -->
 <p>{switch_desc.SITE_DESCRIPTION}</p>
 <!-- END switch_desc -->
 </div>

 <span class="corners-bottom"><span></span></span></div>
 </div>


Ce sont ces deux blocs qui génèrent les angles blancs :
Code:
<span class="corners-top"><span></span></span>


Code:
<span class="corners-bottom"><span></span></span>

non pas avec une couleur de fond mais avec deux images :
- https://illiweb.com/fa/prosilver/corners_left.gif
- https://illiweb.com/fa/prosilver/corners_right.gif

Je n'ai pas testé, mais je pense qu'en supprimant ces deux doubles span, le problème devrait disparaître.




Pour la petite histoire, si j'ai mis un logo transparent c'est parce que l'image du thème recouvrait presque toute la zone du header. Le logo transparent permettait de mieux mettre en évidence mon image d'en-tête.

D'ailleurs ce que vous avez n'est pas un "header de fond" mais l'image de fond du forum puisqu'elle est appliquée au body. Alors que moi il s'agit de l'image de fond de l'en-tête ce qu'on peut traduire par fond de header (et non header de fond). Et ça s'applique au .headerbar

Et d'ailleurs je viens de voir juste au-dessus de cette image sur le PA les 4 images suivantes :
- Coins arrondis gauche :
- Coins arrondis droit :
- Coins arrondis gauche sur fond coloré :
- Coins arrondis droit sur fond coloré :

Voilà qui devrait régler le problème des angles blancs.
par Neptunia
le Mer 22 Mai 2019 - 2:48
 
Rechercher dans: Corbeille & Titres non explicites
Sujet: Header de fond qui s'adapte à la résolution de l'écran
Réponses: 11
Vues: 638

Pouvoir mettre deux gifs deux diaporamas gifs en entete (à la place du logo)

Détails techniques


Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Opera
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://universgrenat.forumactif.org/forum

Description du problème

Bonjour

Tout est dans le titre, le code suivant marche très bien, mais j'aimerai mettre deux diaporamas, un à droite et un à gauche.

$(function() {
var a = ["http://upload.wikimedia.org/wikipedia/commons/8/8b/Light_dispersion_conceptual.gif"];
b=function(){$("#pun-logo img,#i_logo,#logo img").attr("src",a[Math.floor(Math.random()*a.length)])};b();setInterval(b,7*1000);

});

Merci pour votre réponse
par Nakoulet
le Mer 25 Juil 2018 - 17:17
 
Rechercher dans: Corbeille & Titres non explicites
Sujet: Pouvoir mettre deux gifs deux diaporamas gifs en entete (à la place du logo)
Réponses: 1
Vues: 540

module qui ne fonctionne plus depuis le 24

Détails techniques


Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : le 24 05 2018
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Bonjour;



jQuery(document).ready(function(){

//Heure de changement le matin
var matin = 7;
//Heure de changement le soir
var soir = 21;

//Bordure minimum entre le bord et la bannière en pixels
var bordure = 20;


var date = new Date();
var heure = date.getHours();
if(heure >= matin && heure < soir){
if ($(document).width() > 1200 + (bordure *2)) {
$("#logo img").attr("src", "http://forum.fracheboud.com/wp-content/uploads/2015/07/Jour-1200-2.jpg");
} else if ($(document).width() > 1000 + (bordure *2)) {
$("#logo img").attr("src", "http://forum.fracheboud.com/wp-content/uploads/2015/07/Jour-1000-2.jpg");
} else if ($(document).width() > 800 + (bordure *2)) {
$("#logo img").attr("src", "http://forum.fracheboud.com/wp-content/uploads/2015/07/Jour-800-2.jpg");
} else {
$("#logo img").attr("src", "http://forum.fracheboud.com/wp-content/uploads/2015/07/Jour-600-2.jpg");
}
} else {
if ($(document).width() > 1200 + (bordure *2)) {
$("#logo img").attr("src", "http://forum.fracheboud.com/wp-content/uploads/2015/07/Nuit-1200-2.jpg");
} else if ($(document).width() > 1000 + (bordure *2)) {
$("#logo img").attr("src", "http://forum.fracheboud.com/wp-content/uploads/2015/07/Nuit-1000-2.jpg");
} else if ($(document).width() > 800 + (bordure *2)) {
$("#logo img").attr("src", "http://forum.fracheboud.com/wp-content/uploads/2015/07/Nuit-800-2.jpg");
} else {
$("#logo img").attr("src", "http://forum.fracheboud.com/wp-content/uploads/2015/07/Nuit-600-2.jpg");
}
}
});



de plus la boite de dialogue a perdu sont fond couleur et est passé en blanc

Cordialement
par le marsupilami
le Lun 28 Mai 2018 - 10:52
 
Rechercher dans: Archives des problèmes avec un code
Sujet: module qui ne fonctionne plus depuis le 24
Réponses: 2
Vues: 368

Code à utiliser pour insertion banderole animée (gif) dans le header

Détails techniques


Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :
Voir l'image:
Tag logo sur Forum gratuit : Le forum des forums actifs Captur10

Personnes concernées par le problème : Moi uniquement
Lien du forum : http://anaaga.forumactif.com/forum

Description du problème

Bonjour à tous
SUJET RESOLU SEUL !
Je souhaiterai placer ma banderole animée en haut du forum dans le header.
Pour voir la banderole en question:
https://redcdn.net/hpimg4/pics/681645BanderolleFinaleGA.gif

En cherchant sur les forums d'aide, j'ai trouvé ce code javascript que j'ai essayé d'utiliser:

$(function() {var a = ["https://redcdn.net/hpimg4/pics/681645BanderolleFinaleGA.gif"];b=function(){$("#pun-logo img,#i_logo,#logo img").attr("src",a[Math.floor(Math.random()*a.length)])};b();setInterval(b,7*1000);});

Les Problèmes:
- L'animation du gif est coupée (on ne voit que le début)
- J'aimerai qu'il prenne toute la largeur du header (le gif fait 640x91 px)

Merci par avance de votre aide !
par Arnould Jf Leclercq
le Dim 12 Nov 2017 - 10:57
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Code à utiliser pour insertion banderole animée (gif) dans le header
Réponses: 1
Vues: 369

Redimensionnement automatique des images (non-souhaité)

Détails techniques


Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :
Voir l'image:
Tag logo sur Forum gratuit : Le forum des forums actifs Image_10

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : hiver 2017
Lien du forum : http://entreelles.org

Description du problème

Bonjour,

je ne sais pas pourquoi ou ce que j'aurais pu changer, mais le forum redimensionne automatiquement les images à 800x256 pixels. J'ai besoin d'environ 1300x480 pour mon image de fond, alors c'est un problème.

Je n'avais pas ce problème avant, seulement depuis la dernière fois où j'ai changé l'image, il y a quelques semaines. Je viens de remarquer le problème hier car nous voulons changer l'image à nouveau.

Est-ce un problème dans mon CSS ? Comme je suis très novice, je n'arrive pas à décoder où serait le bobo. Quelqu'un peut m'aider ?

Je vous mets copie de mon CSS en entier :

Merci beaucoup ! Very Happy

***********************************************

/*REDIMENSIONNER LE LOGO À LA PAGE*/

/*TAILLE LOGO*/
#logo img {
max-width: 100%;
}

A:hover{text-transform:uppercase;}

/*BOUTON VOTER POUR CE MESSAGE (non-utilsé, va avec bouton j'aime (1)*/
div.vote .vote-no-bar, div.vote div.vote-bar + div.vote-button, div.vote div.vote-no-bar + div.vote-button { display: none; }
.vote-count {
background: url("https://i.servimg.com/u/f43/14/33/98/96/button10.png") no-repeat scroll 0 0 transparent;
color: #4AAE00;
font-size: 10px;
font-weight: 700;
height: 17px;
padding-top: 2px;
text-align: center;
width: 27px;
}

/*remplacement Chatbox par clavardage dans la boîte de clavardage */
.chatbox-title a {
font-size:0;
}
.chatbox-title a:after {
font-size:18px;
content:"CLAVARDAGE";
}
/*Message Chatbox sur même ligne que Avatar */

#chatbox .user-msg .user, #chatbox .user-msg .msg {
display: inline;
}

/*TEXTE POUR REMERCIER L'AUTEUR D'UN MESSAGE*/
#fa_thanks_message img { vertical-align:middle }
#fa_thanks_message {
color:#280;
font-size:16px;
font-weight:bold;
text-align:center;
background-color:#DFD;
border:1px solid #BDB;
border-radius:6px;
padding:6px;
margin:6px;
}
/*LIMITER LA TAILLE DES AVATARS DANS LA CHATBOX*/
#chatbox_members .cb-avatar > img {
height:30px;width:30px;
vertical-align: middle;
}

/*MESSAGE DE BIENVENUE DANS LA CHATBOX*/
#chatbox.recently-connected:after {
font-family: "trebuchet ms", serif;
font-size: 1.5em; line-height:1.5em; font-weight: bold; color: #8BC34A;
box-shadow:0 0 5px #AED581; display:block; background: #F1F8E9; margin:auto;
width:80%; margin:1.5% auto; padding:1%; white-space: pre;
content: "Bienvenue dans la zone de clavardage !";
}
/*COLORISER LES CELLULES SUR L'INDEX LORSQU'UN NOUVEAU MESSAGE EST POSTÉ*/
dl.newpost {
background-color:#A2BCAB!important;
}

/*REDIMENSIONNER LES SIGNATURES*/
.signature_div img{
max-width: 500px !important;
max-height: 200px !important;
}

/*CHANGER LA COULEUR DES NOUVEAUX MESSAGES (EN ROUGE)*/
.new-message{
color: #E3170D;
}

/*CHANGER LA COULEUR AU SURVOL DES NOUVEAUX MESSAGES (EN BLEU)*/
.new-message:hover{
color: #1C86EE;
}

/*RACCOURCISSEMENT DES LIENS INTERNET DANS LES MESSAGES*/
.postbody a {
display: inline-block;
max-width: 400px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
vertical-align: bottom;
}

/*couleur des liens dans les messages*/
.postbody a{
color: blue;
font-weight: bold;}

/*couleur des titres des messages*/
.topic-title a{color: black;}

/*couleur du nom de l'auteur*/
.author a{
color: black;
font-weight: lighter;}

/*REDIMENSIONNER LES IMAGES À 90%*/
div.postbody img {
max-width: 100%;}

/*Bouton J'aime (0)*/
#rep_post .reput_vote {
-khtml-user-select: none;
-moz-transition: all,1s;
-moz-user-select: none;
-ms-user-select: none;
-o-transition: all,1s;
-webkit-touch-callout: none;
-webkit-transition: all,1s;
-webkit-user-select: none;
background: #667882 url(https://i.servimg.com/u/f68/16/87/83/03/u0as10.png) no-repeat 3px center;
background-size: 22px;
border-radius: 4px;
border-top: 1px solid #999;border-bottom:2px solid #999;
text-shadow: 1px 1px 1px #ccc, 0px 3px 3px #000;
box-shadow: -0 2px 4px #000;
clear: both;
color: #fff;
cursor: pointer;
display: table;
font-size: 11px;
font-weight: 700;
line-height: 18px;
margin: 5px;
padding: 3px 5px 3px 30px;
transition: all,1s;
user-select: none;
}
.reput_vote.zero {
background-color: #6a6a6a;
}

.BS_like {font-family:'arial';
-khtml-user-select: none;
-moz-transition: all,1s;
-moz-user-select: none;
-ms-user-select: none;
-o-transition: all,1s;
-webkit-touch-callout: none;
-webkit-transition: all,1s;
-webkit-user-select: none;
background: #667882 url(https://i.servimg.com/u/f68/16/87/83/03/u0as10.png) no-repeat 3px center;
background-size: 22px;
border-radius: 4px;
border-top: 1px solid #999;border-bottom:2px solid #999;
text-shadow: 1px 1px 1px #ccc, 0px 3px 3px #000;
box-shadow: -0 2px 4px #000;
clear: both;
color: #fff;
cursor: pointer;
display: table;
font-size: 11px;
font-weight: 700;
line-height: 18px;
margin: 5px;
padding: 3px 5px 3px 30px;
transition: all,1s;
user-select: none;
}
.BS_like:before {
content: "Si tu aimes ce message clique ici !";
}

#rep_post .bs_inline {
list-style: none;
}

#rep_post {white-space: nowrap;margin: 6px 4px;float: right;}
#rep_post .bs_inline {list-style: none;}
#rep_post .bs_inline > li {display: inline-block;margin: 0 3px;}
#rep_post .bs_inline > li:first-child {margin-left: 0;}
#rep_post .bs_inline img {display: none;}
#rep_post span img {cursor: pointer;}
.reput_vote.positive {background-color: #8db13e;}
.reput_vote.zero {background-color: #6a6a6a;}
#rep_post .reput_vote:before {
content: " ";
}


/*Gras rouge pour " vous devez vous présenter avant d'écrire dans ce forum*/
.grasRouge {
font-weight: bold;
color: #FF0000;
}

par Chedis
le Lun 1 Mai 2017 - 17:58
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Redimensionnement automatique des images (non-souhaité)
Réponses: 7
Vues: 739

Diaporama JavaScript

Détails techniques


Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Autre
Personnes concernées par le problème : Moi uniquement
Lien du forum : http://modelismenavalradioc.nouvellestar6.com/

Description du problème

Bonjour.

J'ai un diaporama sur mon forum dont les photos s'affichent de façon aléatoire.
Je souhaiterai que les photos défilent dans l'ordre.
Voici le script actuel:

$(function() {

var a =

["https://i.servimg.com/u/f57/18/73/58/54/0111.jpg","https://i.servimg.com/u/f38/15/65/84/19/01710.jpg","https://i.servimg.com/u/f57/18/73/58/54/0211.jpg","https://i.servimg.com/u/f57/18/73/58/54/0311.jpg","https://i.servimg.com/u/f57/18/73/58/54/0410.jpg","https://i.servimg.com/u/f57/18/73/58/54/0510.jpg","https://i.servimg.com/u/f57/18/73/58/54/0610.jpg","https://i.servimg.com/u/f57/18/73/58/54/0710.jpg","https://i.servimg.com/u/f57/18/73/58/54/0810.jpg","https://i.servimg.com/u/f57/18/73/58/54/0910.jpg","https://i.servimg.com/u/f57/18/73/58/54/01010.jpg","https://i.servimg.com/u/f57/18/73/58/54/01110.jpg","https://i.servimg.com/u/f57/18/73/58/54/01210.jpg","https://i.servimg.com/u/f57/18/73/58/54/01310.jpg","https://i.servimg.com/u/f57/18/73/58/54/01410.jpg","https://i.servimg.com/u/f57/18/73/58/54/01510.jpg","https://i.servimg.com/u/f57/18/73/58/54/01610.jpg","https://i.servimg.com/u/f57/18/73/58/54/01810.jpg","https://i.servimg.com/u/f57/18/73/58/54/01910.jpg","https://i.servimg.com/u/f57/18/73/58/54/02010.jpg","https://i.servimg.com/u/f57/18/73/58/54/02110.jpg","https://i.servimg.com/u/f57/18/73/58/54/02210.jpg","https://i.servimg.com/u/f57/18/73/58/54/02310.jpg","https://i.servimg.com/u/f57/18/73/58/54/02410.jpg","https://i.servimg.com/u/f57/18/73/58/54/02510.jpg","https://i.servimg.com/u/f57/18/73/58/54/02610.jpg","https://i.servimg.com/u/f58/15/65/84/19/02710.jpg","https://i.servimg.com/u/f58/15/65/84/19/02810.jpg","https://i.servimg.com/u/f58/15/65/84/19/02910.jpg","https://i.servimg.com/u/f58/15/65/84/19/03010.jpg","https://i.servimg.com/u/f58/15/65/84/19/03110.jpg","https://i.servimg.com/u/f58/15/65/84/19/03210.jpg","https://i.servimg.com/u/f58/15/65/84/19/3310.jpg","https://i.servimg.com/u/f58/15/65/84/19/3410.jpg","https://i.servimg.com/u/f18/15/65/84/19/3510.jpg"];

b=function(){$("#pun-logo img,#i_logo,#logo img").attr("src",a[Math.floor(Math.random()*a.length)])};b();setInterval(b,5*1000);

});


Ne connaissant strictement rien en programmation, qui aurait la gentillesse de me communiquer la modification à effectuer.

Cordialement.

Bertrand
par bertrand78
le Ven 16 Sep 2016 - 9:02
 
Rechercher dans: Archives des problèmes avec un code
Sujet: Diaporama JavaScript
Réponses: 2
Vues: 425

Javascripts pour bannière défilante

Desole je suis très nul :'(

[code][code]$(function() {

var a = [http://hpics.li/0c8a482, http://hpics.li/1ca27f1, http://hpics.li/8ae4fbd];

b=function(){$("#pun-logo img,#i_logo,#logo img").attr("src",a[Math.floor(Math.random()*a.length)])};b();setInterval(b,7*1000);

});[code][/code]
par Skydreth
le Mer 6 Juil 2016 - 20:36
 
Rechercher dans: Archives des problèmes avec un code
Sujet: Javascripts pour bannière défilante
Réponses: 18
Vues: 765

image de fond de bannière

Bonjour kooga, dans votre css, cherchez : #logo img et ajoutez :

Code:
margin-left:-4px;


Comme ceci :

Code:
#logo img {
    width: 100%;
 margin-left:-4px;
}


Bien à vous.
par ◦Jay◦
le Sam 2 Avr 2016 - 7:56
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: image de fond de bannière
Réponses: 4
Vues: 502

Problème adaptation du forum en diminuant la taille du navigateur

Bonjour,

pour la barre de navigation,

à votre CSS, repérer #logo img et supprimer position: fixed.
par MasDan
le Dim 6 Mar 2016 - 22:27
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Problème adaptation du forum en diminuant la taille du navigateur
Réponses: 4
Vues: 532

Widgets simplement sur la page d'accueil du forum

je crois que vous n'avez pas bien compris, JE N"AI AUCUN CODE dans la feuille CSS.
tout est passe dans le PA.....

je veux bien que vous m'expliquer comment supprimer une code que le template genera automatiquement quand on coche une option du PA, et je reconfirme : Je n'ai aucun code dans la feuille CSS qui touche a la largeur des colonnes ! (zut edit pas pris, bon je re edite !)

ma feuille CSS
Spoiler:
[code]
/* me rappelle plus l\'utilite de ce script */
div#logostrip #logo{
padding: 0px !important;
margin: 0px !important;
}
#site-desc{ margin: 0px; padding: 0px;
}

/* taille et position de l\'imagette nouveau message prive */
#i_icon_mini_new_message {position: fixed;
top: 196px; right: 178px;
width: 170px; height: 170px;
}

/* rajoute, resize et positionne l\'avatar de l\'inscrit dans la Toolbar */
.fa_avatar {
width: 30px;
height: 20px;
position: relative;
top: -6px;
margin-right: 20px;
border-radius: 3px;
margin-bottom: -10px;
}

/* affiche une image de fond (degradee pour suivre la banniere) pour la Toolbar */
#fa_toolbar, #fa_toolbar_hidden {
background-image: url(\'https://i.servimg.com/u/f55/14/18/18/04/toolba12.jpg\');
left: 0px;
}

/* supprime le Bouton icone date dans le panneau message rapide */
a.sceditor-button-date{
display: none;
}

/* supprime le Bouton icone heure dans le panneau message rapide */
a.sceditor-button-time{
display: none;
}

/* rajoute un bouton selection du contenu dans le tableau d\'une balise */
.selectCode { float:right; text-transform: uppercase; cursor:pointer;
}
div.cont_code { clear: right;
}

/* couleur lien visite pour les barres de separation, ce code pour les liens visites eux-memes */
a:visited {
color: #666666;
}

/* augmente la hauteur visible du panneau de la balise [code] sans scroller */
.codebox dd {
overflow: auto;
max-height: 400px;
}

/* permet de regler la hauteur du menu sous la banniere */
#submenu {
background: #bbb;
color: #141317;
padding: .4em 0.45em;
text-align: right;
}

/* coins arrondis sur les avatars */
.postprofile-details.postdetails dt img {
box-shadow: 1px 1px 2px #000;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
-m-border-radius: 5px;
border-radius: 5px;
}

/* taille maximale visible de la signature */
div.signature_div {
max-width: 100%;
max-height: 90px;
overflow: hidden;
}


.vote-bar{
width:30px !important; height:2px !important;
float:right;
}
.vote-bar-plus{
width: 30px; height:2px !important;
background:#C6CCD4 !important;;
}

/* alignement en hauteur du widget derners sujets par rapport a l'index */
#content-container div#right {
margin-top: 28px;
}

/* Position du bouton Merci + */
.vote {
margin-right: 70px;
margin-top: 17px;
}

/* supprime les widgets des autres pages que l'index */
#right,#left{
display:none;
}
[/code]





Tag logo sur Forum gratuit : Le forum des forums actifs Widget10

.
par LDL
le Mer 2 Mar 2016 - 13:14
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Widgets simplement sur la page d'accueil du forum
Réponses: 24
Vues: 1664

Modifier css du logo principal || PHPbb3

bonjour
je n'est pas bien comprit sur quel forum vous vouliez la modif donc j'ai

,tester sur ce forum http://tesetest.forumactif.be/forum avec l'inspecteur,

Tag logo sur Forum gratuit : Le forum des forums actifs 2015-013


Code:
#logo img {
    float: none;
    padding: 1px;
    border: 2px solid #074a2e;
    border-radius: 10px;
    box-shadow: 1px 5px 10px #074a2e;
}


il faut rajouté a {#}logo{/#} >>>img >>> pour agir sur l'image Wink
par Invité
le Dim 30 Aoû 2015 - 22:11
 
Rechercher dans: Archives des problèmes avec un code
Sujet: Modifier css du logo principal || PHPbb3
Réponses: 4
Vues: 624

bannière du forum disparue

Si certains de tes membre voient encore l'ancienne bannière à la bonne taille tu peux toujours leur demander de te faire une capture d'écran taille réel , ou de l'enregistrer d'une autre façon et de te la donner , sinon , je sais pas trop...
Peut-être aussi qu'avec la plus petite que tu as trouvé ( en tapant le nom de ton forum dans google image) tu peux demander à des graphistes de te l'agrandir , mais je suis pas sûre que ça marche ... Demande sur ce forum-ci dans la section graphisme ( lis bien le règlement des graphistes en 1er hein Wink )


Par contre , si ça fait 10 ans que c'était la même bannière c'est bel et bien ce que j'avais supposé , car les images sont héberge pour 10 ans en générale

DONC fait attention !!!
Car si tes autres images ont presque 10 ans elles aussi , elle vont toute se mettre a disparaitre aussi les une après les autres
Si tu as le même avatar depuis 10 ans , ou les même images de ''nouveau message'' , ''pas de nouveau message'' , l'image du ''qui est en ligne'' , les boutons etc etc etc ....
Toutes les images que tu as choisi toi !
Si elles ont presque le même âge , je te conseille très très vivement de TOUTES les re-héberger AVANT qu'elles disparaissent aussi , sinon tu vas galérer car tu vas tout perdre

Si j'étais toi ... J'irais sur le panneau d'admin ---> affichage ---> gestion des images -> mode avancé :
Et je regarderais TOUTES les images pour TOUTES les re héberger avant la catastrophe Wink
Comme ça te sera tranquille pour 10 ans Wink
( quand je dis TOUTES , je parle de celles que tu as choisi toi même hein ... Les images de base de forum actif c'est pas la peine hein , celles là ne disparaissent pas Wink )

Quand ton soucis sera résolu , n'oublie pas d'éditer ton 1er post pour cocher le ''résolu'' résolu stp ^^

Bizzz

#bannière #disparue #logo #disparu #bouton #boutons #disparus #icone #icones #disparues #10 #ans
par néco
le Ven 17 Avr 2015 - 20:32
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: bannière du forum disparue
Réponses: 10
Vues: 1317

Fusionner : Bannière aléatoire + Arrière-plan extensible ( Et si possible créer un décalage )

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 03/01/2015
Lien du forum : http://www.teso-event.com/

Description du problème

Bonjour ! Je voudrais fusionner la java de bannière aléatoire ( https://forum.forumactif.com/t223082-banniere-aleatoire-ou-defilante )

Code:
$(function() {
        
var a = ["http://adresse_image_1", "http://adresse_image_2", "http://adresse_image_3"];
        
$("#pun-logo img,#i_logo,#logo img").attr("src", a[Math.floor(Math.random() * a.length)])
        
});


Avec un css de fond de page extensible :

Code:
body { margin:0;
padding:0;
background: url(http://adresse_image) no-repeat center fixed;
-webkit-background-size: cover;
background-size: cover;}


Pour pouvoir tout simplement avec un fond d'écran extensible, mais avec plusieurs images ( qui changerons donc à l’actualisation ).

J'ai essayer quelques bidouillages, mais rien ne s'affiche. Genre remplacer "{#}pun-logo{/#} img,{#}i_logo{/#},{#}logo{/#} img" par "body" et retirer l'image du css, mais ça ne fonctionne pas. J'ai aussi tenter de m'inspirer d'un de mes ancien topic ( https://forum.forumactif.com/t348748-fusionner-les-scripts-fonds-aleatoires-adaptes-a-la-resolution ) en vain.

Help! Surprised

Ps : En plus, dans ce futur code ( si c'est réalisable ), je voudrais pouvoir imposer une marge en hauteur, pour que les images ne soient pas rogner par ma barre de navigation ( http://www.teso-event.com/ ), ce serais à l’occurrence 48px. J'avais essayer sur mon css de base d'ajouter une marge, mais j'imagine que c'est .body qui pose soucis, vu que c'est justement le référentiel, enfin, je crois...
par Invité
le Sam 3 Jan 2015 - 21:08
 
Rechercher dans: Archives des problèmes avec un code
Sujet: Fusionner : Bannière aléatoire + Arrière-plan extensible ( Et si possible créer un décalage )
Réponses: 6
Vues: 1106

Exécuter un code javascript sous certaines conditions

Exécuter un code javascript
sous certaines conditions


Le javascript est un langage de script qui permet à son exécution de modifier des éléments de la page. Il est possible de mettre des codes javascripts dans le panneau d'administration pour qu'ils soient exécutés sur le forum ( voir Gestion des codes Javascript ).

Accessibilité aux éléments de la page par le code javascript :

Le code javascript a accès à tout les éléments existant avant là où il se trouve, les codes javascript mis dans le panneau d'administration sont mis dans la partie <head> ... </head> du forum ( où on spécifie l'adresse de la feuille de style, le titre de la page, l'encodage de la page ), ce qui veut dire que le script n'a accès au départ à aucun des éléments du contenu de la page ( vu qu'ils se trouvent après ).

Comment accéder aux éléments se trouvant après le script ? C'est assez simple, il suffit de retarder l'exécution du code. Il y a moyen de le faire avec des dispositifs de base de javascript, mais en les utilisant mal ( et beaucoup de scripts existants les utilisent mal ), 2 scripts auraient de fortes chance de ne pas fonctionner l'un avec l'autre. Alors plutôt que d'utiliser ce moyen il est préférable d'utiliser celui fourni par jQuery ( qui est une bibliothèque de javascript disposant de fonctions simplifiants les actions à faire pour arriver au résultat voulu ). En jQuery pour retarder l'exécution du code à quand tout les éléments de la page existent, il suffit de mettre :

Code:
$(function(){

  /* votre code javascript */

});

Le code que vous mettez à la place de /* votre code javascript */ sera exécuté à la fin de la page ( c'est à dire quand tout les éléments de la page existent et sont accessibles par le code ).

Pourquoi ne pas le faire automatiquement sur tout les codes ? Plein de raison peuvent faire que votre script n'a pas besoin d'accéder aux éléments de la page, par exemple si quand le titre de page est "Poster un nouveau sujet" on veut le remplacer par "Ouvrir un nouveau topic de discussion", il suffit de mettre ce script :

Code:
if(document.title=="Poster un nouveau sujet") document.title= "Ouvrir un nouveau topic de discussion";

Et pas besoin de le retarder, ça fonctionne bien juste comme cela.

Comment mettre une condition sur le code ?

C'est très simple il suffit de mettre :

Code:
if(condition) {

  /* votre code javascript à exécuter si la condition est vrai */

}


Comment faire une condition ?

Il suffit de mettre un élément, il sera évalué et suivant sa valeur la valeur de la condition sera vrai ou faux.

Ce qui est vrai :

  • la valeur true ( = valeur vrai )

  • toutes les chaînes de caractère ( non vide ).

  • tout les nombres sauf 0, -0 et NaN ( = pas un nombre ( Not a Number ), par exemple parseInt est une fonction qui transforme une chaîne de caractère en un entier, par exemple parseInt("4") renvoie le chiffre 4, et bien si on met parseInt("a") ce qui est renvoyé est le chiffre "spécial" NaN qui signifie pas un nombre ).


Ce qui est faux :

  • les valeurs undefined ( valeur qui indique que quelque chose a été déclaré mais n'a pas été défini par exemple en mettant "var test;" la valeur que test à est undefined tant qu'on ne lui a pas donné une autre valeur ( avec "test=3;" par exemple ) ), null ( valeur utilisée pour mettre une variable vide sans la mettre en indéfinie ( undefined ) ) et false ( = faux ).

  • les chaînes vides ( donc "" et '' ).

  • le nombre 0, -0 et NaN.

Pour comparer 2 valeurs ( et que le résultat donne vrai ou faux ) il faut utiliser un opérateur de comparaison parmi les suivants :

  • == : permet et vérifier que ce qu'il y a à gauche égale ce qui a à droite ( par exemple 1==3 renvoie faux et 42-2==40 est vrai ), vous pourriez le remplacer par égale en lisant ( par exemple if(3==5) donne si trois égale 5 ). Il faut faire attention que le type est ignoré ( par exemple "7"==7 est vrai et false==0 est vrai aussi ).

  • != : pareille que == mais ça compare si ce qu'il y a à droite est différent de ce qu'il y a à gauche ( par exemple 1!=3 est vrai et 10+7!=17 est faux ), vous pourriez le remplacer par est différent en lisant ( par exemple if(6!=7) donne si six est différent de sept ). Il faut faire attention aussi au fait que le type soit ignoré ( "7"!=7 est faux et false!=0 est faux ).

  • > : permet de tester si ce qui est à gauche est plus grand que ce qui est à droite ( par exemple 3<10 est vrai, 5<5 est faux ), vous pourriez le remplacer en lisant par est plus grand ( par exemple if(5>3) donne si 5 est plus grand que 3 ). Il faut faire attention à ne pas mélanger entier et chaîne de caractère, quand vous comparez 2 chaînes de caractère celle qui est plus grande que l'autre est juste déterminée par l'ordre alphabétique avec les majuscules avant les minuscules et les chiffres avant les lettres ( "aaa">"0zzz" est vrai, "aaa">"ZZZ" est vrai ( car les majuscules sont avant les minuscules ) et "6">"50" est vrai ( car 6 est avant 5 ) ) que c'est surtout destiné aux nombres, si vous testez un entier avec une chaîne, la chaîne sera convertie en nombre et si elle ne peut pas être convertie en nombre ( la chaîne "a" par exemple ) elle devient NaN et toutes les comparaisons de grandeur renvoient faux ( "a">7 est faux et "a"<=8 est faux, mais si la chaine peut être convertie en nombre c'est bon, "40">5 renvoie vrai ).

  • >= : permet de tester que ce qu'il y a à gauche est plus grand ou égale à ce qu'il y a à droite ( 3>=2 renvoie vrai, 19>=19 renvoie vrai et 12>=5225 renvoi faux ), vous pourriez le remplacer en lisant par est plus grand ou égal ( par exemple if(24>=5) donne si 24 est plus grand ou égal à 5 ). Même remarque pour les chaînes de caractères ( si 2 chaînes : ce sera par ordre alphabétique, si 1 chaîne et un nombre : la chaîne sera convertie en nombre ).

  • < : permet de tester que ce qu'il y a à gauche est plus petit que ce qu'il y a à droite ( 2<2 renvoie faux et 19<20 renvoie vrai ), vous pourriez le remplacer en lisant par est plus petit ( par exemple if(2<3) donne si deux est plus petit que trois ). Même remarque pour les chaînes de caractères ( si 2 chaînes ce sera par ordre alphabétique et si 1 chaîne et un nombre la chaîne sera convertie en nombre ).

  • <= : permet de tester que ce qu'il y a à gauche est plus petit ou égale à ce qu'il y a à droite ( 3<=2 renvoie faux, 19<=19 renvoie vrai et 12<=5225 renvoie vrai ), vous pourriez le remplacer en lisant par est plus petit ou égal ( par exemple if(24>=5) donne si 24 est plus petit ou égal à 5 ). Même remarque pour les chaînes de caractères ( si 2 chaînes ce sera par ordre alphabétique et si 1 chaîne et un nombre la chaîne sera convertie en nombre ).

  • === : permet de tester l'égalité et si c'est le même type ( 1===1 renvoie vrai mais 1==="1" renvoi faux ), vous pourriez le remplacer en lisant par est égale et du même type ( par exemple if(24===45) donne si 24 est égale et du même type que 45 ).

  • !== : permet de tester la différence ou si c'est un type différent ( 1!==2 renvoie vrai mais 1!=="2" renvoie faux ), vous pourriez le remplacer en lisant par est différent ou d'un type différent ( par exemple if(1!=="1") donne si un est différent ou d'un type différent que la chaîne de caractère "1" ).


Comment combiner plusieurs conditions ?

Vous pouvez soit combiner plusieurs if, par exemple :

Code:
if(condition1)
{
  if(condition2)
  {
     
      /* votre code javascript à exécuter si les 2 conditions sont vrai */

  }
}

Ou bien il y a des opérateurs qui permettent de combiner une condition à l'autre :

  • && : permet de tester la condition à gauche et à droite ( si celle à gauche est vrai ), si une des deux conditions est fausse la valeur renvoyée est faux, sinon la valeur renvoyée est vrai ( 1==1&&"3"==3 renvoie vrai mais 1==3 && 5==5 ou 1==1 && 3==4 ou 2==4 && 6==3 renvoient faux ).

  • || : permet de tester si la condition à gauche et à droite ( si celle à gauche est fausse ), si une des deux conditions est vrai la valeur renvoyée est vrai, sinon la valeur renvoyée est faux ( 1==1&&"3"==3, 1==3 && 5==5 ou 1==1 && 3==4 sont vrai mais 2==4 && 6==3 est faux ).

Ainsi l'exemple de juste au dessus pourrait s'écrire simplement :

Code:
if(condition1 && condition2)
{

    /* votre code javascript à exécuter si les 2 conditions sont vrai */

}


Exemples

Vous avez tout ce qu'il vous faut pour exécuter un code javascript sous certaines conditions, mais voici quelques exemples pour mettre cela en application.

Changer la bannière si on est sur le sujet 40 :

    Tout d'abord il faut mettre le script juste sur les pages de sujet. Ensuite chaque sujet à un numéro qu'on retrouve dans l'adresse de la page, par exemple /t40- pour le sujet 40 ( ou /t40p15- pour une page du sujet ).

    Tout les éléments concernant la page, se trouve dans l'objet document, ce qui nous intéresse dedans est document.location qui a plusieurs propriété concernant la page sur laquelle on se trouve, par exemple si on était sur https://forum.forumactif.com/h3-tutoriels?test#bonjour, voici les propriétés qu'il y aurait :

    • document.location.hash => #bonjour
    • document.location.host => forum.forumactif.com
    • document.location.href => http://forum.forumactif.com/h3-tutoriels?test#bonjour
    • document.location.origin => http://forum.forumactif.com
    • document.location.pathname => /h3-tutoriels
    • document.location.search : ?test

    Grâce à ces variables on a moyen de récupérer l'adresse de la page sur laquelle on est ( ensuite il suffit de la tester pour voir si on est sur la bonne page, ici donc les adresses pourraient être :

    Code:
    http://adresse-forum/t40-nom-du-sujet
    http://adresse-forum/t40p50-nom-du-sujet
    http://adresse-forum/t40-nom-du-sujet#424

    Donc il faut que notre test fonctionne avec tout cela.

    On ne peut pas faire simplement un test d'égalité car si le sujet fait 4 pages il faudrait déjà faire :

    Code:
    if(document.location.pathname=="/t40-nom-du-sujet" || document.location.pathname=="/t40p15-nom-du-sujet" || document.location.pathname=="/t40p30-nom-du-sujet" || document.location.pathname=="/t40p45-nom-du-sujet")
    {

        /*  code à exécuter */

    }

    Et si il en fait 200 n'en parlons pas.

    Donc plutôt que d'utiliser cela on va utiliser les expressions régulières ( des "modèles" pour lesquels on peut tester si une chaîne de caractère y correspond ou pas ).

    Pour faire une expression régulière il suffit de mettre :

    Code:
    /test/

    Et on peut l'utiliser de plusieurs façons, pour ce qu'on veut faire on peut l'utiliser de cette façon :

    Code:
    /test/.test("chaine de caractère contenant test")

    Si l'expression régulière /test/ est trouvée dans la chaîne, vrai est renvoyé sinon faux est renvoyé.

    Donc il nous suffit de trouver une expression régulière qui correspond à l'url de la page et ce sera notre condition pour exécuter le code.

    L'expression régulière qui convient ici si on teste le document.location.pathname ( donc /t40p2145-nom-du-sujet ) est :

    Code:
    /^\/t40(p[1-9][0-9]*)?-/

    Le ^ permet de signifier ce que je trouve doit commencer par ce qui suit, le \/ c'est juste pour chercher le / ( vu que c'est le caractère qui signale la fin de l'expression régulière on doit mettre \/ pour l'utiliser dedans ), ensuite le (contenu)?, les parenthèse permettent juste de sélectionner une partie, et le ? signifie ce qui précède doit être présent ou pas ( donc le contenu de la parenthèse est facultatif ), le [1-9], le [ et ] signifie une des lettres qui me compose ( donc par exemple aaa[edc]bbb ça trouvera aaaebbb, aaadbbb et aaacbbb ), le trait d'union à l'intérieur et entre deux caractère signifie "et tout ce qu'il y a entre" ( donc [1-7] c'est pareille à mettre [1234567] ) et puis pour finir le * signifie ce qui précède est présent 0 ou plusieurs fois.

    Donc si on voulait exprimer ce que fait le /^\/t40(p[1-9][0-9]*)?-/ ce serait trouver les chaînes de caractères qui commencent par /t40 après quoi il peut y avoir p1 à p9999... ( autant qu'on veut ) après quoi il y a un trait d'union.

    Donc on a notre code final :

    Code:
    if(/^\/t40(p[1-9][0-9]*)?-/.test(document.location.pathname))
    {
      // on retarde l'exécution pour que l'image existe à l'exécution de la partie de code
      $(function(){
        $("#pun-logo,#i_logo,#logo img").attr("src","http://illiweb.com/fa/i/smiles/icon_cat.png");
      });
    }

    Pour ce qui est du code pour changer la bannière, le $("selecteur") ( de la librairie jQuery inclue sur les forum forumactifs ) permet de sélectionner des éléments par un sélecteur CSS, le sélecteur #pun-logo,#i_logo,#logo img permet de sélectionner la bannière ( #i_logo celle de phpbb2, #logo img celle de phpbb3 et invision et #pun_logo celle de... punbb ), ensuite à cette sélection d'élément on peut faire un peu tout ce qu'on veut, nous on utilise la méthode attr("nom de l'attribut","valeur qui doit lui être mise") qui permet de modifier la valeur d'un attribut afin de changer l'adresse de l'image dans notre cas.

    Plus d'info sur les expressions régulières : comment ça marche, tout javascript et développez.

    Plus d'info sur les sélecteurs d'élément en jQuery : jquery (anglais), développeur web et jarodxxx.

    Plus d'info sur la méthode attr() de jQuery : jquery (anglais), développeur web et jarodxxx.


Mettre une alerte "hello amigo" à un membre qui n'avait pas visité le forum depuis 24h :

    Tout d'abord pour savoir si un membre est connecté ou pas, on peut utiliser le lien de déconnexion de la barre de menu, il est comme ceci :

    Code:
    <a class="mainmenu" href="/login?logout=1&tid=1e5fcece9113042c5a59c10f9ba5e060&key=afc70e" rel="nofollow" id="logout" >

    Et n’apparaît évidemment que si on est connecté, on peut le sélectionner facilement avec $("#logout") et il y a la propriété length de jQuery qui peut nous renvoyer combien d'éléments sont sélectionnés ( donc si on est connecter $("#logout").length renverra 1, et si on est déconnecté cela renverra 0 ).

    Ensuite pour savoir si le membre n'a pas ouvert de page depuis 24h, il suffit à chaque page ouverte d'enregistrer un cookie avec la date.

    Pour avoir la date il faut faire new Date() qui nous renvoie un objet Date contenant la date actuelle ( et pour le transformé en entier qui sont plus facile à utiliser, il suffit de mettre un + devant ).

    Forumactif inclut des fonctions pour lire et écrire des cookies sur ses forums. Il suffit de faire my_setcookie("nom du cookie","valeur",1,0) pour écrire un cookie et my_getcookie("nom du cookie") pour lire un cookie ( si on lit un cookie qui n'existe pas, la valeur null sera renvoyée ).

    On a tout ce qu'il nous faut, voici le code pour résoudre notre désir :

    Code:
    // vu qu'on test l'existant du bouton de logout, il faut retarder l'exécution du code pour que le bouton puisse être vu
    $(function(){
      // on fait juste $("#logout").length car à part (-)0, et NaN tout les chiffres sont "vrai"
      // on pourrait mettre $("#logout").length==1 ou $("#logout").length!=0
      if($("#logout").length)
      {
        // on regarde si le cookie n'existe pas ou bien si la date enregistrée est plus petite que la date actuelle moins 24h
        if(my_getcookie("dernierePage")===null || my_getcookie("dernierePage") < new Date()-1000*60*60*24)
        {
          alert("hello amigo");
        }
        // on met à jour la date de la dernière page affichée
        my_setcookie("dernierePage",+new Date(),1,0);
      }
    });

    Pour plus d'info sur la propriété length de jQuery : jquery, développeur web et jarodxxx.


Afficher un message à l'écriture d'un nouveau sujet dans le forum 6, 7 et 8 :

    Cette fois encore, il faut faire en fonction de l'adresse, l'adresse pour écrire un message dans le forum 7 est :

    Code:
    http://adresse-du-forum/post?f=7&mode=newtopic

    Donc il faut que le document.location.pathname soit /post et que le document.location.search soit ?f=7&mode=newtopic ou ?f=8&mode=newtopic ou ?f=9&mode=newtopic, on a ainsi déjà notre condition :

    Code:
    document.location.pathname=="/post" && /^\?f=[789]&mode=newtopic$/.test(document.location.search)

    ( il faut mettre \? à la place de ? quand on veut le chercher, car ? est un caractère spécial, et le $ signifie ce qui précède doit finir la ligne )

    Il nous reste juste à mettre un message, ce qui nous donne :

    Code:
    if(document.location.pathname=="/post" && /^\?f=[789]&mode=newtopic$/.test(document.location.search))
    {
      // retardement pour que la page soit chargée à l'exécution du code
      $(function(){
        $("form[name=post]").prepend('<div style="text-align: center; font-weight: bold; font-size: 20px; color: red">Pensez à mettre un titre explicite ;)</div>');
      });
    }

    prepend est une méthode de jQuery qui permet d'ajouter du code html au début d'un élément, aussi il faut faire attention car on met le contenu à afficher sous forme de chaîne javascript, dans une chaîne de texte javascript :

    Code:
    "cc'aa\\bb"xx" est le texte cc'aa\bb"xx
    'cc\'aa\\bb"xx' est le texte cc'aa\bb"xx

    ( si il est dans la chaîne, il faut mettre devant le caractère de fin et début ( qui est soit ' soit " ) un antislash ( \ ) )



par Ea
le Dim 31 Juil 2011 - 7:16
 
Rechercher dans: Trucs et astuces
Sujet: Exécuter un code javascript sous certaines conditions
Réponses: 0
Vues: 10467

Revenir en haut

Sauter vers: