Amb un senzill script podem posar diverses cites en una mateixa caixa de text a la nostra columna de gadgeds. Les cites aniran canviant cada cert temps.
Substituirem "Text1" per la frase que volguem posar i "Autor1" pel nom de l'autor corresponent.
Procedirem de la mateixa manera per cada nova cita i, si en volem posar més, només caldrà afegir noves línies: frases [5]; frases [6]; etc.
Tinguem en compte que el temps queda expressat en milèssimes de segon. En aquest cas, 15000. Si volem que vagi més lent o més ràpid, només haurem de modificar aquesta xifra.
L'script s'ajusta automàticament a la columna lateral i en podem modificar l'alçada modificant el paràmetre "height".
Es mostren els missatges amb l'etiqueta de comentaris Trucs. Mostrar tots els missatges
Es mostren els missatges amb l'etiqueta de comentaris Trucs. Mostrar tots els missatges
Protegir les imatges del blog
No es possible impedir que algú pugui copiar les imatges que publiquem al nostre blog.
Sempre que mostrem una imatge, la URL quedarà registrada als arxius temporals.
Tampoc podem impedir que es faci una captura de pantalla.
Però, amb un senzill codi, posarem les coses una mica més complicades:
Inserim la URL de la nostra imatge entre les cometes
Amb això impedirem activar el botó dret de l'usuari si aquest vol desar la nostra imatge al seu disc dur.
Aquest és el resultat:
Sempre és recomanable que protegim les imatges amb una "Llicència Creative Commons"
Sempre que mostrem una imatge, la URL quedarà registrada als arxius temporals.
Tampoc podem impedir que es faci una captura de pantalla.
Però, amb un senzill codi, posarem les coses una mica més complicades:
Inserim la URL de la nostra imatge entre les cometes
Amb això impedirem activar el botó dret de l'usuari si aquest vol desar la nostra imatge al seu disc dur.
Aquest és el resultat:
Sempre és recomanable que protegim les imatges amb una "Llicència Creative Commons"
Correu electrònic amb imatge
Si desitgem que els nostres lectors puguin contactar amb nosaltres a través del correu electrònic, procurarem no escriure la nostra adreça.
Per evitar l’spam, enllaçarem una imatge perquè quan els nostres lectors facin un clic sobre aquesta imatge, s'obri directament un missatge nou del programa de correu electrònic predeterminat dels nostres lectors.
Buscarem o crearem una imatge adequada (pot ser una icona de les que s'ofereixen gratuïtament a la xarxa).
La penjarem en un servei d'allotjament d'imatges i localitzarem la URL de la imatge (si tens problemes per localitzar-la, simplement obre les propietats de la imatge amb el botó dret del ratolí i selecciona la URL).
Després inserirem el següent codi en un gadged HTML:
Substituirem el text “LA NOSTRA ADREÇA” per la nostra adreça de correu electrònic.
Substituirem el text “URL DE LA IMATGE” per la URL corresponent a la imatge.
Ajustarem l'amplada de la imatge sempre tenint en compte que no sigui més gran que la de la imatge original (l'alçada s'ajustarà proporcionalment).
Si ho desitgem, podem incloure un text emergent en “title”.
Aquest és el resultat:
Si volem fer el mateix però sense incloure una imatge, senzillament escriurem aquesta instrucció:
Substituirem el text “LA NOSTRA ADREÇA” per la nostra adreça de correu electrònic i ja està fet.
ENVIAR UN CORREU
Per evitar l’spam, enllaçarem una imatge perquè quan els nostres lectors facin un clic sobre aquesta imatge, s'obri directament un missatge nou del programa de correu electrònic predeterminat dels nostres lectors.
Buscarem o crearem una imatge adequada (pot ser una icona de les que s'ofereixen gratuïtament a la xarxa).
La penjarem en un servei d'allotjament d'imatges i localitzarem la URL de la imatge (si tens problemes per localitzar-la, simplement obre les propietats de la imatge amb el botó dret del ratolí i selecciona la URL).
Després inserirem el següent codi en un gadged HTML:
Substituirem el text “LA NOSTRA ADREÇA” per la nostra adreça de correu electrònic.
Substituirem el text “URL DE LA IMATGE” per la URL corresponent a la imatge.
Ajustarem l'amplada de la imatge sempre tenint en compte que no sigui més gran que la de la imatge original (l'alçada s'ajustarà proporcionalment).
Si ho desitgem, podem incloure un text emergent en “title”.
Aquest és el resultat:
Si volem fer el mateix però sense incloure una imatge, senzillament escriurem aquesta instrucció:
Substituirem el text “LA NOSTRA ADREÇA” per la nostra adreça de correu electrònic i ja està fet.
ENVIAR UN CORREU
Caixa de text
Podem emmarcar un text que volguem destacar col·locant aquest codi en l'editor de les nostres entrades:
Aquest seria el resultat:
La caixa de text adaptarà l'alçada al nombre de línies de text
Podem modificar la llargada o el gruix de les línies, posant les xifres que ens convinguin. Tindrem en compte que "padding" fa referència a la distància del text respecte de les línies.
També podem modificar l'aliniació del text canviant text-align: "center" per "left" o right".
Si volem canviar els colors, modificarem el codi de colors de "border" per les línes i de "background" pel fons.
Aquest seria el resultat:
AQUÍ ESCRIUREM EL TEXT QUE VOLEM EMMARCAR
La caixa de text adaptarà l'alçada al nombre de línies de text
Podem modificar la llargada o el gruix de les línies, posant les xifres que ens convinguin. Tindrem en compte que "padding" fa referència a la distància del text respecte de les línies.
També podem modificar l'aliniació del text canviant text-align: "center" per "left" o right".
Si volem canviar els colors, modificarem el codi de colors de "border" per les línes i de "background" pel fons.
Inserir una línia horitzontal
Podem inserir una línia horitzontal en el nostre blog per separar textos o elements del blog.
La línia s'adapta automàticament a l'espai en el qual la inserim.
Usarem aquest codi:
Ho veurem d'aquesta manera:
Podem canviar el color o el gruix modificant el codi:
Aquest és el resultat:
Si la volem més curta, hem d'indicar la mesura d'aquesta manera:
Aquest és el resultat:
També podem fer una línia de punts:
Que veurem així:
Si en posem dos seguits consiguim un efecte de doble línia:
Que queda així:
Podem usar dues línies seguides per destacar un text:
Quedarà d'aquesta manera:
Entre tots dos codis, escriurem el text que volem destacar
La línia s'adapta automàticament a l'espai en el qual la inserim.
Usarem aquest codi:
Ho veurem d'aquesta manera:
Podem canviar el color o el gruix modificant el codi:
Aquest és el resultat:
Si la volem més curta, hem d'indicar la mesura d'aquesta manera:
Aquest és el resultat:
També podem fer una línia de punts:
Que veurem així:
Si en posem dos seguits consiguim un efecte de doble línia:
Que queda així:
Podem usar dues línies seguides per destacar un text:
Quedarà d'aquesta manera:
Entre tots dos codis, escriurem el text que volem destacar
Subscriure's a:
Missatges (Atom)