Annonce

  •  » Styles
  •  » nouveau thème: "Slide" de Piwitheme pour Piwigo

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

Harry
Membre
2011-10-07
143

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

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

Hors ligne

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

Miklfe
Membre
Sarthe
2010-11-13
364

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

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

Hors ligne

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

Ugo Lelièvre Photographe
Invité

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

Salut ,

Merci pour ta réponse ;)

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

Merci !

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

Harry
Membre
2011-10-07
143

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

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 ?

Hors ligne

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

Ugo Lelièvre Photographe
Invité

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

Merci , c'est bien cela ;)

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

Ugo Lelièvre Photographe
Invité

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

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 :)

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

Harry
Membre
2011-10-07
143

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

Code:

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

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

Hors ligne

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

Ugo Lelièvre Photographe
Invité

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

Merci Beaucoup de ta réponse ;)

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

Vincent12
Membre
2014-01-10
8

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

Il est cool ce thème !

Hors ligne

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

Ugo Lelièvre Photographe
Invité

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

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

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

Ugo Lelièvre Photographe
Invité

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

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

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

Miklfe
Membre
Sarthe
2010-11-13
364

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

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)

Hors ligne

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

Ugo Lelièvre Photographe
Invité

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

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

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

Ugo Lelièvre Photographe
Invité

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

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

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

Miklfe
Membre
Sarthe
2010-11-13
364

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

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}

Hors ligne

  •  » Styles
  •  » nouveau thème: "Slide" de Piwitheme pour Piwigo

Pied de page des forums

Propulsé par FluxBB

github twitter newsletter Faire un don Piwigo.org © 2002-2022 · Contact