• CSS & HTML

    Code trouvé en bidouillant et utiliser sur mes blogs
    Un petit merci ne fait pas de mal ~

  • - CSS, récapitulatif des derniers visiteurs -


    * Pour mettre des bordures aux images:

    .module_menu_type_lastvisitors img border3px solid #ffffff;}
    *BORDER POUR L'EPAISSEUR DU CONTOUR ET # POUR LA COULEUR*


    Pour agrandir les images:

    .module_menu_type_lastvisitors img margin7px}
    *MARGIN POUR MODIFIER LA GROSSEUR DE L'IMAGE DES VISITEURS*


    Pour placer les visiteurs là où on le souhaite sur la page:

    .module_menu_type_lastvisitorspositionabsolutetop630pxright1200pxmargin-left0px;}
    *TOP ET RIGHT POUR POSITIONNER*


    Pour arrondir les visiteurs et placer une ombre derrière chacun d'eux:

    .module_menu_type_lastvisitors img {border-radius60pxbox-shadow1px 1px 10px #666666}
    *BORDER-RADIUS POUR ARRONDIR, BOX-SHADOW POUR PLACER L'OMBRE ET # POUR LA COULEUR DE L'OMBRE*


    Pour pivoter les visiteurs lors de la rotation au passage de la souris sur l'un d'eux:

    .module_menu_type_lastvisitors img:hover {opacity1transform:rotate(20deg)border-radius60px #FFFFFF;}
    *OPACITY POUR L'OPACITÉ, TRANSFORM POUR LA ROTATION, BORDER-RADIUS POUR QUE ÇA RESTE ARRONDI ET # POUR LA COULEUR DU CONTOUR*

    Pour régler l'opacité avant la rotation et la vitesse de rotaion:

    .module_menu_type_lastvisitors
    img {opacity1;
    -moz-transition500ms;
    -webkit-transition500ms;}
    *OPACITY POUR L'OPACITÉ, MOZ ET WEBKIT POUR LA VITESSE DE ROTATION*


    Pour retiré le titre du module des dernier visteurs:

    .module_menu_type_lastvisitors .module_menu_titre {displaynoneborder-bottom0px solid black;}
    *LAISSER LE CODE TEL QUEL*


    votre commentaire
  • - Code CSS -

    .module_titre_contenu,.module_titre_contenu {
    font-family"TITRE DE LA POLICE"srcurl('URL DE LA POLICE');}


    #menubarabsolute,#menubarabsolute {
    font-size15pxfont-family"TITRE DE LA POLICE";
    font-weightnormal;
    font-stylenormal;
    font-variantnormal;
    text-alignjustify;
    line-heightnormal;
    text-shadownone;
    color#666666;}

    Explication:

    Le titre de la police doit être marquer a l'identique c'est-à-dire que si "AriAL" est marquer comme ceci dans "TITRE DE LA POLICE" il devra être marquer: "AriAL"

    Pour avoir l'url de la police, allez d'abord chercher votre police sur un site spécialisé (ex: dafont.com)
    Vous téléchargerais ensuite votre police et l'installerais sur votre ordinateur. Après l'avoir installé, sur votre blog vous irez dans "gérer les fichiers" puis uploaderez votre police que vous trouverez dans vos téléchargements. ATTENTION, prenez bien le fichier qui vous a permis d'installer votre police sur votre ordinateur ! Ensuite dans "gérer vos fichiers", en bas a droite il y a marquer URL et juste en dessous l'url du fichier. C'est cette URL de vous placerais dans le code à la place de 'URL DE LA POLICE'. Voila votre code est fini et prêt a être utiliser !


    votre commentaire
  • - Code CSS -

    #body {
    background-imageurl( 'URL DE L'IMAGE' );
    backgroud-reapeatREAPEAT fixed;
    background-attachment: fixed;}

    REAPEAT: répétition
    fixed: Fixe, ne bouge pas quand on descend sur la page.

    Un code plutôt pratique si vous créer par exemple votre propre fond de page.


    votre commentaire
  • - Code CSS -
    ( code enfin trouver après bidouille pendant des siècles ! )

    #menu2 .module_menu_titre {font-family"TITRE DE LA POLICE"srcurl('URL DE LA POLICE');}

    #menu1 .module_menu_titre {font-family"TITRE DE LA POLICE"srcurl('URL DE LA POLICE');}

     

    Explication:

    Le titre de la police doit être marquer a l'identique c'est-à-dire que si "AriAL" est marquer comme ceci dans "TITRE DE LA POLICE" il devra être marquer: "AriAL"

    Pour avoir l'url de la police, allez d'abord chercher votre police sur un site spécialisé (ex: dafont.com)
    Vous téléchargerais ensuite votre police et l'installerais sur votre ordinateur. Après l'avoir installé, sur votre blog vous irez dans "gérer les fichiers" puis uploaderez votre police que vous trouverez dans vos téléchargements. ATTENTION, prenez bien le fichier qui vous a permis d'installer votre police sur votre ordinateur ! Ensuite dans "gérer vos fichiers", en bas a droite il y a marquer URL et juste en dessous l'url du fichier. C'est cette URL de vous placerais dans le code à la place de 'URL DE LA POLICE'. Voila votre code est fini et prêt a être utiliser !


    votre commentaire


    Suivre le flux RSS des articles de cette rubrique
    Suivre le flux RSS des commentaires de cette rubrique