Obrázek na pozadí horizontální čáry (HR) bez obalového prvku v IE

Rád bořím mýty a hraju si s kaskádovými styly. Dnes jsem si při čtení dávno zaprášených záložek přečetl u Marka Prokopa a Petra Václavka, že se jim v IE nepodařilo zbavit se otravného borderu kolem prvku <hr> tak, aby mohli na pozadí umístit obrázek nějakého jiného, elegantnějšího oddělovače. Já řešení znám.

Chci hezkou čáru, chci ji sémanticky a prakticky

Jde o tohle: máte několik odstavců, které od sebe chcete mít oddělené nějakým hezkým ornamentem či ozdobnou čárou. Zároveň však máte rádi sémantiku a uživatele textových prohlížečů a chcete tedy, aby tyto odstavce byly ve zdrojovém kódu odděleny prvek <hr>. Jaké máte možnosti?

  1. Pokusit se nastylovat prvek <hr> tak, aby měl patřičnou výšku a na pozadí zobrazoval žádaný ornament. Toto je samozřejmě to nejsémantičtější i nejpraktičtější řešení.
  2. Ornament zobrazit pomocí background-image na spodek odstavce, kterému nastavíte větší padding-bottom. Vodorovnou čáru, tedy prvek <hr>, skryjete pomocí display: none.
  3. Vzhledem k tomu, že se vám nepovede realizovat bod jedna, obalíte <hr> prvkem <div>, kterému nastavíte ornament na pozadí, a prvek <hr> skryjete pomocí display: none.

Jak na to půjdou jednotliví kodéři?

  • Začínající kodér či kodér ignorující sémantiku dokumentu použije prvek <div> a na nějaké <hr> se vykašle.
  • Pokročilejší kodér, který už jednu či dvě stránky vytvořil, se pravděpodobně pokusí o bod 2.
  • Kodér-hračička, který chápe kodéřinu jako tvůrčí činnost a ne jako pouhé řemeslo, se bude trápit a pokoušet se o bod 1.
  • Kodér-mazák, profík, stroj na layout, se pravděpodobně uchýlí rovnou k řešení 3, protože ví, že trápení se s bodem 1 už mu kdysi v minulosti přidalo pár vrásek.

Kde je problém?

Můžete se ptát, co je tak obtížného na splnění bodu jedna. V tom případě se podívejte na ukázku.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<title>Obrázek na pozadí prvku HR</title>
<style type="text/css">
hr {
        border: none;
        background: url('obrazek.gif') center center no-repeat;
        height: 15px;
}
</style>

<p>Lorem ipsum...</p>
<hr>

<p>Lorem ipsum...</p>
<hr>

<p>Lorem ipsum...</p>

Pokud jste ukázku otevřeli v nějakém moderním prohlížeči, například Firefoxu, Opeře či Safari, vidíte zamýšlený výsledek. Odstavce jsou odděleny třemi čtyřlísky, které jsem si vypůjčil od Marka Prokopa. Pokud jste však použili libovolnou verzi Internet Exploreru (ano, včetně IE7!), vidíte kolem ornamentu okraje čáry i přes to, že pro prvek <hr> jsem ve stylopisu nastavil border: none;

V tomto okamžiku svorně krčí rameny jak Marek Prokop, tak Petr Václavek. Prý řešení neexistuje.

A just existuje…

… byť maličko krkolomné. Ne však pro někoho, kdo si potrpí na čisťounkém a snadno použitelném markupu a kdo nechává veškerou „špinavou“ práci na kaskádových stylech. Po chvilce zkoušení zjistíte, že když nastavíte vlastnost color tak, aby se rovnala barvě pozadí, rámeček zmizne. S ním však i obrázek na pozadí – tudy tedy cesta nevede, ale zato víte, že to, co se zdálo být rámečkem, je ve skutečnosti obsahem (!) prvku <hr>. Napadne vás tedy prubnout záporný text-indent a tento obsah vysunout pryč z obrazovky. To se povede, bohužel obsah s sebou „záhadně“ (vysvětlení je složitější) vezme i obrázek na pozadí. Další slepá ulička, připadáte si jako Jára Cimrman a naštvaně mažete celý zdroják.

Takhle nějak si představuji, že skončily veškeré předchozí pokusy. Možná se ještě někdo porozhlédl po internetu a zjistil, že existují nepraktická řešení využívající CSS vlastnosti clip (čára musí být absolutně pozicovaná) nebo filtrů (obsah redukován na 1×1 pixel, nelze tedy na čáru například aplikovat border, background-color nebo opakovat vzorek na pozadí). Možná tato řešení použil a dosáhl tak nejvýš pyrrhova vítězství, které však postrádalo eleganci či praktičnost. Co jsem tedy vymyslel já?

Využití nestandardní vlastnosti zoom

Možná víte, že Internet Explorer dostal do vínku od své pětapůlté verze vlastnost zoom, která umožňuje jednotlivé prvky na stránce libovolně zvětšovat a zmenšovat. Když vám nyní řeknu, že rámeček obsahu <hr> je široký pouhopouhý jeden pixel a že Internet Explorer umí jakž takž správně zaokrouhlovat, možná vás to už trkne.

Stačí pomocí vlastnosti zoom zmenšit čáru na méně než polovinu (v praxi je nejvyšší funkční hodnota 40% původní velikosti) a šířka rámečku kolem obsahu se zaokrouhlí na nulu. Nebudu vás napínat – funguje to. <hr> má navíc jednu příhodnou vlastnost – ať už ji zoomnete jakkoliv, vždy zachovává nastavenou šířku!

Co je pro to v praxi třeba udělat?

  1. Vzít původní obrázek na pozadí, zvětšit jej na čtyřnásobek (doporučuji pracovat se zoom: 25%) a uložit ho pod jiným názvem.
  2. Přidat do dokumentu podmíněný komentář, kterým přilinkujete speciální stylopis pouze pro Internet Explorery. Vlastnost zoom je samozřejmě nevalidní, nehyzděte jí svůj hlavní stylopis.
  3. V tomto speciálním stylopisu nadefinovat nový styl pro čáru, který se od toho původního bude lišit už zmíněnou vlastností zoom, čtyřnásobě velkým obrázkem na pozadí, dále nastavenou čtyřnásobnou výškou (height) a pokud používáte nějaké ohraničení čáry, tak i jeho čtyřnásobnou šířkou.

Výsledek by mohl vypadat nějak takto:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<title>Obrázek na pozadí prvku HR</title>
<style type="text/css">
hr {
        border: none;
        background: url('obrazek.gif') center center no-repeat;
        height: 15px;
}
</style>

<!--[if lte IE 7]>
<style type="text/css">
hr {
        background-image: url('ctyrnasobne-velky-obrazek.gif');
        height: 60px;
        zoom: 25%;
}
</style>
<![endif]-->

<p>Lorem ipsum...</p>
<hr>

<p>Lorem ipsum...</p>
<hr>

<p>Lorem ipsum...</p>

Druhý odkaz ukazuje, že moje řešení dává kodérovi možnost s takto nastylovanou čárou dále pracovat a upravovat ji.

Závěrem…

Není to úplně ideální způsob, ale osobně jej pokládám za první opravdu použitelný – ten jeden obrázek navíc mně osobně za ten efekt stojí. Nejsem si vědom toho, že by na něco podobného přišel někdo přede mnou, ale pokud tomu tak opravdu je – nebo pokud znáte lepší a čistější řešení – prosím, odkažte na ně v komentářích. Příště vám možná ukážu, jak se v IE zbavit toho otravného marginu-nemarginu nad a pod čárou a jak tedy clearovat bez zbytečného vertikálního rozestupu.

Komentáře k tématu vítány.

14. 10. 2006, 16.08 | (X)HTML, CSS, Prohlížeče.


73 komentářů k “Obrázek na pozadí horizontální čáry (HR) bez obalového prvku v IE”

  1. Jozef Benko říká:

    2. Lepšie riešenie som ešte nevidel. Gratulujem.

    Ale škoda, že IE/Mac nepodporuje vlastnosť zoom.

    14. 10. 2006 v 16.28

  2. Dero říká:

    3. Jozef: Ano, je to škoda. Stejně tak je škoda, že jej nepodporuje IE5.0 – ale uživatelé těchto zastaralých prohlížečů už jsou zvyklí na vykreslování, které rozhodně není perfektní.

    Pokud jde o estetickou záležitost, myslím, že není bezvýhradně třeba lpět na identickém vykreslování i v těchto obstarožních prohlížečích, není-li to jednoduše možné.

    14. 10. 2006 v 16.33

  3. Vilém Málek říká:

    4. Velmi pěkná práce. Myslím, že by tento návod zasloužil překlad a publikování v angličtině -)

    14. 10. 2006 v 17.21

  4. Vilém Málek říká:

    5. Někde mi vypadl středník ;-)

    14. 10. 2006 v 17.22

  5. Vilém Málek říká:

    6. Nějak mi ty komentáře nefungují, že by (mo)mentální výpadek? ;–(

    14. 10. 2006 v 17.23

  6. Lopo říká:

    7. Mozna se mi to zda, ale je prvni kvitecek trochu vic zprava oriznut nez jeho zvetsenina?

    14. 10. 2006 v 17.43

  7. habendorf říká:

    8. Tohle jsme asi před dvěma měsíci řešili s Plaváčkem. Zkoušeli jsme, zda by pro klasický image replacement nešlo použít hr namísto prázdného spanu. Řešil jsem to stejně jako ty, v tom problém vůbec nebyl. Ukázal se ale jiný problém – IE nedokáže vykreslit hr vyšší než 100px. Částečným řešením je hr otočit na výšku, pak ale zas nebude širší než 100px :o)

    Takže jediná možnost je právě zoom, ale v protisměru – tím se těch 100px přelézt dá, jenže IE začně zvětšovat i obrázek na pozadí. A uznej, že reprezentativní obrázek v headeru stránky prostě nejde zmenšit, uložit a pak roztahovat zoomem.

    Dal jsem tehdy dohromady tuším čtyři různá řešení, ale ani jedno nebylo úplně 100%. A pak jsem to naštvaně všechno smazal :o)

    No a pak jsem změnil ICQ klienta a přišel tak o historii té debaty s Plaváčkem, takže už si to nemůžu ověřit a paměť slábne :o). Ale on by to třeba někde dohledal…

    14. 10. 2006 v 18.34

  8. Jan Rozehnal říká:

    9. Hezká práce, Dero a zároveň dík za pomoc, zrovna tu něco podobného řeším. S tímhle prvkem už jsem se navztekal…

    14. 10. 2006 v 19.30

  9. Ošklivý sup říká:

    10. Hm, obdivuju lidi co mají čas a chuť si s tím takhle vyhrát. Když pak člověk sedí nad nějakou prací tak většinou nemá chuť řešit podobné blbosti buhví jak dlouho na úkor práce.

    Jen otázka: Vy někdo dáváte mezi odstavce čáru? Já jsem se s tímhle problémem taky potkal, ale většinou při odělování nějakých prvků (bloků) které byly graficky nějak oddělené a bylo dobré je oddělit i bez stylů. Ale odstavec sem ještě čárama neodděloval :-)) Tady bych se spíš naopak přikláněl k tomu, že ta čára je čistě grafický prvek patřící do stylu, žádné HR ale pěkně jen na pozadí P.

    14. 10. 2006 v 19.55

  10. Dero říká:

    11. [3] Děkuji, Viléme, na překlad však v současné době nemám čas, takže trik pravděpodobně zůstane znám jen v kotlině české. :o)

    [8] Rádo se stalo, Honzo.

    [9] Mezi jednotlivé odstavce čáru většinou nedávám a případné ornamenty řeším, jak říkáš, přes obrázek na pozadí. Mezi soustavy odstavců, kapitoly či jiné logické bloky však už ano – a v takovém případě přichází na řadu tento trik.

    14. 10. 2006 v 19.59

  11. Michal Till říká:

    12. Aaaaah, to jsem řešil asi před měsícem, škoda že jsem Tvoje řešení neznal. Byl jsem blízko, ale nechtěl jsem se pouštět do takových tweaků pro IE.

    14. 10. 2006 v 20.52

  12. gwh říká:

    13. Tohle je na webdesignu krásné. Hledání nemožného, hledání atlantidy. Přestavte si, že by IE stránky vykresloval správně, kde by pak byly tyto články?

    No dobře, asi by nám vše bylo líp a ušetřili bychom spoustu času, ale stejně… Nekamenujte mě. :-)

    Krásná práce, Dero.

    14. 10. 2006 v 21.15

  13. moskyt říká:

    14. pouzivam reseni 3, ale ten zoom vypada dobre… dik za tip :)

    btw. taky by me ale zajimalo proc ma ten prvni zeleny kvitek useklou pravou cast… je to videt na obou samplech…

    14. 10. 2006 v 21.49

  14. SneakerXZ říká:

    15. Má to tu nevýhodu, že když přiblížím v IE tak to udělá zas ten efekt jako bez opravy.

    14. 10. 2006 v 21.49

  15. Dero říká:

    16. [14] Jak „přiblížím“?

    14. 10. 2006 v 22.01

  16. Bubák říká:

    17. Pravděpodobně SneakerXZ taky používá bookmarklet na zoom: javascript:void(document.body.style.zoom=‚200%‘)

    14. 10. 2006 v 22.15

  17. Dero říká:

    18. [16] Díky za vysvětlení. Popravdě mne nenapadlo, že by někdo mohl používat něco podobného – spíš bych čekal, že takoví uživatelé budou holdovat Opeře.

    Na věci to nic nemění, bookmarklety s sebou přinášejí různá překvapení – tohle je jedno z těch méně příjemných. Kdyby někdo chtěl mermomocí přizpůsobit trik i dvojnásobnému zvětšení, musel by v příkladu zaměnit 25% za 20%, veškeré další hodnoty by potom nebyly větší čtyřikrát, ale pětkrát.

    14. 10. 2006 v 22.19

  18. VfB říká:

    19. No když tak na to koukám, napadá mně že použít div nebo span obsahující odělovací čáru v ASCII (x krát tečky, čáry, či cokoliv nadlšího) nebode nakonec menší zlo něž používání takovýchto složitých konstrukcí

    15. 10. 2006 v 8.26

  19. SneakerXZ říká:

    20. Mám IE7 podržím CTRL a scrolluju.

    15. 10. 2006 v 14.53

  20. MiSHAK říká:

    21. Koukám a koukám :)

    15. 10. 2006 v 22.32

  21. Jan Brašna říká:

    22. Před cca dvěma roky jsem se s tím taky pral, nakonec mi ruply nervy a pro IE jsem tehda vymyslel nějakou strašnou expression která modifikovala DOM a něco někam vkládala a odstraňovala… hrůza… a pak to asi raši zahodil, protože IE stejně čas od času nesmyslně chyboval nebo ten strom interpretoval špatně… ;)

    15. 10. 2006 v 23.58

  22. Petr Vaclavek říká:

    23. Gratuluji Dero, je videt ze mas vetsi trpelivost nez ja :)

    16. 10. 2006 v 9.28

  23. noname říká:

    24. no, nevím jak vy, ale já HR používám pouze pro oddělování logických bloků – menu od obsahu, obsah od hlavičky atp. základní css vlastností hr bývá u mě něco jako clear: both a visibility:hidden – mají význam pouze a čistě v tom případě, kdy má člověk CSS vypnuté

    Potřebuji-li horizontální čáru v ostylovaném dokumentu, dělám to nastavováním border nebo background (top/bottom) daných prvků. Tj. když budu potřebovat oddělit třeba jednotlivé články blogu, tak prostě nastavím nějaký border-top či background: top divu, ve kterém je perex článku, nebo jestli nepoužívám divy, tak třeba H2, který je nadpisem toho daného článku.

    Vždycky mi to naprosto vyhovovalo, nikdy nebyla potřeba to dělat jakkoliv jinak, nemám v html bezvýznamové hr, nemusím používat různé podobné nesmyslné konstrukce.

    Nicméně uznávám, je to zajímavé, i když to nikdy nepoužiju ;)

    16. 10. 2006 v 15.40

  24. Zdeněk Košťál říká:

    25. [12] gwh: když by prohlížeče byly dokonalé, kodéřina by byla nuda, radujme se že můžeme řešit takové příklady obludnými konstrukcemi… to je to krásné… kdyby mi fungovalo všechno co napíšu a nemusel mlátit hlavou o stůl, fakt by mě to nebavilo… jinak dero gratuluji k takovému výbornému postupu, já se s tím zkoušel prát a zkoušel jsem variantu číslo 1 ( i když mi bylo jasné, že to nepůjde, ale byla to holt výzva) a nakonec jsem toho nechal… hmm a co kdyby přece jen ta jednička šla? je to výzva….

    18. 10. 2006 v 22.17

  25. MzK říká:

    26. Dobrá práce. Díky

    26. 10. 2006 v 14.24

  26. Miro K. říká:

    27. Ja by som si predstavoval riešenie 4: nahlásiť Microsoftu, že border:none u hr v MSIE nefunguje a do týždňa vydajú patch, kde to už fungovať bude :-)

    .. inak ja mám zase problém v MSIE s prekrývaním prvku <select> .. keď niečo prekresľujem nad ním (menu), tak nezostane na pozadí. Zatiaľ som to „vyriešil“ skrývaním celého <select>-u cez display:none, ale tiež sa mi to nepáči. Nepoznáte niekto na to lepšiu fintu?

    13. 12. 2006 v 11.14

  27. p říká:

    28. „Příště vám možná ukážu, jak se v IE zbavit toho otravného marginu-nemarginu nad a pod čárou a jak tedy clearovat bez zbytečného vertikálního rozestupu.“

    Prosim, prosim, prstickem hrabu, uz aby to bylo :)

    13. 12. 2006 v 15.04

  28. mirecekp říká:

    29. a jak by ste to udelali kdybyste nemeli moznost zasahnout do html struktury stranky poze v css

    8. 1. 2007 v 14.56

  29. witamin říká:

    30. hele kde sis zalozil tenhle svuj blog????????napis mi tu stranku jestli j eot vubec blog

    14. 1. 2007 v 12.57

  30. Pavel Richter říká:

    31. Díky moc, opravdu jsi mi vytrhl trn z paty, neuvěřitelný řešení… Díííky

    25. 1. 2007 v 10.19

  31. Jako říká:

    32. no nevim kdo to bude pouzivat.

    17. 4. 2007 v 20.59

  32. Sisushka říká:

    33. Dakujem, skvele riesenie. It works like a charm :-)

    30. 12. 2007 v 1.59

  33. ziki říká:

    34. díky moc, je to super.. koho by to napadlo

    11. 2. 2009 v 16.25

  34. fireball_ říká:

    35. Pěkné řešení :), obdivuji tvoji trpělivost :-D

    Osobně používám variantu „mazáckou“ vylepšenou tak, že se mi obalující div vkládá přes js. Dosáhnu stejné sémantiky jako ty a to bez trápení ;-)

    9. 7. 2009 v 17.04

  35. Martin Žaloudek říká:

    36. V IE8 mi to bohužel nefunguje. :( Ach jo, už aby někdo ty Microsofty převálcoval.

    10. 7. 2009 v 17.50

  36. power leveling wow říká:

    37. BUY wow power leveling

    17. 9. 2009 v 2.46

  37. power leveling wow říká:

    38. CHEAP wow gold cheapest wow power leveling

    17. 9. 2009 v 6.47

  38. power leveling wow říká:

    39. cheap wow gold

    18. 9. 2009 v 4.05

  39. power leveling wow říká:

    40. MY wow power leveling

    18. 9. 2009 v 4.19

  40. dsdf říká:

    41. <h1>tiffanychina iphonewholesale fashion</h1>

    31. 12. 2009 v 3.24

  41. dsdf říká:

    42. <h1>buy shoesiphone 3gs wholesale无为人生</h1>

    31. 12. 2009 v 3.25

  42. replica gucci handbags říká:

    43. replica bagsdfdfdfsd

    1. 3. 2010 v 7.54

  43. sdf říká:

    44. sdfzumba dvd wholesale wholesale boots wholesale nfl

    1. 3. 2010 v 10.07

  44. sdf říká:

    45. wholesale MAC Blush</br>sdfdsf wholesale MAC Eyeshadow</br> sdf wholesale MAC Brow pencil</br>

    3. 3. 2010 v 8.59

  45. ewr říká:

    46. Wangshanghai, a woman of the favorite shopping sites, counter skin care, skin care products purchased direct, popular cosmetics, makeup, perfume, jewelry, apparel, accessories, shoes, bags, mother and child, body care, household products, fine straight purchase, home appliances , online sea, online shopping, mall, online boutique, network transactions 网上购物 美白 To recommend

    10. 3. 2010 v 9.15

  46. fdf říká:

    47. ddfdsfdsfdksfl kdfkdlkfdskfldsk; dkfdkfdsl;f;dkfdskfldf;dskl;fkldsfkdls;

    13. 3. 2010 v 0.29

  47. fdf říká:

    48. why raooody ?????

    13. 3. 2010 v 0.31

  48. Dollar Items říká:

    49. You will love it! China wholesale! Aluminum garlic press Aluminum nut sheller Aluminum nutcrack

    29. 3. 2010 v 9.10

  49. true religion říká:

    50. Pandora Jewelry tiffany necklace true religion tiffany rings

    31. 3. 2010 v 4.36

  50. lady bags říká:

    51. golf bags

    handbags lady bags golf bags

    9. 4. 2010 v 4.58

  51. replica watches říká:

    52. watches replica
    replica Tiffany Rings watches
    replica Montblanc watches<BR

    26. 4. 2010 v 6.19

  52. Fashion Review Today říká:

    53. Tennis Shoes but also offer the necessary thrust

    28. 4. 2010 v 2.14

  53. shox r4 říká:

    54. We look forward to your company becoming one of our respected customers, and would appreciate any of your inquiries and sincerely hope to enjoy a fruitful long-term business relationship cheap gucci shoes gucci shoes high womens gucci shoes with clients from all over the world to share in the mutual benefits. Please go through our complete product catalog and company profile to visit more products.

    9. 5. 2010 v 16.14

  54. jersey říká:

    55. Obrázek na pozadí horizontální čáry (HR) bez obalového prvku v IE I've been to China travel, in my opinion chinese people are very freidly, and i especially like the city of beijingshenzhen, i have a friend from china, i ike her blog discount china, now she is in Jewish, just now, she send me a Jewish Directory website, i think the it is very useful.

    10. 5. 2010 v 3.22

  55. Herve Leger Dresses říká:

    56. herve leger bandage dress
    Herve Leger Dresses
    herve leger

    11. 5. 2010 v 9.35

  56. china wholesale Computer Peripheral říká:

    57. <p> china wholesale Connector Blush</br> china wholesale Laptop Accessories Eyeshadow</br> dfg china wholesale Computer Peripheral </br>dfg</p>

    12. 5. 2010 v 9.34

  57. ALange Sohne říká:

    58. This might sound insane to you but in the interests of the book I felt I had to try it. And of course it helps that DrTiffany Bangles. LookGood has promised me my stomach will be flat for the rest of my life.Baltimore Ravens This is extremely good news for someone who has suffered from a pot belly since the age of nine andcheap five fingers shoes whose body has been ravaged by three children and industrial quantities of pasta.Audemars Piguet

    18. 5. 2010 v 8.55

  58. jewellery earrings říká:

    59. nderfake juicy couture armour<a

    10. 6. 2010 v 5.21

  59. ugg boots sale říká:

    60. really love your website,I really love your website, it's so useful, i'm just sharing for my friends！Strong winter weather is hitting most of the United States right now. Many of the states that are not used to seeing even the slightest amount of snow, are being bombarded with strong winter weather. If you want to keep warm in this winter you might try adding some boots to your inventory likeUGG boots on sale,ugg boots,ugg boots sale,Very practical.

    11. 6. 2010 v 13.27

  60. Replica Handbags říká:

    61. or . and other as Replica Louis Vuitton HandbagsReplica Chanel Handbags

    13. 6. 2010 v 17.58

  61. final fantasy xi gil říká:

    62. Do you know ffxi gil?if you play the online game,you will know final fantasy gil is the game gold. In the game,if you had more final fantasy xi gil,you will had a tall level. Quickly come here.

    25. 6. 2010 v 5.15

  62. guccihandbags říká:

    63. yongyuan

    30. 6. 2010 v 4.47

  63. Express Life říká:

    64. Wow, thank you for the info. I really like your writing style. I finally discovered this information by searching on Google, I really didn’t think I was going to find my answer, but I did. Thanks again for your help!Seo Technical Bar Products Party Dancing Fun Ecommerce Fulfillment

    1. 7. 2010 v 6.27

  64. replica watches říká:

    65. so nice!

    10. 7. 2010 v 2.44

  65. abercrombie london říká:

    66. abercrombie & fitch london

    17. 7. 2010 v 14.34

  66. binoculars říká:

    67. http://www.eyeskey.com cunjin001

    19. 7. 2010 v 10.41

  67. road sweeper říká:

    68. http://www.savi-crane.com cunjin001

    19. 7. 2010 v 10.43

  68. vansci123 říká:

    69. so nice!

    23. 7. 2010 v 3.01

  69. ciphone c5 říká:

    70. support you!

    23. 7. 2010 v 9.46

  70. lv-sales říká:

    71. LV and future generations,louis handbags not merely those who presently louis bag wallet wish to gain advantage for themselves.

    24. 7. 2010 v 3.31

  71. Vibram Five Fingers říká:

    72. I totally love this article. I think you could write some other things to make your blog more complete.For example： christian louboutin shoes uk louboutin boots

    26. 7. 2010 v 8.19

  72. hollister říká:

    73. hollisterbootboot

    26. 7. 2010 v 11.07

  73. Baby Carriers říká:

    74. power balance

    28. 7. 2010 v 3.22

Zanechte komentář





Můžete použít Texy! formátování.
Pokud se obsah boxů níže mění, zatímco píšete, potom žádné číslice nevyplňujte. V takovém případě antispam funguje, pouze se prohlížeči nepovedlo skrýt tento box.