Plugin: List category posts - Cum să afișezi subtitlul sub miniatură

14 mar. 2012, 21:36:48
Vizualizări: 2.73K
Voturi: 1

Am încercat să afișez subtitlul sub miniatură folosind CSS, dar fără succes. Continuă să apară deasupra.

css:

.lcp_catlist {
    float:left;
    text-align:center;
}

.lcp_catlist li {
    display:block;
    float:left;
    width: 160px;
    height: 150px;
    margin-bottom: 10px;
}

div.project-title {
}

.project-thumb {
    float: left;
    padding: 3px;
}

shortcode-ul:

[catlist id=3 numberposts=20 orderby=title order=asc title_tag=div title_class=project-title thumbnail=yes thumbnail_class=project-thumb thumbnail_size=thumbnail ]

Din câte am înțeles, miniatura trebuie să fie într-un div pentru ca proprietatea float din CSS să funcționeze. Totuși, pluginul nu oferă opțiunea de a folosi thumbnail_tag. Există vreo soluție pentru a pune miniatura într-un div?

Nu sunt sigur dacă ajută, dar acesta este template-ul HTML pentru fiecare post:

<ul>
<li>
<div class="project-title">TITLUL POSTĂRII</div>
<div class="project-thumb">MINIATURA MEA</div>
</li>
</ul>`

Problema este că div-ul pentru imagine este în partea de jos, în timp ce div-ul pentru titlu este deasupra.

Chiar dacă am încercat să modific setările CSS, poziția rămâne aceeași. Nu pot schimba ordinea elementelor, deoarece aceasta este definită în nucleul pluginului.

Vă mulțumesc foarte mult pentru ajutor!

0
Toate răspunsurile la întrebare 2
0

după o întreagă noapte de căutări pe Google și teste, am rezolvat problema folosind șablonul List Category Posts. Tot ce am făcut a fost să creez un alt șablon (pe baza celui oferit de plugin) într-un folder din directorul temei mele. Apoi am editat codul plasând codurile pentru afișarea imaginilor în miniatură deasupra codurilor pentru titlu și, violă!, funcționează perfect.

mulțumesc Sol pentru încercarea de a mă ajuta. Chiar apreciez asta. ^^

15 mar. 2012 18:19:53
4

te rog fie să postezi URL-ul, fie să te uiți în codul sursă al paginii și să postezi codul HTML real, astfel încât să putem vedea structura

14 mar. 2012 23:08:15
Comentarii

este pe localhost-ul meu, deci nu pot să-l afișez.

dar iată o captură de ecran: http://img52.imageshack.us/img52/7974/23615186.jpg

și iată CSS-ul meu pentru el: http://pastebin.com/A9fF3AFw

Iya Iya
14 mar. 2012 23:50:21

Nu sunt sigur dacă asta va ajuta, dar acesta este șablonul HTML pentru fiecare post:

<ul> <li> <div class="project-title"><a href="my_link">Eniro Cinderella</a></div> <div class="project-thumb"><a href="my_link"><img width="150" height="120" src="my-image.jpg" class="attachment-thumbnail wp-post-image"></a></div> </li> </ul> problema este că div-ul pentru imagine este în partea de jos în timp ce div-ul pentru titlu este deasupra.

chiar dacă am experimentat cu setările CSS, pare să rămână în acea poziție. totuși, nu le pot schimba locurile deoarece asta face parte din nucleul plugin-ului.

Iya Iya
15 mar. 2012 01:27:48

Nu am văzut nicio referință la wp-caption în exemplul tău, așa că este dificil să depanez fără a vedea codul efectiv. Cu toate acestea, ca sugestie, de ce nu creezi o galerie simplă într-o pagină WP, apoi folosești firebug pentru a analiza codul și să-l copiezi?

SolaceBeforeDawn SolaceBeforeDawn
15 mar. 2012 03:57:54

Mă bucur că ai rezolvat și mulțumesc pentru votul pozitiv!

SolaceBeforeDawn SolaceBeforeDawn
16 mar. 2012 03:50:55