ABCc le forum des balades et des récits de voyages en camping car


 
AccueilCalendrierFAQRechercherMembresGroupesS'enregistrerConnexion

Partagez | 
 

 Feuille de style CSS et Javascript

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


Messages : 102
Date d'inscription : 05/01/2016

MessageSujet: Feuille de style CSS et Javascript   Dim 1 Mai - 11:04

Pour transparence background

Code:

#i_icon_mini_calendar {display: none; }
#i_icon_mini_gallery {display: none; }
#i_icon_mini_portal {display: none; }

body {
  Filter: Alpha(Opacity=20);
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: 100% auto;
  -moz-opacity: 0.8;
        opacity: 0.8;
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=8);
        -khtml-opacity: 0.8;
        filter: alpha(opacity=8);
}
 body.chatbox{
 background-image:url(http://i68.servimg.com/u/f68/19/17/79/41/chatbo12.jpg);
 background-size: 100% auto;
}

 #chatbox_members {
  width: 250px;  /*largeur de la colonne de la liste des membres connectés à la cb*/
}
#chatbox {
  left: 251px;  /*même largeur que la colonne + 1px */
}

    .sceditor-button-hostimg div {
        background-position: center center !important;
        background-image: url('http://pbs.twimg.com/profile_images/1106463847/Sans-titre-3_normal.gif') !important;
        background-size: 16px;
    }


Code:

var bg = new Array();    // Crée un tableau pour stocker nos URLs plages journée
bg.push('http://i86.servimg.com/u/f86/19/42/25/35/tropic10.jpg');  
bg.push('http://i86.servimg.com/u/f86/19/42/25/35/57049310.jpg');
bg.push('http://i86.servimg.com/u/f86/19/42/25/35/52448610.jpg');
bg.push('http://i86.servimg.com/u/f86/19/42/25/35/52549812.jpg');
bg.push('http://i86.servimg.com/u/f86/19/42/25/35/40606810.jpg');
bg.push('http://i86.servimg.com/u/f86/19/42/25/35/51750510.jpg');
bg.push('http://i86.servimg.com/u/f86/19/42/25/35/delta_11.jpg');  

var bgn = new Array();    // Crée un tableau pour stocker nos URLs couchers de soleil
bgn.push('http://i86.servimg.com/u/f86/19/42/25/35/51612010.jpg');  
bgn.push('http://i86.servimg.com/u/f86/19/42/25/35/38993110.jpg');
bgn.push('http://i86.servimg.com/u/f86/19/42/25/35/52708210.jpg');
bgn.push('http://i86.servimg.com/u/f86/19/42/25/35/68679810.jpg');
bgn.push('http://i86.servimg.com/u/f86/19/42/25/35/31538310.jpg');
bgn.push('http://i86.servimg.com/u/f86/19/42/25/35/52378910.jpg');
bgn.push('http://i86.servimg.com/u/f86/19/42/25/35/36182210.jpg');

// On change le background du body une fois seulement que tout le DOM est chargé
$(function() {
    var date = new Date();
    var heure = date.getHours();
    var lejoursem = date.getDay();
    var lemois = date.getMonth();
    if(heure >= 7 && heure < 20){
        var urlBg = bg[lejoursem];    // Prend l'une des URLs du tableau oiseaux journée
    }else{
        var urlBg = bgn[lejoursem];    // Prend l'une des URLs du tableau oiseaux nuit
    }
    $('body').css('background-image','url('+urlBg+')');    // L'affecte comme background-image au body
});
Revenir en haut Aller en bas Editeur reponse x..it
Voir le profil de l'utilisateur http://abcc.easyforum.fr
 
Feuille de style CSS et Javascript
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Petite feuille verte de nouveaux messages
» même style que bugaboo...
» feuille d'activité
» Cec'style
» Dupes collection style black (guilt by association + le vernis)

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Essais ABCc :: Votre 1ère catégorie :: Votre 1er forum-
Sauter vers: