Eklablog Tous les blogs
Suivre ce blog Administration + Créer mon blog
MENU

Publicité

Top articles

  • Image au survol texte-CSS

    12 septembre 2012 ( #astuces, #image, #survol, #tete, # image )

    A fficher une image au survol d'un texte, d'un lien, ça peut être sympa !!! Juste en html et CSS, comme l'exemple ci-dessous: Passez le curseur ici CODE CSS /* img survol souris */ a.imag{ position: relative; z-index: 1; } a.imag:hover{ z-index: 2; }...

  • Tableau à onglets-CSS

    02 septembre 2012 ( #onglets, #tableau )

    Un tableau ou menu horizontal, à onglets, tout en CSS ...Avec effet coulissant du contenu, Ooooooh!...c'est beau !!!Ici la largeur est fixé à 70%, modifiable via le code CSS: #page-wrap { width: 70%; margin: 10px auto; } La hauteur est de 450px, à vous...

  • The Strokes (2013)

    28 mars 2013 ( #Comedown Machine, #Strokes )

    Le dernier album des Strokes " Comedown Machine " sorti en mars 2013 Mon avis:Aux premières écoutes, déçu ..!!!Trop de synthés, trop electro-pop, trop sucré....!Pas assez rock !!!Rien à voir avec leurs albums " Room on fire " et le hit " The end has no...

  • Menu-image avec légende

    19 mai 2014

    Suite à une demande sur le fourum Ekla, voici un menu sous forme de mur d'images, avec liens et légende au survol curseur. Ici le mur est réduit à 2 colonnes, mais il peut s'élargir sur 3 ....(zoomer/dézoomer avec le navigateur ctrl+molette)Pour voir...

  • Bankrupt - Phoenix 2013

    25 avril 2013

    Bankrupt - Phoenix avril 2013 Bankrupt , le dernier album de Phoenix. Sorti en avril 2013... Si vous avez aimé le précédent vous aimerez celui-ci....!!! 00:00 - 01) Entertainment 03:44 - 02) The Real Thing07:12 - 03) SOS IN Bel Air10:57 - 04) Trying To...

  • Pop-in image ouverture

    25 janvier 2013

    Pour afficher une image à l'ouverture du blog. Code à placer sur la page d'accueil, en article, ou dans un module simple. ( F5 pour revoir ) Code CSS /*----- Img ouverture blog -----*/ #ouverture4 { position: fixed; top: 0px; left: 0px; text-align: center;...

  • Onglets-réseaux-sociaux

    03 janvier 2013

    Placer des onglets coulissants, pour les réseaux sociaux, à droite du blog. Comme ici, en haut à droite. Très simple à installer (HTML+CSS) CODE CSS /*---------- Onglets Sociaux ------------*/ #ong-soc { position:fixed; right:0px; top:50px; width:60px;...

  • Shadowbox

    28 février 2014

    Enfin le script que je cherchais depuis ........ un bail !!! et compatible 100% Eklablog....! Shadowbox va afficher vos images en mode 'lightbox' , c'est à dire en surimpression sur fond teinté noir.Vos images, mais aussi vos animations swf, vos vidéos...

  • Mega-menu

    15 juillet 2013

    Un mega-menu en CSS (pas de javascript) extra-large à plusieurs colonnes.De 1 à 5 colonnes, de taille différente, avec texte, liens, images, videos etc...Relooké by me, couleur dégradée, ombre, transition (effet slide), aspect 3D.On peut réduire la largeur...

  • Débloquer son blog

    20 juin 2013

    Votre blog est bloqué? inaccessible? manque la barre-menu? bref vous ne savez pas comment le "débloquer" ? Pas de panique ...!!!En général, ce problème survient après l'ajout d'un script (en javascript) douteux, ou l'ajout d'un 'widget' style 'géo-localisation',...

  • Onglet coulissant Deezer

    13 mai 2013

    Onglet coulissant Deezer (voir ci-contre, onglet à gauche ) CODE CSS /*----- Deezer Onglet coulissant */ #deezer { position:fixed; border:solid 0px grey; top:130px; left:-210px; transition: 1s; -webkit-transition: 1s; -moz-transition: 1s; } #deezer:hover...

  • Importer un diapo d'Overblog

    14 novembre 2012

    Une astuce pour importer les diaporamas d'Overblog et les insérer dans un article, une page, de votre blog Eklablog. Avec un petit code facile à comprendre et à modifier.(html et CSS) A noter, que la fonction 'voir le diapo en plein écran' sera invalidée...

  • Img qui suit le curseur

    27 octobre 2012

    Une image qui suit votre curseur. Un classique en Javascript !!! Attention, tout de même, aux éventuelles interférences avec d'autres scripts. Pour voir, rafraichir la page (F5). Excepté I.E Il vous faudra copier/coller le code ci-dessous, dans un module...

  • Menu horizontal-CSS

    20 décembre 2012

    Un menu Horizontal avec des sous-menus, tout en CSS, pas de Javascript Voir menu ci-dessous, et en haut dans le header. Copier le code CSS dans Apparence > Modifier thème > Ajout CSS. Puis dans un module simple: Mode édition article > source (<>) > coller...

  • Défilement titre onglet navigateur

    01 novembre 2012

    Pour faire défiler un texte, dans l'onglet du navigateur internet, copier/coller le script suivant dans un module simple: Code Javascript