Com maquetar 5 columnes responsive a Bootstrap Com maquetar 5 columnes responsive a Bootstrap
Aquest exemple amb bootstrap l'he fet amb: 1 1 1 ... 2 2 2 ... 3 3 3 ... 4 4 4 ... 5 5 5 ... I ara al teu CSS podem fer, per exemple, algo així: .area_gris_superior {background: #…
Actualment aquest article encara no té una imatge principal 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: I afegiriem un exemple d'estil per als…
Actualment aquest article encara no té una imatge principal 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 ací. Si volem tindre-ho configurat al nostre projecte web, afegim al head les següents…
Actualment aquest article encara no té una imatge principal 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ón: @…
Actualment aquest article encara no té una imatge principal Exemple de 3 caixes horitzontals i responsives
Aquest és el codi HTML: I aqeust és el codi CSS: #container_portada_responsive { text-align: justify; -ms-text-justify: distribute-all-lines; text-justify: distribute…
Actualment aquest article encara no té una imatge principal 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. Aquesta és la captura de pantalla del resultat: Us deixo ací el codi…
Actualment aquest article encara no té una imatge principal 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: table.width100 { width: 100%; border…
Actualment aquest article encara no té una imatge principal 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. Havia…
Actualment aquest article encara no té una imatge principal 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: ul li:after { display: inline; content: url('../images/tu_imagen.png'); }
Actualment aquest article encara no té una imatge principal Opacitat a imatges
Per a fer l'efecte d'opacitat totalment compatible amb Internet explorer (a banda de Chrome, Safari i Firefox): #loquesiga img { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(…