decoblogchantalou42.blog4ever.com

CODES CSS-HTML

Des codes simples à utiliser, sans prise de tête ! Sourire


code CSS - Changer l'écriture et mettre une ombre

 

 

Pour changer d'écriture et mette une ombre sur le texte

 

 

 

body p{      

font-family: Brussels ;      

font-size: 17px;      

text-shadow: 2px 2px 3px #000000;  

  }

 

 

 

Les mots en couleur, peuvent être remplacés par d'autres de votre choix (police - taille - ombre)

 

 

 

 

 


23/11/2015
0 Poster un commentaire

Codes CSS - Entête du blog

 

Vous sélectionnez l'intégralité du code ci-dessous, puis vous le copier/coller : touches Ctrl/C  (copier) - Ctrl/V (collez) sur votre page pour les codes 

 

 

 

/* Alignement du titre du blog */
.diz-entete-titre {
   text-align: left;
}

 

 

header .image,
.diz-entete-image{
  height : 300px;
  Le code#header {border-radius:20px 20px 20px 20px;}
}

 

 

.diz-entete {
   height: 300px;
   position: relative;
}

 

 

.diz-entete-image {
   height: 200px;
}

 

 

.diz-entete-titre {
   background-image: url('https://static.blog4ever.com/2015/07/805011/coollogo_com-237053827.png');
    background-repeat: no-repeat;
  width: 960px;
   position: absolute;
   top: 0;
   border-top: none;
   z-index: 20;
}
#titre_lien {
   visibility: hidden;
}

 

 


20/11/2015
0 Poster un commentaire

Codes CCS - Coins arrondis

 

 

 

 Copier/Coller ce code dans son intégralité dans votre partie "DESIGN du blog", code CSS

 

 

 

img {

-moz-border-radius:30px;

-webkit-border-radius:30px;

border-radius:30px;

-moz-box-shadow: 0px 3px 12px #777;

-webkit-box-shadow: 0px 3px 12px #777;

box-shadow: 0px 3px 12px #777;}

 

 

 

Résultat :

 

 

 

jung.PNG

 


19/11/2015
0 Poster un commentaire

Défilement d'un texte

 

 

 

BONJOUR Chers visiteurs

 

 

 

A installer en HTML, par exemple, sur votre page d'accueil.

 

 

 

 

<marquee>BONJOUR  Chers  visiteurs</marquee>

 

 

 


25/09/2015
0 Poster un commentaire

Code pour installer un curseur sur son blog

        
 

 

 

Installer un curseur (à mettre au début du script)

 

 

 

<style type="text/css">

body {cursor: url(adresse http de votre curseur); }

</style>

 

 

 

<style><!--BODY{ cursor:url("ADRESSE DU CURSEUR"); }--></style>

 

7522.gif      

    

 

 

Les formes classiques, définies par des termes informatiques :

 

 

 

CodeForme
default Flèche
crosshair Croix
text Curseur texte
vertical-text Curseur texte horizontal
wait Sablier
progress Flèche avec sablier
help Curseur avec un point d'interrogation
pointer Main
hand Main
move Flèche quadri-directionnelle
all-scroll Pointeur de défilement multidirectionnel
col-resize Ajusteur horizontal
row-resize Ajusteur vertical
not-allowed Sens interdit
no-drop Main et sens interdit

 

 

 

ou se présenter sous la forme d'un dessin :

 


Leur extension est alors en .cur (pour les curseurs statiques) ou en .ani (pour les curseurs animés)
POUR L'INSTALLER, vous allez dans le CSS, Design > Mode CSS.
Si vous désirez installer le même curseur sur tout le blog
vous complétez cette ligne

 

 

body    {cursor:crosshair;} ou body    {cursor:URL(adresse du curseur), default; }

 Si vous désirez installer un autre curseur au survol des liens

a:hover {cursor:crosshair;} ou a:hover {cursor:URL(adresse du curseur),default;}  

Il sera ainsi visible sous Internet Explorer et FireFox. De mémoire, les curseurs animés ne sont pas visibles sous Firefox

 

 

 

  

 

Pour ma part, j'ai expérimenté ce script là et ça marche

 

 

HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/hearttailup.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/hearttailup.gif"), auto;}

 

 


25/09/2015
0 Poster un commentaire


Ces blogs de Informatique & Internet pourraient vous intéresser