Cum să adaugi cod CSS inline cu imagine de fundal în codul HTML al paginii?

Question

Cum să adaugi cod CSS inline cu imagine de fundal în codul HTML al paginii?

19 mar. 2012, 17:35:52

Vizualizări: 62.5K

Voturi: 0

Vreau să adaug cod CSS inline în interiorul unei pagini din blogul meu. Acest cod CSS folosește o imagine ca fundal pentru un div.

Este posibil acest lucru? și cum se face?

Am încercat să adaug imaginea ca resursă Media și am obținut un URL pentru aceasta, dar folosind acest URL nu pare să funcționeze.

Exemplu de cod pe care îl introduc în HTML-ul paginii mele:

<p><a href="http://mysite.com/wp-signup.php" style="width: 90%;
        font-family: Helvetica, Arial, sans-serif;
        background: #0e710d url(http://mysite.com/wp-content/uploads/2012/03/image.png) 0 0 repeat-x;
        font-size: 1.6em;
    ">
    Click aici &raquo;</a></p>

Timothée HENRY

181

css

Comentarii

Am realizat că problema era că aveam un spațiu în mijlocul codului meu CSS inline, ceea ce a împiedicat codul să funcționeze.

Timothée HENRY

20 mar. 2012 12:14:11

Toate răspunsurile la întrebare

Comentarii

Am realizat că problema era că aveam un spațiu în mijlocul codului CSS inline, care împiedica codul să funcționeze.

Timothée HENRY

20 mar. 2012 12:14:27

ma bucur că ai rezolvat. chestii de genul ăsta pot înnebuni un designer în timp ce caută soluția ;)

Sagive

20 mar. 2012 14:52:33

Soliciți un link de imagine rupt în viitor prin utilizarea căii către fișier. Ar funcționa mai bine să folosești wp_get_attachment_image_src().

JPollock

21 iun. 2013 00:50:12

Nu există niciun motiv pentru care această tehnică să nu funcționeze în general, deși exemplul tău specific de cod nu va funcționa așa cum spui că vrei: tu adaugi atributul style unui tag A, nu unui tag DIV, ceea ce spui că vrei să faci. Așadar, tag-ul A ar trebui stilizat așa cum este arătat, nu tag-ul DIV.

Adam Rice

291

19 mar. 2012 18:10:04

Sagive 2.78K · Accepted Answer · 2012-03-19T18:00:16Z

nu poți pur și simplu să adaugi o clasă acelui link? de ce să modifici fișierele de template?..
oricum nu văd niciun motiv pentru care nu ai putea face asta... css-ul ar trebui să funcționeze..

Singura modificare pe care aș face-o la editarea unui fișier template este
folosirea php pentru a obține URL-ul folderului (unde se află imaginea ta) astfel:

<style type="text/css">
.specialLink a {
    width: 90%;
    font-family: Helvetica, Arial, sans-serif;
    background: #0e710d url("<?php get_bloginfo('url'); ?>/wp-content/uploads/2012/03/image.png") repeat-x 0 0;
    font-size: 1.6em;
}
</style>

<p class="specialLink"><a href="http://mysite.com/wp-signup.php">Click aici &raquo;</a></p>

Din nou... îți recomand să folosești style.css pentru a încărca acel css și nu în
fișierele de template.. dacă ai nevoie de el doar pentru o anumită pagină, spune-mi... am
o soluție mai bună pentru asta.

Sper că te ajută, Sagive.