El web es basa en un mapa de Barcelona on es recullen històries personals, sempre vinculades a un punt de la ciutat. Així, sobre el mapa hi trobem un seguit d’icones de colors. Cadascuna d'aquestes icones indica que ALGÚ ha explicat ALGUNA COSA relacionada amb el carrer, la plaça, l’edifici o el lloc concret on està situada.

Els colors assenyalen el tema de les històries, que poden ser d’amor o desamor (VERMELL), queixes (NEGRE), fets o anècdotes quotidianes (VERD), referències històriques (BLAU) o, fins i tot, tenim la categoria d'anades d'olla (GROC) per tot allò que defuig les classificacions. També hi ha la categoria de No a la Guerra i la de les Històries de Bici, cadascuna amb un símbol específic.

Per descobrir què s'amaga darrera d'una icona, només heu de clicar-hi a sobre amb el ratolí.

A més de descobrir les històries que amaga Barcelona, a Bdebarna podeu contribuir a dibuixar aquest "mapa humà de la ciutat" amb les vostres pròpies aportacions, ja siguin queixes, propostes, records o anècdotes. I no només textos sinó que podeu donar formes diverses a les vostres expressions: vídeo, fotos, dibuixos, audios...

A la barra superior de totes les pàgines del web hi ha l'opció ESCRIURE HISTÒRIA , que obre un senzill formulari des del qual es poden enviar textos i adjuntar fotografies o d’altres arxius. També es pot publicar anant directament, sobre el mapa, al lloc concret del qual vulgueu parlar.

Per col·locar un vídeo a Bdebarna, cal que primer el pengeu d’un web amb servei d’allotjament de vídeos (com YouTube, VIMEO o Google Videos). Aquests webs generen un codi EMBED que serveix per visualitzar aquests vídeos en altres webs.

Si voleu que els vostres vídeos es vegin a Bdebarna heu de seleccionar l’opció ESCRIURE HISTÒRIA i enganxar aquest codi EMBED en el camp del formulari corresponent.

El codi EMBED acostuma a tenir aquest aspecte:

(< object width="425" height="355">< param name="movie" value="http://www.youtube.com/v/oCmAD-z7-mA)&hl=es">< param name="wmode" value="transparent">< /param>< embed src="http://www.youtube.com/v/oCmAD-z7-mA)&hl=es" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355">< /embed>< /object >)

CODI dins de YouTube: