Piwigo.org

Harry · 2014-01-06 20:51:15

Miklfe a écrit:
Par contre je regarde ton code paypallperso pour le rendre compatible avec la nouvelle version, parce tel quel il ne fonctionnera pas. est ce que tu peux me passer le css?

Heu... Pas souvenir d'avoir écrit un .css pour le panier Paypal (à part avoir mis <h7> et <h8> autour des deux images sous l'écran pour pouvoir faire un appel jquery et leur faire afficher le panier et/ou les commentaires).
Tout ce que j'ai mis dans le head est ici :

Code:

<link href='http://fonts.googleapis.com/css?family=Special+Elite' rel='stylesheet' type='text/css'>

<script src="http://www.mathsaharry.com/photos2/paypalperso.js" type="text/javascript">
//appel du panier Paypal
</script>


<link rel="stylesheet" type="text/css" href="http://www.mathsaharry.com/photos2/tooltipster.css" />
<script type="text/javascript" src="http://www.mathsaharry.com/photos2/jquery.tooltipster.js"></script>  
  <script type="text/javascript">
//Pour les bulles au dessus du panier et des commentaires, avec l'appel tooltipster au dessus
    $(document).ready(function() {
      $('.tooltip').tooltipster({
   animation: 'grow',
   delay: 50,
   trigger: 'hover'
});
    });
// fin des bulles
  </script>



<script type="text/javascript">
//affichage déroulant du panier et des commentaires
var rv = -1; // Return value assumes failure.
  if (navigator.appName == 'Microsoft Internet Explorer')
  {
    var ua = navigator.userAgent;
    var re  = new RegExp("MSIE ([0-9]{1,}[\.0-9]{0,})");
    if (re.exec(ua) != null)
      rv = parseFloat( RegExp.$1 );
  }
if((rv==-1)||(rv>8)){
$(document).ready(function(){
$( "#panier" ).hide();
$( "#Metadata" ).hide();
$( "#comments" ).hide();
$( "#imageInfos" ).hide();
 $("h7").click(function(){
              $( "#Metadata" ).hide();
              $( "#comments" ).hide();
              $( "#imageInfos" ).hide();
              $("#panier").slideToggle(1000);
              return true;})
 $("h8").click(function(){
              $( "#panier" ).hide();
              $("#imageInfos").slideToggle(1000);
              $("#Metadata").slideToggle(1000);
              $("#comments").slideToggle(1000);
              return true;})

$("h7").hover(
function () {
$(this).css('cursor','pointer');
},
function () {
$(this).css('cursor','auto');
}
);
$("h8").hover(
function () {
$(this).css('cursor','pointer');
},
function () {
$(this).css('cursor','auto');
}
);
})
}
//Fin de l'affichage déroulant
</script>

 
<script type="text/javascript">

//fait "clignoter" le bouton paypal
$(document).ready(function(){
$(".action").mouseover(function(){
        $(this).attr("src", "http://www.mathsaharry.com/photos2/panierorange2.png");
    }).mouseout(function(){
        $(this).attr("src", "http://www.mathsaharry.com/photos2/panierorange.png");
    });
})(jQuery);
$(document).ready(function(){
var cache = [];
    $.preLoadImages = function() {
        var args_len = arguments.length;
        for (var i = args_len; i--;) {
            var cacheImage = document.createElement('img');
            cacheImage.src = arguments[i];
            cache.push(cacheImage);
        }
    }
})(jQuery)

jQuery.preLoadImages("http://www.mathsaharry.com/photos2/panierorange2.png", "http://www.mathsaharry.com/photos2/panierorange2.png");
//fin du clignotement
</script>

Quant au .css, les seules modifs sont :

Code:

#theHeader,#derivativeSwitchLink, #quicksearch,.pwg-icon-camera-info, .thumbnails SPAN.thumbLegend,.titrePage h2,.Nb_images{display:none;}
.thumbnailCategories, .thumbnails, #menubar {
  background:#222222;
  border:#222222;
}
#imageToolBar {margin-bottom:15px;}
#sld_tab,#sld_tabIdent,.description_main h3{top:75%;font-family: 'Special Elite', cursive;}
.description_main h3{margin-left:15px;}
BODY{font-family: 'Arial';}
H2{font-size : 18px;font_weight : normal;}
H3{font-size : 16px;font-weight : normal;}
.description{width:30% !important}
.jspDrag{background:url("http://www.mathsaharry.com/photos2/drag.png")}
.jspDrag:hover{background:url("http://www.mathsaharry.com/photos2/dragH.png")}

Ca doit être les seules modifs que j'ai effectuées par rapport à ton thème initial... AH... Si... Il y avait un .css fourni avec tooltipster (la bulle sur le panier)... Si c'est ça le problème, je te l'enverrai...

Miklfe · 2014-01-06 22:38:07

Lelièvre Ugo a écrit:
Bonjour & Bonne Année ;)

Petite question comment fait on pour modifier toute les polices ?

Bien cordialement

salut Ugo
Bonne année à toi
pour changer la font :
tu touve la font qui te conviens (sur google font par exemple) puis avec le plugin Add head Element tu la charge avec le code qui y est attribué:

Code:

<link href='http://fonts.googleapis.com/css?family=Chango' rel='stylesheet' type='text/css'>

puis dans le css

Code:

BODY {
    font-family: 'Chango';
}

Ugo Lelièvre Photographe · 2014-01-12 11:14:33

Salut ,

Merci pour ta réponse ;)

comment je peux faire pour décaler les titre sur chaque album ? s'il te plait

Merci !

Harry · 2014-01-12 13:40:04

Ugo Lelièvre Photographe a écrit:
Salut ,

Merci pour ta réponse ;)

comment je peux faire pour décaler les titre sur chaque album ? s'il te plait

Merci !

Un truc du genre :

Code:

.description_main h3{margin-left:15px;}

peut-être ?

Ugo Lelièvre Photographe · 2014-01-12 18:40:31

Merci , c'est bien cela ;)

Ugo Lelièvre Photographe · 2014-01-12 18:43:15

Mais pour la deuxième ligne sa ne modifie rien :/ et je n'arrive pas a trouver ce que sa peux être .. de l'aide s'il vous plait merci :)

Harry · 2014-01-12 19:03:49

Code:

.description_main h3, .description_main p{margin-left:15px;}

Dernière modification par Harry (2014-01-12 19:09:59)

Ugo Lelièvre Photographe · 2014-01-12 23:48:53

Merci Beaucoup de ta réponse ;)

Vincent12 · 2014-01-21 15:28:23

Il est cool ce thème !

Ugo Lelièvre Photographe · 2014-02-01 20:14:33

Hello ,

petite question , j'aurai voulu savoir comment modifier la taille es encadrée qu'on ce sert pour ce rendre dans les différente partie de la galerie fin dans les différent album ! pour chaque Album !

Bien Cordialement
LU

Ugo Lelièvre Photographe · 2014-02-01 20:32:23

Hello ,

Deuxième question j'ai une texture de fond et je voudrais l'ajouté pour remplacer le fond de ma galerie comment faire ? Bien cordialement ;)

Miklfe · 2014-02-01 22:00:32

Salut Ugo

Ugo Lelièvre Photographe a écrit:
Hello ,

petite question , j'aurai voulu savoir comment modifier la taille es encadrée qu'on ce sert pour ce rendre dans les différente partie de la galerie fin dans les différent album ! pour chaque Album !

Bien Cordialement
LU

tu veux dire l'image sur la page des catégories? :si c'est bien ça tu peux lire[url=http://fr.piwigo.org/forum/viewtopic.php?pid=207927#p207927]ça[url]

Deuxième question j'ai une texture de fond et je voudrais l'ajouté pour remplacer le fond de ma galerie comment faire ? Bien cordialement ;)

Avec LocalFiles Editor:

Code:

.pageslide{
background:url("/matexture/defond.png") repeat
}

Dernière modification par Miklfe (2014-02-01 22:05:18)

Ugo Lelièvre Photographe · 2014-02-01 22:15:46

Pour la texture il faut ajouté le lien de l'image de la texture ? et il faut bien laissée les parenthése ?

Ugo Lelièvre Photographe · 2014-02-01 22:33:30

Merci ma 1ère Question et résolu mais la deuxième

N'est pas résolu

Quand j'ajoute le code que tu ma donnée :

.pageslide{
background:url("http://ugolelievre.fr/_datas/r/t/p/rtpygjo9j6/i/uploads/r/t/p/rtpygjo9j6//2014/02/01/20140201221321-70b5b885-me.png") repeat
}

sa ne change rien du tout :/

ce n'est peut être pas comme cela qui faut faire ?

si tu pouvais m'aidée stp

Merci

Miklfe · 2014-02-01 23:35:37

désoler, j'avais oublié que tu étais avec l'ancienne version
essaye ça

Code:

body{background:url("http://ugolelievre.fr/_datas/r/t/p/rtpygjo9j6/i/uploads/r/t/p/rtpygjo9j6//2014/02/01/20140201221321-70b5b885-me.png") repeat}

Piwigo.org

Annonce

#106 2014-01-06 20:51:15

Re: nouveau thème: "Slide" de Piwitheme pour Piwigo

Miklfe a écrit:

Code:

Code:

#107 2014-01-06 22:38:07

Re: nouveau thème: "Slide" de Piwitheme pour Piwigo

Lelièvre Ugo a écrit:

Code:

Code:

#108 2014-01-12 11:14:33

Re: nouveau thème: "Slide" de Piwitheme pour Piwigo

#109 2014-01-12 13:40:04

Re: nouveau thème: "Slide" de Piwitheme pour Piwigo

Ugo Lelièvre Photographe a écrit:

Code:

#110 2014-01-12 18:40:31

Re: nouveau thème: "Slide" de Piwitheme pour Piwigo

#111 2014-01-12 18:43:15

Re: nouveau thème: "Slide" de Piwitheme pour Piwigo

#112 2014-01-12 19:03:49

Re: nouveau thème: "Slide" de Piwitheme pour Piwigo

Code:

#113 2014-01-12 23:48:53

Re: nouveau thème: "Slide" de Piwitheme pour Piwigo

#114 2014-01-21 15:28:23

Re: nouveau thème: "Slide" de Piwitheme pour Piwigo

#115 2014-02-01 20:14:33

Re: nouveau thème: "Slide" de Piwitheme pour Piwigo

#116 2014-02-01 20:32:23

Re: nouveau thème: "Slide" de Piwitheme pour Piwigo

#117 2014-02-01 22:00:32

Re: nouveau thème: "Slide" de Piwitheme pour Piwigo

Ugo Lelièvre Photographe a écrit:

Code:

#118 2014-02-01 22:15:46

Re: nouveau thème: "Slide" de Piwitheme pour Piwigo

#119 2014-02-01 22:33:30

Re: nouveau thème: "Slide" de Piwitheme pour Piwigo

#120 2014-02-01 23:35:37

Re: nouveau thème: "Slide" de Piwitheme pour Piwigo

Code:

Pied de page des forums