Adapter un code

[_backdraft_]

Bonjour, j'aimerais savoir comment adapter ce code CSS en phpBB2 :

Code:

#page-header .linklist a {
    font-size: 12px;
    color: #722a14;
    display: inline-block;
}
 
/* au survol */
#page-header .linklist a:hover {
    background: #23b2f3;
    border-radius: 5px;
}

.linklist .new-message {
    background: red;
  border-radius: 5px;
}

Merci beaucoup !

[Scoubifitz]

bonsoir,

avez-vous vérifié ce tuto ?

https://forum.forumactif.com/t274033-les-principaux-identifiants-css-phpbb2-phpbb3

[_backdraft_]

Oui je l'ai vu mais je ne comprends pour la barre de menu quel identifiant faut il prendre vu qu'il y en a pas un de général.

[Scoubifitz]

un début de réponse ?

Code:

.mainmenu img {
width:0px;
}
a.mainmenu {
font-size: 12px;   
color: #722a14;
}
.mainmenu:hover {
background: #23b2f3;
border-radius: 5px;
}

[_backdraft_]

Merci c'est exactement ce qu'il me fallait, je comprends vraiment pas j'ai essayé de remplacé par mainmenu mais pas comme il fallait...

J'ai encore deux questions sur l'adaptation si ça vous dérange pas une c'est pour savoir si il y a un moyen de convertir les codes javascript en phpBB2 aussi ?

Et la deuxième c'est de savoir si il est possible de remettre comme sur l'image qui suit un fond blanc (désolé je suis pas sur que se soit blanc mais je suis daltonien...) derrière la barre de navigation car en passant au phpBB2 ce fond a disparu.



Merci

[Scoubifitz]

vous trouverez dans les "trucs&astuces" du forum , le moyen de modifier l'apparence de la barre de navigation :

https://forum.forumactif.com/t301744-mettre-sa-barre-de-navigation-en-haut-du-forum

il faudra modifier le Template et le CSS ...

Bonne lecture ,
Scoubifitz

[_backdraft_]

Merci je ne l'avais pas vu désolé et pour le javascript savez vous comment faire y a t il un tutoriel ?

[Scoubifitz]

dans le widget de gauche il y a : questions & réponses fréquentes , trucs & astuces ...

https://forum.forumactif.com/t301116-javascript-sur-forumactif

[_backdraft_]

Je n'avais jamais vu xD

Sans vouloir être lourd il n'indique pas comment le traduire en phpBB2 car j'ai beaucoup de javascript dont certains ou j'ai mis longtemps à faire donc ça m'ennuirai de les perdre.

Merci

[Scoubifitz]

si vous avez trouvé des scripts pour phpbb3 , il faut voir si ces scripts existent aussi pour phpbb2 ...

le sélecteur de couleurs , par exemple fonctionne pour toutes les versions de forumactif ...

[_backdraft_]

Bah ce qui est bizarre c'est que je n'ai plus aucun javascript qui marche... Mon sélectionneur de couleur ne marche plus non plus. J'ai regardé pourtant l'activation du javascript est toujours coché.

[Scoubifitz]

le tuto du selecteur de couleurs a été mis à jour et simplifié ...

https://forum.forumactif.com/t287454-ajouter-un-selecteur-de-couleur

je vous propose de sauvegarder tous vos scripts sur votre ordinateur , et de recommencer chaque script , en vérifiant bien que chaque script fonctionne ...

[_backdraft_]

Oui je l'ai vu en essayant la recherche mais il ne marche pas non plus j'ai bien mis toutes les pages. C'est surement du au fait du passage de mon forum de phpBB3 à phpBB2 ça a du dérégler quelque chose.

[Scoubifitz]

éliminez ceci dans votre CSS , c'est devenu inutile depuis la mise à jour :

Code:

.colorpicker {
  width: 356px;
  height: 176px;
  overflow: hidden;
  position: absolute;
  background: url(http://tinyurl.com/colorpickerimg/colorpicker_background.png);
  font-family: Arial, Helvetica, sans-serif;
  display: none;
}
.colorpicker_color {
  width: 150px;
  height: 150px;
  left: 14px;
  top: 13px;
  position: absolute;
  background: #f00;
  overflow: hidden;
  cursor: crosshair;
}
.colorpicker_color div {
  position: absolute;
  top: 0;
  left: 0;
  width: 150px;
  height: 150px;
  background: url(http://tinyurl.com/colorpickerimg/colorpicker_overlay.png);
}
.colorpicker_color div div {
  position: absolute;
  top: 0;
  left: 0;
  width: 11px;
  height: 11px;
  overflow: hidden;
  background: url(http://tinyurl.com/colorpickerimg/colorpicker_select.gif);
  margin: -5px 0 0 -5px;
}
.colorpicker_hue {
  position: absolute;
  top: 13px;
  left: 171px;
  width: 35px;
  height: 150px;
  cursor: n-resize;
}
.colorpicker_hue div {
  position: absolute;
  width: 35px;
  height: 9px;
  overflow: hidden;
  background: url(http://tinyurl.com/colorpickerimg/colorpicker_indic.gif) left top;
  margin: -4px 0 0 0;
  left: 0px;
}
.colorpicker_new_color {
  position: absolute;
  width: 60px;
  height: 30px;
  left: 213px;
  top: 13px;
  background: #f00;
}
.colorpicker_current_color {
  position: absolute;
  width: 60px;
  height: 30px;
  left: 283px;
  top: 13px;
  background: #f00;
}
.colorpicker input {
  background-color: transparent;
  border: 1px solid transparent;
  position: absolute;
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif;
  color: #898989;
  top: 4px;
  right: 11px;
  text-align: right;
  margin: 0;
  padding: 0;
  height: 11px;
}
.colorpicker_hex {
  position: absolute;
  width: 72px;
  height: 22px;
  background: url(http://tinyurl.com/colorpickerimg/colorpicker_hex.png) top;
  left: 212px;
  top: 142px;
}
.colorpicker_hex input {
  right: 6px;
}
.colorpicker_field {
  height: 22px;
  width: 62px;
  background-position: top;
  position: absolute;
}
.colorpicker_field span {
  position: absolute;
  width: 12px;
  height: 22px;
  overflow: hidden;
  top: 0;
  right: 0;
  cursor: n-resize;
}
.colorpicker_rgb_r {
  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_r.png);
  top: 52px;
  left: 212px;
}
.colorpicker_rgb_g {
  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_g.png);
  top: 82px;
  left: 212px;
}
.colorpicker_rgb_b {
  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_b.png);
  top: 112px;
  left: 212px;
}
.colorpicker_hsb_h {
  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_h.png);
  top: 52px;
  left: 282px;
}
.colorpicker_hsb_s {
  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_s.png);
  top: 82px;
  left: 282px;
}
.colorpicker_hsb_b {
  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_b.png);
  top: 112px;
  left: 282px;
}
.colorpicker_submit {
  position: absolute;
  width: 22px;
  height: 22px;
  background: url(http://tinyurl.com/colorpickerimg/colorpicker_submit.png) top;
  left: 322px;
  top: 142px;
  overflow: hidden;
}
.colorpicker_focus {
  background-position: center;
}
.colorpicker_hex.colorpicker_focus {
  background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
  background-position: bottom;
}
.colorpicker_slider {
  background-position: bottom;
}

vérifiez tous vos scripts un à un , pour être sûr qu'un de vos scripts ne perturbe pas les autres ...

[_backdraft_]

hmm, j'ai désactivé tous mes codes (en décochant sur "toutes les pages") puis j'ai réactivé seulement celui des couleur et il ne marche quand même pas.

Est ce possible que se soit un qui est incompatible avec le phpBB2 qui fasse planter les autres ?

Merci de votre aide

edit : j'ai trouvé c'est le code suivant qui ne marche pas :

Code:

$(function()  {
  $("#page-footer,#gfooter,#pun-foot").eq(0).append("<font size= "2"><center><b>copyright ©</b> 2007 - 2012 CCIS 35</center></font>");
});

[Ea]

Bonjour,

Où en est votre problème ?

edit : j'ai trouvé c'est le code suivant qui ne marche pas :

Code:

$(function()  {
  $("#page-footer,#gfooter,#pun-foot").eq(0).append("<font size= "2"><center><b>copyright ©</b> 2007 - 2012 CCIS 35</center></font>");
});

Pour ceci, une chaîne de texte javascript peut-être délimitée par ' ou " et si on veut utiliser le caractère à l'intérieur il faut l'échapper ( en le faisant précéder de \ ), donc ces versions marcheraient :

Code:

$(function()  {
  $("#page-footer,#gfooter,#pun-foot").eq(0).append("<font size=\"2\"><center><b>copyright ©</b> 2007 - 2012 CCIS 35</center></font>");
});

Code:

$(function()  {
  $("#page-footer,#gfooter,#pun-foot").eq(0).append('<font size="2"><center><b>copyright ©</b> 2007 - 2012 CCIS 35</center></font>');
});

Et en fait :

Code:

$(function(){
  /* code javascript */
});

Est une manière d'inclure du code javascript avec jquery, mais dans les dernières versions de jquery ( ce n'était pas le cas avant =/ ) il suffit d'une erreur et tout les autres codes mis de cette façon en sont pas exécuté.

Cordialement.

[_backdraft_]

En faite je l'avais enlevé vu qu'il ne marchait pas. Votre code marche très bien et merci pour les explications.

Bonne journée.