CODES CSS-HTML
Des codes simples à utiliser, sans prise de tête !
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)
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;
}
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 :
Défilement d'un texte
A installer en HTML, par exemple, sur votre page d'accueil.
<marquee>BONJOUR Chers visiteurs</marquee>
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>
Les formes classiques, définies par des termes informatiques :
Code | Forme |
---|---|
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;}