Adapter un code

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Adapter un code

Message par _backdraft_ le Ven 4 Mai 2012 - 0:16

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 !


Dernière édition par _backdraft_ le Sam 12 Mai 2012 - 21:35, édité 1 fois

_backdraft_
# Tropactif #

Masculin
Messages : 1505
Inscrit(e) le : 04/03/2010

http://www.caserne35.com
_backdraft_ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Adapter un code

Message par Scoubifitz le Ven 4 Mai 2012 - 0:45


Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Adapter un code

Message par _backdraft_ le Ven 4 Mai 2012 - 7:16

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.

_backdraft_
# Tropactif #

Masculin
Messages : 1505
Inscrit(e) le : 04/03/2010

http://www.caserne35.com
_backdraft_ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Adapter un code

Message par Scoubifitz le Ven 4 Mai 2012 - 20:51

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;
}

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Adapter un code

Message par _backdraft_ le Ven 4 Mai 2012 - 21:04

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

_backdraft_
# Tropactif #

Masculin
Messages : 1505
Inscrit(e) le : 04/03/2010

http://www.caserne35.com
_backdraft_ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Adapter un code

Message par Scoubifitz le Ven 4 Mai 2012 - 21:35

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

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

il faudra modifier le Template et le CSS ...

Bonne lecture ,
Scoubifitz

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Adapter un code

Message par _backdraft_ le Ven 4 Mai 2012 - 21:52

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

_backdraft_
# Tropactif #

Masculin
Messages : 1505
Inscrit(e) le : 04/03/2010

http://www.caserne35.com
_backdraft_ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Adapter un code

Message par Scoubifitz le Ven 4 Mai 2012 - 21:57

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

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

Hi

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Adapter un code

Message par _backdraft_ le Ven 4 Mai 2012 - 22:06

affraid 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

_backdraft_
# Tropactif #

Masculin
Messages : 1505
Inscrit(e) le : 04/03/2010

http://www.caserne35.com
_backdraft_ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Adapter un code

Message par Scoubifitz le Ven 4 Mai 2012 - 22:17

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 ...

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Adapter un code

Message par _backdraft_ le Ven 4 Mai 2012 - 22:23

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é.

_backdraft_
# Tropactif #

Masculin
Messages : 1505
Inscrit(e) le : 04/03/2010

http://www.caserne35.com
_backdraft_ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Adapter un code

Message par Scoubifitz le Ven 4 Mai 2012 - 22:42

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

http://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 ...


Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Adapter un code

Message par _backdraft_ le Ven 4 Mai 2012 - 22:50

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.

_backdraft_
# Tropactif #

Masculin
Messages : 1505
Inscrit(e) le : 04/03/2010

http://www.caserne35.com
_backdraft_ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Adapter un code

Message par Scoubifitz le Ven 4 Mai 2012 - 23:49

é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 ...

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Adapter un code

Message par _backdraft_ le Sam 5 Mai 2012 - 0:07

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>");
});

_backdraft_
# Tropactif #

Masculin
Messages : 1505
Inscrit(e) le : 04/03/2010

http://www.caserne35.com
_backdraft_ a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Adapter un code

Message par Ea le Ven 11 Mai 2012 - 19:27

Bonjour,

Où en est votre problème ?

@_backdraft_ a écrit: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.

Ea
Aidactif
Aidactif

Messages : 23417
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Adapter un code

Message par _backdraft_ le Sam 12 Mai 2012 - 21:34

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.

_backdraft_
# Tropactif #

Masculin
Messages : 1505
Inscrit(e) le : 04/03/2010

http://www.caserne35.com
_backdraft_ a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


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