truc a html per a tenir imatges i videos emergents a Drupal

Com fer enllaços emergents a videos de Youtube i a imatges en una pàgina HTML

En aquest xicotet article explique com m'he configurat fàcilment el meu portal Drupal per a poder obrir vídeos de Youtube i imatges de manera emergents amb finestres modals o popups.
Com maquetar 5 columnes responsive a Bootstrap

Com maquetar 5 columnes responsive a Bootstrap

Aquest exemple amb bootstrap l'he fet amb:
Hacker

Un botó amb colors degradats amb CSS3

Ací un truquet per tenir botons, estil bootstrap, amb CSS3, on podem fer degradats entre dos colors i tenir un borde distint. El botonet seria:
Hacker

Uns apunts per a tenir activada la llibreria Animate.css

El Codi del projecte el tenim a https://github.com/daneden/animate.css i la demo dels efectes la tenim
Hacker

Deshabilitant la barreta superior de menú de Bootstrap

Tinc el tema grayscale.css al Bootstrap, i la classe que mostra la barra inicial és .navbar, i quan baixem l'scroll i es fa una miqueta més menuda és .top-nav-collapse, concretament s
Hacker

Exemple de 3 caixes horitzontals i responsives

Aquest és el codi HTML:
Hacker

Exemple d'slideshow jquery amb bxSlider

Ací deixe un exemple d'un slideshow que necessitava per a una webapp que estic desenvolupant. La llibreria és bxSlider.
Hacker

Alguns menuts canvis al Mantis per a fer-ho més minimalista i clar

Ací m'apunte alguns canvis diversos que hem fet als CSS per a la façana de les estadístiques actuals, des del fitxer css/default.css i tocant:
Hacker

Trencant les paraules dels títols de les notícies parsejant titulars Atom amb PHP

Estic fent una webapp on agafe les notícies via PHP contra els titulars Atoms d'un Drupal, i per algun motiu els títols llargs no baixaven de línea i continuaven eixint-se del div.
Hacker

Añadiendo una imagen después de cada elemento de una lista en XHTML y CSS

Para añadir una imagen entre cada elemento de una lista hay que poner:
Utilitats

NAVEGACIÓ SENSE RATOLÍ

- Tab següent enllaç.
- Shift+Tab anterior enllaç.
- Enter activa l'enllaç.
- Alt+esquerra anar arrere.

CONTRAST DE COLORS

Accessibilitat - Color Negre
Accessibilitat - Color Groc
Accessibilitat - Color Verd

Accessibilitat - Color Blau
Accessibilitat - Color Crema
Accessibilitat - Color Blanc

 

PORTADES ALTERNATIVES