Overblog
Suivre ce blog Administration + Créer mon blog

31 résultats pour “css

Aide-mémoire raccourcis CSS.

Publié le par Coquelikosafrane

Partager cet article
Repost0

Mettre la police en gras en Css.

Publié le par Coquelikosafrane

 

Il suffit de rentrer dans son Css et dans la partie font :

 

font-weight:bold; 

 

Copier, coller la ligne ci dessus .

 

Partager cet article
Repost0

Raccourci vers mes articles css.

Publié le par Coquelikosafrane

 

 

En cours de réalisation mais pour répondre à Myriam si tu veux ce week end commencer à bosser sur ton css voici quelques liens :

http://coquelikosafrane.over-blog.com/search/css/  

 

Publié dans Over blog

Partager cet article
Repost0

Changer la couleur de fond du blog (OB) .

Publié le par Coquelikosafrane

Tout en haut de votre CSS : 

Dans la ligne    :   Background:#valeur de couleur voulue

Publié dans Over blog

Partager cet article
Repost0

Rendre les png transparents en mode css.

Publié le par Coquelikosafrane


Il arrive que lorsque l'on change de design de blog, les images en png et le tour des images deviennent colorés.

Pour corriger ce problème il suffit de passer en mode css et d'écrire le mot "transparent " à la place des valeurs couleurs comme ci-dessous :





Image hébergée par Casimages.com : votre hébergeur d images simple et gratuit






   


Publié dans Over blog

Partager cet article
Repost0

Taille du texte en css.

Publié le par Coquelikosafrane

 

Il est bien de personnaliser son texte et surtout de jouer avec les différentes tailles de polices.

 

Pour ce faire, il suffit d'aller dans son mode css et de jouer avec le nombre de pixels ou size.

 

De genre :

pour avoir une police de 14 pixels de tailee il faut taper la ligne de code :     font-size:14px  .

 

Et on personnalise.

 

 

 

 

Publié dans Over blog

Partager cet article
Repost0

Récupérer les couleurs d'un site avec ses fichiers css.

Publié le par Coquelikosafrane

Un site lors d'une navigation attire l'oeil du visiteur par ses couleurs et ses enchaînements de couleurs.

Le site de : http://www.artviper.net/colorfinder.php permet de récupérer les couleurs .

Il suffit de taper l'adresse du site et c'est tout , c'est instantané.

Publié dans Utilitaires

Partager cet article
Repost0

Mettre un cadre autour du blog.

Publié le par Coquelikosafrane

Avec ce petit script à mettre sous les lignes background dans le css : 

 border-color:000000;
 border-width:17px ;
 border-style: solid;
  }

Il suffit de paramétrer la couleur, la taille ...

Publié dans Over blog

Partager cet article
Repost0

Générateur de Layout en ligne .

Publié le par Coquelikosafrane


Quoi de mieux et de plus simple ??

Il faut aller sur le site de : Smoke420.

Il suffit de rentrer quelques données et de choisir les couleurs .

Il faut ensuite cliquer sur Generate et récupérer les codes .

Il suffit de faire un copier-coller dans son css .




Publié dans Over blog

Partager cet article
Repost0

Avis aux visiteurs !

Publié le par Coquelikosafrane

 

Je vous remercie de laisser des commentaires sur mes pages ( certains se reconnaîtront !!) 

Sachez qu'ici  c'est un espace perso qui a des pages relativement anciennes datant depuis le début d' OB et même avant, de ce fait certains articles concernant les pages css et html n'ont pas obligatoirment été mis à jour de ce fait certaines indications ne fonctionnent pas forcément !! 

 

 

Publié dans Les actus

Partager cet article
Repost0

Liens survolés avec espacement des lettres et en majuscules .

Publié le par Coquelikosafrane


Du coup avec les 2 articles précédents; on peut mélanger plusieurs effets sur les liens survolés dans le css.

Par exemple :

a:hover { text-transform:uppercase;text-decoration:none; color:#9E9E9E; letter-spacing: 15px;
 font-weight:bold;
 color:navy;
}}



Cool, non !!

Publié dans Over blog

Partager cet article
Repost0

Lien survolé avec effet majuscules - roll over link - Css.

Publié le par Coquelikosafrane


Pour les débutants dans le petit monde de la bloggosphère que nous sommes ; on peut améliorer la visualisation des liens .

En effet, on peut faire que lorsque le visiteur passe la souris au-dessus d'un lien , les lettres du link écrites habituellement en minuscules deviennent en majuscules .

Il suffit de rajouter dans son css la ligne de code suivant :

a:hover{text-transform:uppercase;} : met tous les caractères en majuscules .

a:hover{text-transform:lowercase;} : met tous les caractères en minuscules .

a:hover{text-transform:capitalize;} : Met le premier caractère en majuscules .


On peut aussi lui affilier des coloris .....

Par exemple avec le code suivant :

a:hover { text-transform:uppercase;text-decoration:none; color:#9E9E9E}



 

 

Publié dans Over blog

Partager cet article
Repost0

Effet de zoom sur image lors du survol de la souris .

Publié le par Coquelikosafrane



Effet de zoom :




Il peut être agréable de faire un effet de zoom sur une photo lors du survol de la souris .

On ne veut pas obligatoirement afficher cet effet à tout le css uniquement à un article, du coup lors de la rédaction d'un article avec image , on peut ajouter les lignes suivantes d'html :

<meta content="text/html; charset=iso-8859-1">
<style type="text/css"><!--
a img {border:none}
a:hover {border:0px }
a:hover img {width:200px ; height:200px}
--></style>
<a href="#"><img width="100" src="adresse de l'image hébergée ." height="100"></a>


On peut personnaliser la taille de l'image non survolée et aussi celle de l'image survolée .


*  On agit sur la taille de la non survolée dans la ligne :

<a href="#"><img width="100" src="adresse de l'image hébergée ." height="100"></a>

*
  On agit sur la taille de la survolée dans la ligne :

a:hover img {width:200px ; height:200px}



  

Publié dans Over blog

Partager cet article
Repost0

Les mots de la blogosphère .

Publié le par Coquelikosafrane

Depuis quelques années la sphère des blogs a complètement explosé; des milliers de bloc-notes apparaissent et disparaissent quotidiennement.

La plupart de vos amis ou collègues de bureau s'y sont essayé et vous aussi pourquoi pas si le html ne vous fait pas peur ; quoi que maintenant la plupart des plateformes facilitent la vie des utilisateurs n'ayant aucune connaissance de langage css ou html particulier sans parler du java !  !

Les termes techniques vous font peur et bien sur ce site touts ls termes de la bloggosphère vous sont expliqués en français ou en anglais; à vous de choisir la version voulue .

Le site : Ressources/bibliotheque/dictionnaires/terminologie_.
Partager cet article
Repost0

Signaler plus les liens (OB).

Publié le par Coquelikosafrane


Pour que vos visiteurs soient plus attirrés par vos liens; il est possible de leur ajouter un petit effet .

Dans votre css il faut remplacer les lignes a et a:hoover par le script suivant; en sachant que tout est personnalisable :

Les color  - dotted ....

a      { text-decoration:underline; color:#5675A4; font-size:110%; }
a:hover { text-decoration:none; color:#123456;border-top:5px dotted
#4B0082; border-bottom:5px dotted #4B0082; }


On peut même mettre en italique, gras...

A:hover {color: #4B0082; font-style: italic; font-weight: bold}

 

 

 

 

 

 

 

Publié dans Over blog

Partager cet article
Repost0

1 2 3 > >>