Discussion :

[othello1]

Bonjour,
Je travaille avec un template qui ne propose pas de fonction multilingue, il faut donc injecter du code HTML et retravailler le CSS.
Une méthode qui fonctionnait parfaitement avec un autre template que j'utilisais avant ne fonctionne plus....

HTML

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">
  $(document).ready(function(){
    $('.main-nav ul li').each(function(){
      $(this).find('a').each(function(){
        var getLink = $(this).attr('href');
        $(this).parent('li').attr('data-class', getLink);
      });
      });
    $('.english').click(function(e){
      e.preventDefault();
      var Page = $('.main-nav li.active-link a').attr('href');
      if(Page == '/'){
        window.location = '/home/'
      }
      if(Page == '/a-propos/'){
        window.location = '/about/'
      }
      if(Page == '/appel-bourses/'){
        window.location = '/call-applications/'
      } 
      if(Page == '/artiste-1/'){
        window.location = '/artist-1/'
      } 
      if(Page == '/artiste-2/'){
        window.location = '/artist-2/'
      } 
      if(Page == '/artiste-3/'){
        window.location = '/artist-3/'
      } 
      if(Page == '/news/'){
        window.location = '/newsgb/'
      } 
      if(Page == '/liens/'){
        window.location = '/links/'
      } 
      if(Page == '/agenda/'){
        window.location = '/events/'
      } 
      if(Page == '/contact/'){
        window.location = '/contactgb/'
      } 
    });
    $('.français').click(function(e) {
      e.preventDefault();
      var Page = $('.main-nav li.active-link a').attr('href');
      if(Page == '/home/'){
        window.location = '/'
      } 
       if(Page == '/about/'){
        window.location = '/a-propos/'
      } 
      if(Page == '/call-applications/'){
        window.location = '/appel-bourses/'
      } 
      if(Page == '/artist-1/'){
        window.location = '/artiste-1/'
      } 
       if(Page == '/artist-2/'){
        window.location = '/artiste-2/'
      }  
       if(Page == '/artist-3/'){
        window.location = '/artiste-3/'
      }  
      if(Page == '/newsgb/'){
        window.location = '/news/'
      } 
      if(Page == '/links/'){
        window.location = '/liens/'
      } 
      if(Page == '/events/'){
        window.location = '/agenda/'
      } 
      if(Page == '/contactgb/'){
        window.location = '/contact/'
      } 
    });
  });
</script>

Et en CSS :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
a {
  text-decoration: none;
}
/* -- French hide english nav items -- */
#collection-52974a72e4b0a5b6da04b25b,
#collection-5273e946e4b070db6e378776,
#collection-52693828e4b0327032f60ee4,
#collection-5325839fe4b0eeecbb6738ac,
#collection-532583b6e4b01248455af6ae,
#collection-532583bbe4b01248455af6af,
#collection-52751760e4b0144957d293a4,
#item-5291d747e4b03e7a0729241b,
#collection-5291ec1de4b0a535daf10890,
#collection-5291eb7de4b007679e7d57b0,
#collection-53206f4be4b03eb273391519
{
 
  .main-nav li {
 
    & [data-class="home"],
    & [data-class="about"],
    & [data-class="call-applications"],
    & [data-class="artist-1"],
    & [data-class="artist-2"],
    & [data-class="artist-3"],
    & [data-class="news"],
    & [data-class="news/2013/11/29/0hwabkr1r9nn5cyns208sggz00vc7h"],
    & [data-class="links"],
    & [data-class="events"],
    & [data-class="contactgb"]
    { display: none; }
 
  }
 
}
 
 
/* -- English hide french nav items -- */
 
#collection-52985598e4b0c313de259e29,
#collection-5232e7b4e4b09f8abccf81e3,
#collection-52693848e4b0ca729875061b,
#collection-52a99cc0e4b08568b8f9e9bc,
#collection-52a99cd1e4b08568b8f9e9c5,
#collection-52a99cdce4b08568b8f9e9cc,
#collection-529878d3e4b069bc9beb939e,
#item-5298794ae4b09eb8018fbc92,
#collection-5298632fe4b0f580c1ffc4d4,
#collection-529878ade4b069bc9beb938d,
#collection-532581e3e4b074f7f884c3b7
{
 
  .main-nav li {
 
    & [data-class="/"],
    & [data-class="a-propos"],
    & [data-class="appel-bourses"],
    & [data-class="artiste-1"],
    & [data-class="artiste-2"],
    & [data-class="artiste-3"],
    & [data-class="news"],
    & [data-class="news/2013/11/25/appel-a-boursescall-for-grant"],
    & [data-class="liens"],
    & [data-class="agenda"],
    & [data-class="contact"]
    { display: none; }
 
  }
 
}

Le seul problème que j'ai c'est que dans mon nouveau template lorsque j'inspecte la structure de page avec Firebug
il n'y a pas de "data-class" mais <ul class="cf">, comment doit je traiter cela par rapport au code sus-cité ??????

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
< nav id="main-navigation">
<ul class="cf">
<li class="">
<a href="/">L-EST</a>
</li>

MERCI BEAUCOUP DE VOTRE AIDE !

[danielhagnoul]

Bonsoir

Si j'ai bien compris, il suffit d'ajouter un attribut adéquat, par exemple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
< nav id="main-navigation">
<ul class="cf">
<li class="" data-class="home">
<a href="/">L-EST</a>
</li>