DevProTalk

DevProTalk (http://www.devprotalk.com/index.php)
-   (X)HTML, JavaScript, DHTML, XML, CSS (http://www.devprotalk.com/forumdisplay.php?f=8)
-   -   Wordpress widget markup consulting :P (http://www.devprotalk.com/showthread.php?t=6014)

cvele 19. 08. 2008. 10:16

Wordpress widget markup consulting :P
 
Fancy naslov u sustini jednostavna molba :)

Treba mi mali help oko markupa za jedan WP widget koji radim. Widget se moze naci na adresi: http://wpfbb.ferdinand.rs/ (facebook slike u sidebar).

Trenutno se sve nalazi u obicnoj tabeli, a kroz admin panel je moguce dodavati kolone/redove etc. Limit slika koje se prikazuju se dobija kolona*red.

Daklem ono sto je meni potrebno je savet da li mozda ovo moze da se uradi lepse u vidu xhtml/css prikaza u sidebar

Dragan Babić 19. 08. 2008. 11:28

Naravno da moze, trebalo bi da markapujes sa neuredjenom listom, pogledaj ovo pa iskoristi tu tehniku ako zelis.

cvele 19. 08. 2008. 12:39

Simpa je fora, ali ne i bas primenljiva u mom slucaju. Slike su iste sirine ali ne i visine, tako da cela lista izgleda previse raspadnuto ;)

Eniac 19. 08. 2008. 12:59

uzmi secni slike tako da upadnu u tu velicinu... nesto kao flickr widget sto radi

cvele 19. 08. 2008. 13:15

hmmm ne :)

i ovako je veliki response time, a sad on the fly da resizujem slike ce samo da dodatno smanji brzinu

Trenutno wp prica sa mojom fb aplikacijom, moja aplikacija sa fb i na kraju moja aplikacija sa wp... tako hocu da izbegnem sto vise stvari koje ce usporiti rad

Milos Vukotic 19. 08. 2008. 13:46

A da odradis jedno primitivno "crop-ovanje" tako sto ces staviti slike kao background za div-ove koji imaju fiksne dimenzije, da se visak velicine ne vidi?
Potom preko toga razvuces jedan transparent 1px X 1px gif koji ce sluziti kao link.
Nesto ovako,
umjesto:
HTML kôd:

<div class="a">
<a href="..."><img src="tvoja_slika.jpg" /></a>
</div>

stavis
HTML kôd:

<div class="a" style="background:url(tvoja-slika.jpg) no-repeat center center">
<a href="..."><img src="gif_spacer.gif" width="..." height="..."></a>
</div>

Ovamo u definiciju klase .a stavis fiksne dimenzije i overflow:hidden.
Ovo je dosta grub primjer, ali je valjda poenta jasna :)

Dragan Babić 19. 08. 2008. 14:06

Croppuj slike i problem resen.

Dragan Babić 19. 08. 2008. 14:15

Evo ga primer sa croppovanim slikama na 75x75 piksela razlicitih velicina.

http://draganbabic.com/crap/image_gallery_cropped.html

Sad kad bi mogao da dodas klase za horizontalne i vertikalne orijentacije to bi moglo jos bolje da se uradi sa cropom iz centra, itd.

cvele 19. 08. 2008. 14:27

kropujem slike, ali da bih prevazisao prob. sa brzinom moracu da ih kesiram...

inace ima li ko zainteresovan da testira ovo dok razvijam?

trenutno radi prikaz i menjanje statusa (s'tim sto trebam da doradim da ako si ulogovan i gledas status widget mozes inplace da ga izmenis preko svog bloga)

ova widget galerija, fazon kod nje je sto povlaci i tagove pa ih ispisuje kao tooltip na slici.

jos jedna stvar je post notifikacije na mini-feed na fb, ova opcija je trenutno malo bagovita jer fb menja taj deo api-a kako bi ga prilagodio novom fb.

pored ispravljanja bugova testiranja isl, u planu je i full klasicna galerija.... dakle ono vidis kojih albuma ima, udjes u jedan... pregledas.. vratis se itd


Vreme je GMT +2. Trenutno vreme je 01:23.

Powered by vBulletin® Verzija 3.6.8
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Copyright © DevProTalk. All Rights Reserved.

Mišljenja, saveti, izjave, ponude ili druge informacije ili sadržaji nastali na Sajtu su vlasništvo onoga ko ih je kreirao, a ne DevProTalk.com, tako da ne morate da se oslanjate na njih.
Autori poruka su jedini odgovorni za ovakve sadržaje. DevProTalk.com ne garantuje tačnost, kompletnost ili upotrebnu vrednost informacija, stavova, saveta ili datih izjava. Ne postoje uslovi pod kojima bi mi bili odgovorni za štetu ili gubitak koji je posledica bilo čijeg oslanjanja na nepouzdane informacije, ili bilo kakve informacije nastale kroz komunikaciju između registrovanih članova.
Web sajt može sadržavati linkove na druge web sajtove na Internetu ili neke druge sadržaje. Ne kontrolišemo niti podržavamo te druge web sajtove, niti smo pregledali bilo kakve sadržaje na takvim sajtovima. Mi nećemo biti odgovorni za legalnost, tačnost ili prikladnost bilo kog sadržaja, oglasa, proizvoda, usluga ili informacije lociranim na ili distribuiranih kroz druge web sajtove, niti za bilo kakvu štetu nastalu kao posledica takvih informacija. DevProTalk.com drži i čuva druga prava vlasništva na web sajtu. Web sajt sadrže materijale zaštićene copyright-om, zaštitne znakove i druge informacije o pravu vlasništva ili softver. Članovi mogu poslatu informacije zaštićene pravima vlasništva njihovih nosilaca i ona ostaju zaštićena bez obzira da li su oni koji prenose te informacije to naveli ili ne. Osim informacija koje su u javnom vlasništvu ili za koje dobijete dozvolu, nemate pravo da kopirate, modifikujete ili na bilo koji način menjate, objavljujete, prenosite, distribuirate, izvršavate, prikazujete ili prodajte bilo koju informaciju zaštićenu pravima vlasništva. Slanjem informacija ili sadržaja na bilo koji deo DevProTalk.com, Vi automatski dozvoljavate i predstavljate garanciju da imate pravo da dozvolite DevProTalk.com ili članovima DevProTalk.com bespovratnu, kontinualnu, neograničenu, globalnu dozvolu da koriste, kopiraju, izvršavaju, prikazuju i distribuiraju takve informacije i sadržaje i da iz takvih sadžaja koriste bilo koji deo u bilo koje svrhe, kao i pravo i dozvolu da koriste gore navedene sadržaje. Svi zaštitni znakovi (trademarks), logotipi, oznake usluga, firme ili imena proizvoda koji se pominju na ovom web sajtu su vlasništvo kojim raspolažu njihovi vlasnici.