Imatges-enllaç

He aconseguit inserir imatges-enllaç al bloc! Us explico com.

[@more@]

Es tracta d’afegir aquestes imatges a la banda dreta del bloc, on hi
tenim apartats per defecte com el "cercador", les "categories", els
"enllaços", etc. Podem afegir nous apartats, treure els que no vulguem
o moure’ls de lloc. És ben fàcil quan saps com s’ha de fer. De fet, són
tres passos (explico el funcionament per al gestor de lamevaweb.info):

1. Putinejar l’arxiu correcte. Entres al teu gestor de bloc. Vas a Centre de control>Editor de plantilles de bloc.
Allà hi ha la plantilla que vas triar pel teu bloc. Per fer qualsevol modificació
d’aquesta, però, abans n’has de fer una còpia, renombrar-la i fer que
aquesta còpia sigui la teva nova plantilla. Bé, una vegada fet tot
això, entres a l’arxiu de la teva plantilla (la ruta és la que he
indicat abans). Pel
que fa al nostre cas, ens interessa l’arxiu "panel.template" (la meva plantilla utilitza aquest, però altres plantilles utilitzen altres arxius, per tant, cal esbrinar quin toca), on introduirem el codi pertinent; i la carpeta "images", on afegirem les imatges que farem servir. Obrim la carpeta "images", doncs, i veiem que a dins només hi ha arxius d’imatges.

2. La foto. Cal que tinguem una foto, és clar. Pot ser que
estigui ja a la xarxa i l’enllacem des del seu lloc d’origen o que estigui al nostre ordinador, la pugem i l’enllacem. Jo recomano posar-les a la carpeta "images", dins el nostre editor
de plantilles. Només haurem de buscar l’arxiu de la imatge al nostre ordinador i carregar-la amb l’eina que ja proporciona l’editor.

3. Editar el codi. Ara entrem a l’arxiu "panel.template" que està estructurat
bàsicament com una llista, utilitzant l’atribut <li>. Bé, si
volem afegir un nou apartat, com per exemple "Navegador recomenat", com
he fet jo, cal anar al lloc on el volem inserir (en el meu cas sota
l’apartat "menú" ) i introduir-hi una seqüència bàsica d’HTML

<li>
Navegador recomanat
<ul>
<li><a
href="http://www.mozilla.org/products/firefox/all.html"><img
border="0"
alt="Firefox en català!" src="http://www.lamevaweb.info./templates/blog_61/
human_condition2/images/logo_firefox.png"/></a>
</li>
</ul>
</li>

Aquest codi fa el següent: després del primer atribut <li>
posem el títol de l’apartat nou que volem; tot seguit afegim l’enllaç a
la pàgina on apunta la foto; i tot seguit, indiquem la ruta on està
ubicada la foto. Una vegada fet això, només cal prèmer a "actualitzar". I ja està.

Per canviar els apartats de lloc, únicament cal
seleccionar el codi corresponent contingut entre elements <li> i </li>
que pertoqui i inserir-lo a sobre o a sota del que desitgeu.

Espero que us serveixi. I si teniu algun dubte, pregunteu.

Aquesta entrada ha esta publicada en General. Afegeix a les adreces d'interès l'enllaç permanent.

7 comentaris a l'entrada: Imatges-enllaç

  1. Myrddin diu:

    Bé bé, pia almoina, veig que te’n has sortit… no era pas tant complicat, cert??

    Salut!

  2. Myrddin,

    Tot bé, com veus. Al principi pensava que calia fer-ho a través del gestor d’enllaços, però la cosa va per una altra banda. Salut! 🙂

  3. frederic diu:

    Ai! Em sento com un iaio amb l’informàtica, cada cop em supera més! M’ho llegiré amb calma i ho intentaré fer al meu blog en un altre moment a veure si m’en surto.

  4. Naorte diu:

    Molt bé!!!

    Si em permets el comentari, el llenguatge xhtml, que és el que es declara en aquesta web, estableix que totes les imatges han de portar especificades l’amplada i l’alçada. Així, el codi hauria de quedar així:

  5. Naorte diu:

    🙁 M’ha eliminat el codi…

    Bé, ho redacto:

    – treure el punt després de lamevaweb.info

    – afegir: width=”80″ height=”15″ abans de la barra final, després del src

    – deixar un espai abans de la barra final

    Espero que ara es vegi…

  6. Dizzy diu:

    GRÀCIES GRÀCIES GRÀCIEEEEES!!!!!!
    Ets un sol! feia díes que em barallava amb aquest tema 🙂

  7. Hola , mira, esque, a mi el que em passa és que porte temps intentant posar un comptador de visites al bloc i veig que tu en tens un. Primer ho intentava posar a les entrades, però al fer-ho, sempre desapareixia la part de baix d’on havia posat el codi i tota la barra d’eines de la dreta del bloc. Aleshores ho vull posar a la plantilla però ja he provat posant el codi a panel.template i apareix el meu bloc prou barretjat amb la barra de la dreta baix i uns codis extranys pel mig.

    M’agradari que em digueres com posar el comptador. Gràcies

Els comentaris estan tancats.