#email-verification-warning {height: 0px; padding: 0px; margin: 0px; font-size: 0px; opacity: 0; } #help_bubble{ background: rgb(240,240,240); border: none; border-radius: 2px; border-top: rgb(250,250,250); box-shadow: 0 0 1px rgba(0,0,0,0.4); } #help_bubble...
Une balise seule n'a généralement que peu d'utilité. C'est pourquoi on leur ajoute souvent un ou plusieurs attributs.
* { line-height : 17px ; } * a { color : #000 ; text-decoration : none ; opacity : 1 ; -webkit-transition : 500ms ; -moz-transition : 500ms ; -o-transition : 500ms ; transition : 500ms ; } * a : hover { opacity : 0.8 ; } * img { max-width : 98% ; margin...
Code pour afficher le formulaire des commentaires de cette façon #ulmodules form { display: flex; flex-wrap: wrap; font-size: 0px; color: transparent; width: 500px; /*largeur du formulaire*/ margin: 0 auto;} #ulmodules form input,#ulmodules form select,#ulmodules...
/*DESIGN BY NAGALIA*/ #body { background: black; font-family: verdana; font-size: 13px; font-weight: 0 } img { max-width: 100%;} a { color: #916a5b; text-decoration: none; text-shadow: 1px 1px 1px black; } a:hover { text-shadow: 0px 0px 1px rgba(197,141,69,0.2);...
Les flexbox vous permettent, si votre html est structuré correctement, de créer des grilles responsive (qui s'adapte à la taille de l'écran de l'utilisateur) très rapidement. Pour commencer, la structure de votre HTML doit être la suivante :
Un tutoreil plus simple sera disponible dans le courant de la semaine. Si vous n'êtes pas très à l'aise avec le CSS, je vous déconseille de suivre ce tuto. Voici le tuto de niveau avancé pour faire un thème sur EklaBlog de A à Z. Le but de ce tutoriel...
Ce tutoriel passe en revu les différents éléments de la barre d'outil EklaBlog (la petite barre blanche au dessus du blog). Comme le sujet un petit peu "touffu", des codes tout prêts sont disponible à la fin de l'article. • Accéder aux codes Structure...
Qu'est-ce que le HTML ? HTML veut dire HyperText Markup Language, c'est le language utilisé pour organiser les pages web. Il s'agit d'un language de description de données, et non de programmation, ce qui veut dire qu'une page HTML est statique, elle...
http://img15.hostingpics.net/pics/394129concourshead3.jpg #header { height : 450px ; margin-bottom : 30px ; } #titre_header { margin-top : 110px ; margin-left : 180px } #titre_header a { color : rgb (255 , 100 , 30 ) ; font-family : Dracula , Comic sans...
Photoshop est un logiciel de retouche et de traitement d'image édité par Adobe. Il est disponible gratuitement en version d'essaie, mais du fait qu'il soit l'un des logiciel les plus piraté, il est facile d'en trouver une version pirate... Proposant beaucoup...
/*Page*/ #body { font-size: 13px; font-family :arial; background: url(https://ekladata.com/K-PGqRYeLRsOZkR4Mm19lFFDs4o.png); } #background { background : url(https://ekladata.com/gyqFckvAaUU6uWcoj-zu4pBMVj0.png); width: 760px; margin: auto; border: 2px...
: : selection { background : rgba (184 , 54 , 54 , 0.5 ) } * { line-height : 17px ; } * a { color : #000 ; text-decoration : none ; opacity : 1 ; -webkit-transition : 500ms ; -moz-transition : 500ms ; -o-transition : 500ms ; transition : 500ms ; } * a...
La propriété filter en CSS3 permet de modifier de façon assez sympathique les couleurs d'un élément. Survoler les images pour voir l'effet sélecteur{ -webkit-filter: blur(Xpx); -moz-filter: blur(Xpx); -o-filter: blur(Xpx); filter: blur(Xpx);} Blur permet...
Cet article regroupera divers techniques de graphisme. Vous trouverez des astuces pour vous aider à réaliser vos créations et un répcapitulatif sur les erreurs à éviter . Je remercie d'avance tous ceux qui voudront bien expliquer leurs petites astuces,...
C'est vrai que des fois, on veut faire un texte, ou une image qui se degrade vers la transparence. La technique étant très facile, je vais vous montrer avec un exemple comment faire. D'abord l'exemple du texte : D'abord, écrivez votre texte. cliquez droit...
* {line-height: 17px; } * a { color: #003039; text-decoration: none; opacity: 1; -webkit-transition: 500ms; -moz-transition: 500ms; -o-transition: 500ms; transition: 500ms; } * a:hover { opacity: 0.8; } * img {max-width: 98%; margin: 5; } #body{ background:...
Je vais principalement parler des thèmes sur EklaBlog, parce que 90% des visiteurs sont inscrits sur cette plateforme. Mais cela s'applique à tout site internet. Vous venez de créer votre blog, et vous voulez attirer plein de visiteur ? Alors il lui faut...
#body {background: url("https://ekladata.com/JmINROXaLWdWw8ZaaV2-_dN3yp8.jpg") fixed;} #header {background: url("https://ekladata.com/8BwYO4tDnLxFaRlw9Z7WsdiQcu8.png") no-repeat 50% 10%; height: 530px;} #menu { background: url("https://ekladata.com/m5nHCvC-HE82fOiQnsqJFydJQO0.jpg");...
Voilà des petites sign's et icon en libre service...c'est un peu du recyclage je sais -_- c'est parce qu'elle sont pas top...bref les voici,j'espère qu'elles vous plairont quand même^^Je sais il n'y en a pas tellement mais,je suis flemmarde et je n'ai...
/!\ Le JavaScript doit être activé! Passes la souris sur ce texte ;) Du texte apparaît ! On peut même mettre des images ;) Pour ajouter cet effet dans vos articles ou vos modules, nous allons réutiliser un script d'EklaBlog. Rassurez-vous, nous n'allons...
Rin & Pikachu #header {height:500px;background:transparent url(http://data0.eklablog.com/test-chamimy/mod_article36089743_1.png?4286) center no-repeat;} Fond (du fond): Fond (de la page et du contenu et des formats modules): Titres des modules (1 et 2,...
