Wordpress - Featured image kao pozadina diva

poruka: 9
|
čitano: 1.288
|
moderatori: Lazarus Long, XXX-Man, vincimus
1
+/- sve poruke
ravni prikaz
starije poruke gore
16 godina
neaktivan
offline
Wordpress - Featured image kao pozadina diva

Neki budu sigurno rekli, " možeš pomoću  plugina",ali da odma na početku velim, to je ono kaj neću, htio bi da stranica bude svedena na što manje pluginova. Ranije sam koristio temu skinutu s neta, ali ovaj put se radi o temi rađenoj od nule.

 

Snalazim se u CSS-u ali ono osnovno ili srednje znanje :), pa ovo ili ne znam ili se ne može napraviti.

Htio bi u CSS-u ili ak se ne može onda u HTML-u staviti Featured sliku posta ko pozadinu diva.

Znaći da imam div s pozadinom the_post_thumbnail. 


Jer hoću napravit sliku s jednim poluprozirnim divom na njoj i tekstom.

Znam da se to može pomoću CSS-a kombinirajući dva diva, mislim to sam pronašao guglajući, ali vrijeme otvaranja stranice nakon takvih divova se jako produljilo a to me smeta, jer hoću da bude brza i jednostavna.

 

Dakle div s the_post_thumbnail pozadinom i onda bi unutra tog diva stavio drugi div koji bi vukao datum posta , stavio bi neku boju pozadine, s marginama ga podesio da bude na željenom mjestu...

 

Pa pitanje glasi: dal je moguće stavit kao pozadinu diva, featured sliku nekog posta?

 

hobi:moj-android.net
 
0 0 hvala 0
14 godina
offline
Wordpress - Featured image kao pozadina diva
ŽELJKO BJELIĆ JE LOPOV || ŽELJKO BJELIĆ JE LOPOV |
 
0 0 hvala 0
16 godina
neaktivan
offline
Re: Wordpress - Featured image kao pozadina diva

Isprobano već ranije i ne vuče sliku, dobijem prazan div.

hobi:moj-android.net
14 godina
offline
Re: Wordpress - Featured image kao pozadina diva

A da li to radiš u loopu? Di je taj div?

ŽELJKO BJELIĆ JE LOPOV || ŽELJKO BJELIĆ JE LOPOV |
13 godina
neaktivan
offline
Wordpress - Featured image kao pozadina diva

zašto jednostavno ne staviš u CSS-u background-image ?? a sa CSS3 možeš raditi prozirnost 

i tekst i svi drugi sadržaji idu preko toga 

Da li uopce treba znati sve odgovore na sva pitanja,da li uopce postoji pravi odgovor? Da li smo se mi spremni suociti sa istinom? Hocemo istinu,a da li ju mozemo podnijeti?
Moj PC  
0 0 hvala 0
14 godina
protjeran
offline
Wordpress - Featured image kao pozadina diva

<?php if(has_post_thumbnail($post->ID))
{

$image = get_the_post_thumbnail($post->ID);
}
else
{
$image = "url do neke defaultne slike";
?>
<div style="background-image: url("<?php echo $image;?>")"></div>

Tak' nešt'. Moš i definirati style u css i samo dodati background-image kao gore.

Ili sve lijepo piše:

http://codex.wordpress.org/Function_Reference/get_the_post_thumbnail

Ad astra peronospora
Poruka je uređivana zadnji put pet 12.10.2012 21:42 (Bypass).
 
0 0 hvala 0
14 godina
offline
Re: Wordpress - Featured image kao pozadina diva

To neće raditi. get_the_post_thumbnail ne vrati samo url nego cijelu <img> sintaksu.

ŽELJKO BJELIĆ JE LOPOV || ŽELJKO BJELIĆ JE LOPOV |
16 godina
neaktivan
offline
Re: Wordpress - Featured image kao pozadina diva
OriginalEXE kaže...

A da li to radiš u loopu? Di je taj div?

 

<?php

query_posts('showposts=1&cat=3');

while(have_posts()) : the_post();

?>

<div id="slika"

 

ovaj div bi trebao imat pozadinu slike iz posta.

 

</div>

 

 

<?php endwhile; ?>

 

 

 

Noxer kaže...

zašto jednostavno ne staviš u CSS-u background-image ?? a sa CSS3 možeš raditi prozirnost 

i tekst i svi drugi sadržaji idu preko toga 

pa da to mi je i bila ideja, ali ne znam kak stavit u cssu background na div , mislim znam stavit  , ali ak stavim <?php the_post_thumbnail, ne radi ništa, zato i pitam dal može css vuči sliku iz posta i postavit ju ko pozadinu

Bypass kaže...

<?php if(has_post_thumbnail($post->ID))
{

$image = get_the_post_thumbnail($post->ID);
}
else
{
$image = "url do neke defaultne slike";
?>
<div style="background-image: url("<?php echo $image;?>")"></div>

Tak' nešt'. Moš i definirati style u css i samo dodati background-image kao gore.

Ili sve lijepo piše:

http://codex.wordpress.org/Function_Reference/get_the_post_thumbnail

Već isprobano, cijelo popodne guglam i isprobavam i ne radi. probao sam i definirat u cssu i htmlu , ista stvar

hobi:moj-android.net
16 godina
neaktivan
offline
Wordpress - Featured image kao pozadina diva

riješeno u cssu s dva diva koja se preklapaju, tako da mi ne treba  background diva, jer samo ovaj div s tekstom stavim preko ovog diva sa slikom

 

hobi:moj-android.net
 
0 0 hvala 0
1
Nova poruka
E-mail:
Lozinka:
 
vrh stranice