Imatge de diagramació Imatge de diagramació Imatge de diagramació Imatge de diagramació
Logo Universitat de Barcelona Notícies UB Imatge de diagramació
    UB Web Notícies Tancar Imatge de diagramació
Imatge de diagramació
Personalitzar l'estil de les Notícies UB incloses en pàgines web - ajuda - Noticies UB Imatge de diagramació
Imatge de diagramació Imatge de diagramació
Imatge de diagramació Imatge de diagramació Imatge de diagramació
Imatge de diagramació

Estil predeterminat
L'estil amb que es mostren les notícies be determinat pel full d'estil https://www.ub.edu/noticies/noticiaUB.css que s'inclou en la nostra pàgina web quan al tag <head> afegim

<link href="https://www.ub.edu/noticies/noticiaUB.css" rel="stylesheet" type="text/css">

Per tant, si inclouem aquest arxiu (tal com determina el manual d'inclusió de noticies ) les notícies tindran l'estil predeterminat que ve definit per l'arxiu noticiaUB.css.

Si l'estil predeterminat no és del vostre gust podeu crear un. Heu de crear un arxiu d'estils amb els mateixos estils que els utilitzat en https://www.ub.edu/noticies/noticiaUB.css es dir, respectant els noms d'estil (noticiaUB i noticiaUB_noHiHa ) i modificar les propietats de l'estil segons les vostres necessitats.

Després heu d'incloure el voste fitxer d'estils a la vostra pàgina web, es dir, heu de substituir

<link href="https://www.ub.edu/noticies/noticiaUB.css" rel="stylesheet" type="text/css">
per
<link href="ubicacio_i_nom_del_nou_arxiu_estils" rel="stylesheet" type="text/css">

Sense estil
Si no inclouem cap arxiu d'estils per les notícies, aquestes es mostraran amb l'estil que per defecte tingui l'etiqueta <a> a la vostra pàgina

 
Mostra dels estils predeterminats
Aquesta és una noticia. Exemple de l'estil de les noticies (nom estil = noticiaUB)
 
  link visitado (a.noticiaUB:visited)
  quan el link té el cursor encima (a.noticiaUB:hover)
  quan es prem el link (a.noticiaUB:active)
missatge: no hi ha noticies (nom estil = noticiaUB_noHIHa)
 
 
Imatge de diagramació Imatge de diagramació Imatge de diagramació Imatge de diagramació
  © Universitat de Barcelona Edició: Aplicacions Web
Última actualització o validació:04.04.2008