BANNIERE ENTETE HTML

Bienvenue chers visiteurs dans mon Univers des Astuces Bloggers

Bonjour ou Bonsoir!

Un petit rappel quand vous voulez tester des trucs assurez vous de faire une sauvegarde et même prendre des notes surtout si vous manipulez dans Modifier HTML noter la ligne par prudence copier le code que vous enlever et coller dans un notepad si jamais vous devez remettre le code vous allez pouvoir corriger.* Les commentaires ont ete desactiver maintenant. Venez consultez comme vous voulez ici ce blog est fait pour vous aidez a embellir vos blogs et apprendre les fonctions . Bonne lecture !


BASE
URL des articles Ajout du CSS Creer livre d'Or
Sauvegarder le theme Creer des catégories Creer un Onglet
Creer une page Suppr la Mise en Forme d'un texte ( copier/coller)

 Montage de blog de base
Creer Liste d'amies ou Autres

 Flux Rss

 Recents Articles
URL de L'image / Heberger une Image

 Image en Html avec ou sans bordure

 Suppr.le fond Blanc images ou noir
BORDURES & Coins Arrondis
Bordures en dessous des commentaires Bordures Verticales entre les articles et colonnes Coins Arrondis
Bordures des titres d'Articles Separateur entre Gadgets Coins Arrondis sur des images
Supprimer la Bordure Noir autour des images (shadow) Supprimer une grande bordure (bande) ombre portée ou degradé en dessous de la bannieree et le pied page Encadrement pour vos textes
Bordures de titre de Gadgets avec arriere plan Bordure avec espacement pour nombres de commentaires

 Bordures autour des Articles et accueil en-bas
BOUTONS
Bouton Deco des commentaires Bouton, Banniere, Image Cliquable (1ere partie) Bouton Entete de page
Bouton Mailto Bouton Reponse dans les commantaires Onglet de liens Coulissant
CENTRER
Centrer Banniere Entete Centrer le texte des articles Centrer le titre des articles
Centrer le texte de l'onglet et Gadgets  Centrer le texte des commentaires Centrer le titre des menus onglet
Centrer une image dans les gadgets Centrer des images identiques Centrer la date des articles
Banniere Html #1
Banniere Html #2 avec bordure et arrondis    
☝NOUVEAUTÉ

COMMENTAIRES
Arriere Plan avec texture ou Glitters GIF pour les commentaires  Deco pour commentaire Centrer Le texte des commentaires
Bouton Reponse  Bordures en dessous des commentaires Changer la couleur du texte et la taille du texte
Fond, bordures, les marges, date, avatar, texte etc.. Commentaires dans la colonne Gestion des commentaires
Separateur GIF entres les Commentaires Lien cliquable dans les commentaires Inserer des emojis
TEXTES
Ajouter Police d'écriture Espacement entre les textes Texte qui defile 
Texte Arc-en-ciel Centrer le texte des commentaires Changer la taille du texte dans les Gadgets
Texte defilant dans la barre en haut navigation Centrer le texte des article Titre des Articles couleur , police et taille..
Deplacer le Titre du BLOG

 Centrer le texte dans l'onglet






DECO
Puce de liens Remplacer le Favicon Avatars Rondes
Boutons Deco Entete de page Faire bouger un GIF Curseur Etoiles Filantes
Bouton Deco Commentaires Des Bulles Curseur avec des coeurs
Lumiere de Noel

 Deco de chaque coté 

 Effet de Neige 1
Barre Accueil Curseur qui suit la souris Fleches Haut & Bas
Effet de Neige 2

 Decompte de Noel

Icone en coter de l' avatar
Follower Personalisable

 Fond (bordure) en dessous des articles et menu

 Formulaire Contact Personaliser
☝NOUVEAUTÉ
AUTRES
Scrollbar avec des liens Supprimer Atom Creer une Annexe ou site
Scrollbar Retirer option partager Page Profil
Page d'Accueil Espacement Haut et bas Banniere entete Espacement des articles  entre titre et la date 
Musique Autoplay Heberger vos Images chez DRIVE Mot de Passe sur un Fichier Zip
Tableau Liste 1 colonne

 Marges entres les Gadgets
ARRIERE PLAN + IMAGES
Arriere Plan Central  Arriere Plan des titres de Gadget Diaporama
Arriere Plan des commentaires Arriere Plan Barre Accueil en Bas Fond d'Article
Banniere, Image, bouton  Cliquable (2e partie)

 Afficher vos Creations en HTML5

 Fullscreen#1
Fullscreen #2
AIDES  BLOG
Ghislaine   Forum Blogger FR Aide et Support 



 KITS DESIGNS & HTML
Cadres HTML + chez Dalila Deco Blog chez Maryse  Horloges et Calendrier chez Criniere
Deco Blog AngePB

 Effets de Pluie plusieurs modele code html

Les Horloges de Thalia
Huguette Designs
Huguette Html



Formulaire Contact de couleur lot #1

 J'ai faites  quelques modeles pour vous:


========Noel ========

 Code CSS;
.contact-form-widget {
width: 300px; 
border-radius: 28px;
max-width: 100%;
padding: 8px;
background: #2f4d3c; 
font-family:Brush Script MT, Brush Script Std, cursive;
 text-align: center; 
 font-size: 22px;
 color: #ffffff; 
 border: 8px double #ffffff;

}
.contact-form-name, .contact-form-email, 
.contact-form-name, .contact-form-email, 
.contact-form-email-message { width: 100%; max-width: 400px;
 } 

.contact-form-button-submit {
border: 2px solid #ffffff;
background: #752827;  
color: #ffffff;  
width: 100%; 
height: 40px; 
 line-height: 30px; 
 font-family:Trebuchet MS, sans-serif;
 text-align: center; 
 font-size: 18px; 
}
.contact-form-button-submit:hover{
background: #297e07;
 border: 2px solid #342f4d;
color: #6e1c06;

============== Halloween ===========


code Css:
.contact-form-widget {
width: 300px; 
border-radius: 28px;
max-width: 100%;
padding: 8px;
background: #000000; 
font-family:Brush Script MT, Brush Script Std, cursive;
 text-align: center; 
 font-size: 22px;
 color: #ffffff; 
 border: 8px double #9f4b07;

}
.contact-form-name, .contact-form-email, 
.contact-form-name, .contact-form-email, 
.contact-form-email-message { width: 100%; max-width: 400px;
border: 2px solid #c98cbe;
line-height: 30px; 
 } 

.contact-form-button-submit {
border: 2px solid #9d442c;
background: #9f4b07;  
color: #ffffff;  
width: 100%; 
height: 40px; 
 line-height: 30px; 
 font-family:Trebuchet MS, sans-serif;
 text-align: center; 
 font-size: 18px; 
}
.contact-form-button-submit:hover{
background: #297e07;
 border: 2px solid #9d442c;
color: #6e1c06;

==============St-Valentin==================



Code Css:
.contact-form-widget {
width: 300px; 
border-radius: 28px;
max-width: 100%;
padding: 8px;
background: #6e1313; 
font-family: Segoe Print, Bradley Hand, Chilanka, TSCu_Comic, casual, cursive;
 text-align: center; 
 font-size: 22px;
 color: #ffffff; 
 border: 8px double #c98cbe;

}
.contact-form-name, .contact-form-email, 
.contact-form-name, .contact-form-email,
.contact-form-email-message { width: 100%; max-width: 400px;
border: 2px solid #c98cbe;
line-height: 30px; 

 } 

.contact-form-button-submit {
border: 2px solid #c98cbe;
background: #000000;  
color: #ffffff;  
width: 100%; 
height: 40px; 
 line-height: 30px; 
 font-family:Segoe Print, Bradley Hand, Chilanka, TSCu_Comic, casual, cursive;
 text-align: center; 
 font-size: 18px; 
}
.contact-form-button-submit:hover{
background: #c98cbe;
 border: 2px solid #ffffff;
color: #6e1c06;

===============Noir Gris Blanc====================


Code CSS

.contact-form-widget {

width: 300px; 

border-radius: 28px;

max-width: 100%;

padding: 8px;

background: #000000; 

font-family: Segoe Print, Bradley Hand, Chilanka, TSCu_Comic, casual, cursive;

 text-align: center; 

 font-size: 20px;

 color: #ffffff; 

 border: 8px double #666666;

}

.contact-form-name, .contact-form-email, 

.contact-form-name, .contact-form-email,

.contact-form-email-message { width: 100%; max-width: 400px;

border: 2px solid #666666;

line-height: 30px; 

 } 

.contact-form-button-submit {

border: 2px solid #ffffff;

background: #666666;  

color: #ffffff;  

width: 100%; 

height: 40px; 

 line-height: 30px; 

 font-family:Segoe Print, Bradley Hand, Chilanka, TSCu_Comic, casual, cursive;

 text-align: center; 

 font-size: 17px; 

}

.contact-form-button-submit:hover{

background: #ffffff;

 border: 2px solid #666666;

color: #000000;


===================== Mauve ========================

Code Css:
.contact-form-widget {
width: 300px; 
border-radius: 28px;
max-width: 100%;
padding: 8px;
background: #574998; 
font-family: Nimbus Mono PS;
 text-align: center; 
 font-size: 20px;
 color: #bcb2ed; 
 border: 8px double #8f80d2;

}
.contact-form-name, .contact-form-email, 
.contact-form-name, .contact-form-email,
.contact-form-email-message { width: 100%; max-width: 400px;
border: 2px solid #8f80d2;
line-height: 30px; 

 } 

.contact-form-button-submit {
border: 2px solid #8f80d2;
background: #574998;  
color: #bcb2ed;  
width: 100%; 
height: 40px; 
 line-height: 30px; 
 font-family: Nimbus Mono PS;
 text-align: center; 
 font-size: 17px; 
}
.contact-form-button-submit:hover{
background: #3b23a9;
 border: 3px solid #8f80d2;
color: #fffffff;

====================================

3 commentaires:

😀😁😂😃😅😆😇😈😉😊😋😌😍😎😐😑😒😔😗😘😛😜😝😱😲😴😥😧😭😷😙😖💪👎👍👌🙏👀👋👊👉👈👇👆👅💋💀💕💗💙🍀🌺🎁🎉👻👼👽🍕🍔🎃🎄🎅☕(Copier/coller) pour inserer les emojis dans les commentaires.


S'abonner à : Commentaires (Atom)