Azi este Sambata, 5 de Aprilie.2017

cu reduceri

Imagine la sfarsitul unei postari

adauga o imagine in fiecare postareCa sa adaugam o imagine in partea dreapta la sfarsitul unei descrierei si sa apara in fiecare postare de pe blogul tau.

Vom utiliza un truc care consta in schimbarea unei lini de cod din sablonul blogului.

Deci mergem la Aspect --> Editare HTML si cautam linia .post-footer va aparea mai mult sau mai putin asa:

.post-footer {
margin: .75em 0;
color:$sidebarcolor;
text-transform:uppercase;
letter-spacing:.1em;
font: $postfooterfont;
line-height: 1.4em;
}

Se va inlocui codul de mai sus cu urmatorul:

.post-footer {
margin: .75em 0;
color:$sidebarcolor;
text-transform:uppercase;
letter-spacing:.1em;
font: $postfooterfont;
line-height: 1.4em;
padding:36px 4px 2px 4px;
background: url(url-de-la-imagine) no-repeat top right;}
}

Inlocuieste (url-de-la-imagine) cu url-ul imagini tale, dupa aceea salveaza modificarile si ai instalata o imagine in fiecare post.

Related Posts:

  • Centrarea unei imagine sau mai multor imagini cu dimensiuni diferiteCu ajutorul (etichetelor) unui truc simplu se poate centra o imgine sau mai multe imagini de dimensiuni diferite.Cu ajutorul acestui cod html se poate adauga o imagine si centra<div style="background- border: 1px solid #68… Read More
  • Imagine la sfarsitul unei postariCa sa adaugam o imagine in partea dreapta la sfarsitul unei descrierei si sa apara in fiecare postare de pe blogul tau.Vom utiliza un truc care consta in schimbarea unei lini de cod din sablonul blogului.Deci mergem la Aspect… Read More
  • Optimizator de imagini onlineCu ajutorul Dynamic Drive poti optimiza online cu usurinta gif-ul tau sau gif-uri animate (formatul GIF.PNJ.JPG) asa in cat acestea sa se incarce cat mai repede posibil pe un blog sau site.De asemenea se poate converti o imag… Read More
  • Generator de super imagini cu colturi rotunjitePentru subiectul generatoare de astăzi am adaugat un site online foarte interesant si il poti adauga la favoriti pentru al avea la indemana..Cu Round My Pic un foarte bun generator online cu ajutorul caruia putem da un super … Read More
  • Cun scriem un text pe fondul unei imagineUn exemplu de text scris peste o imagineAtentie! textul sa nu depaseasca dimensiunea imaginiIn anumite situatii dorim sa facem o descriere pe o imagine si nu stim cum.Cu ajutorul unei aplicatii simple rezolvam aceasta problem… Read More

6 comentarios:

  1. Buna!...din nou...eu nu am linia .post-footer{...cel putin eu n-am gasit-o
    Ce am gasit este:
    .postdata {
    .post {
    .post p {
    .post ul {
    .post-comments {
    .post-social {
    .rss {
    .post-comments a:link, .post-comments
    .post-comments a:hover {

    ma poti ajuta? te rog frumos...

    RăspundețiȘtergere
  2. Salut Danuta pentru ca in codul blog-ului tau lipseste linia "post-footer" nu poti adauga imagini sau alte trucuri.

    RăspundețiȘtergere
  3. am reusit...am adaugat linia care lipsea, multumesc frumos

    RăspundețiȘtergere
  4. i-mi place blogul tau .muuulte lucruri de invatat mai ales pentru mine care sint incepator.am citit aproape toate poostarile tale. la majoritatea ne spui sa mergem la ASPECT-EDITARE HTML......eu am facut un blog de proba pe wordpress sila ASPECT nu gasesc editre html . ma poti ajuta? multumesc mult.

    RăspundețiȘtergere
  5. Salut Ion, din pacate majoritatea sau aproape toate postarile cu exemple se refera numai la sabloane pentru bloguri gazduite in Blogspot nu sunt adaptabile pentru Wordpress. Multumesc pentru aprecieri.

    RăspundețiȘtergere

Bine ai venit!
In continuare poti lasa mesajul tau.

Multumesc