Jak dostat do sablony opakujici se obrazky?
13. lis 2012 11:27 #99858
Odpověď od Cony

Moderátor
Ono to ale bylo jen na pár minut, protože jsem tomu už v minulosti věnoval hodiny, dny a roky
Nejlíp se to naučíš, když budeš zkoušet a pořád něco dělat. Zjistíš u čtvrtý, pátý šablony že bys věci u té první dělal uplně jinak a lépe.
A pokud ti jde u šablon o rychlost, zahoď všechny předvytvořené a udělej si vlastní od začátku. Ty kupované jsou obvykle tragicky složité a obsahují CSS a skripty i pro věci které třeba na stránkách vůbec nepoužíváš.

A pokud ti jde u šablon o rychlost, zahoď všechny předvytvořené a udělej si vlastní od začátku. Ty kupované jsou obvykle tragicky složité a obsahují CSS a skripty i pro věci které třeba na stránkách vůbec nepoužíváš.
13. lis 2012 11:39 #99859
Odpověď od radek
Zkušený uživatel
No jo, tak to je prave to, co jsem nechtel slyset:)- No ale aspon ted uz vim treba jak zmenit barvy atd. Ja toto nikdy ani nechtel umet.
Jinak ke kupovanych sablonam. Nejde si delat vlastni. Mam plno prace s weby, ktery delam (vsecko mam jako konicka) atd. a jeste se do toho ucit programovat atd. to fakt nejde. Navic pokud bych se to i nejak naucil, tak bych si treba nejak sablonu poupravil, pak to dyl nedelal a pak ihned zapomnel. Takze az by bylo potreba neco menit, tak bych se musel ucit zase vse znova.
Jinak jsem si ale vsiml, ze to pouziva nejaky obrazky, ktery ani v mym template nepouzivam. Rikal jsem si, ze je odtud smazu, ale zase nevim, jestli by to pak nebylo jeste pomalejsi, protoze bych na ne nemazal odkazy z kodu, ale jen fyzicky ty obrazky. Takze by to pak hledalo obrazky, ktery tam nejsou. Tak jsem to nakonec nechal tak a nejhorsi je, ze az jsem ted ten web predelal, tak stara sablona je jeste rychlejsi, nez ta nova, ale jen v tom prvnim nacteni. Pak je rychla ta nova, ale kdo bude cekat 10s, nez se nacte poprvni stranka.
NAvic pouzivam rozsireni od Rockettheme a ty zase maji nejaky svoje tridy, ktery si to bere z sablony. Jinak vypadaji hrozne. Takze bych se pak muzel naucit predelavat jeste ty rozsireni a kdyz bych toto vse umel, tak si muzu rovnou otevrit firmu na predelavani techto veci, protoze bych je musel vsecky umet. A po tom netouzim.
Jinak ke kupovanych sablonam. Nejde si delat vlastni. Mam plno prace s weby, ktery delam (vsecko mam jako konicka) atd. a jeste se do toho ucit programovat atd. to fakt nejde. Navic pokud bych se to i nejak naucil, tak bych si treba nejak sablonu poupravil, pak to dyl nedelal a pak ihned zapomnel. Takze az by bylo potreba neco menit, tak bych se musel ucit zase vse znova.
Jinak jsem si ale vsiml, ze to pouziva nejaky obrazky, ktery ani v mym template nepouzivam. Rikal jsem si, ze je odtud smazu, ale zase nevim, jestli by to pak nebylo jeste pomalejsi, protoze bych na ne nemazal odkazy z kodu, ale jen fyzicky ty obrazky. Takze by to pak hledalo obrazky, ktery tam nejsou. Tak jsem to nakonec nechal tak a nejhorsi je, ze az jsem ted ten web predelal, tak stara sablona je jeste rychlejsi, nez ta nova, ale jen v tom prvnim nacteni. Pak je rychla ta nova, ale kdo bude cekat 10s, nez se nacte poprvni stranka.
NAvic pouzivam rozsireni od Rockettheme a ty zase maji nejaky svoje tridy, ktery si to bere z sablony. Jinak vypadaji hrozne. Takze bych se pak muzel naucit predelavat jeste ty rozsireni a kdyz bych toto vse umel, tak si muzu rovnou otevrit firmu na predelavani techto veci, protoze bych je musel vsecky umet. A po tom netouzim.
13. lis 2012 14:04 #99863
Odpověď od radek
Zkušený uživatel
Jeste prosim te jedna vec. Slo by nejak jednoduse udelat, aby ten prostor pro logo byl uplne pres celou sirku a byl resen obrazkem? Ja tam zkusil dat dlouhej obrazek, ale on se ukazuje jen v tom svetlym prostoru nahore pres sirku webu. I kdyz jsem ho v CSS souboru prepsal na 2000px. Jde o to, jestli to treba neni nejakej velkej zasah do sablony, pokud by se to nejak nekde muselo prepsat a pak taky, aby to neudelalo neco s sirkou webu dole. Pod tim rozdelenim, co delaji ty barvy. Nevim jak to lip napsat.
13. lis 2012 17:01 #99875
Odpověď od Cony

Moderátor
Nejsem si úplně jistej, jestli jsem to pochopil. Pokud jde o roztažení loga na šířku středního sloupce tak je to v dark.css na řádku 65 změnit width: 500px; na width: 100%;
Pokud by mělo logo (obrázek) být přes celo šířku prohlížeče, chtělo by to už upravit index.php - div#header dát ven z div#wrapper
Pokud by mělo logo (obrázek) být přes celo šířku prohlížeče, chtělo by to už upravit index.php - div#header dát ven z div#wrapper
13. lis 2012 19:41 #99888
Odpověď od radek
Zkušený uživatel
No tezko se to vysvetluje. Nechce se mne to ale kreslit. Takze to zkusim uplne jinak.
Proste ted kdyz se podivas, tak je pres celou sirku prohlizece nahore takovej cca 3-4cm dlouhej pruh (na barvy ted zapomen). No a me napadlo, co misto toho pruhu dat obrazek, kterej by byl cca 2000px sirokej.
Uz jsem ho tam zkousel dat. Nastavil jsem nekde ty 2000px, umistil ho do mista loga, ale on se tam ukazuje jen v tom prostredku (horni pruh - to tmavy, sirku stranky). Umistil se samozrejme od levyho horniho rohu toho tmavyho a ty dva tisice pixelu jsou pak smerem od toho bodu doleva. Ja bych ho chtel proste nacpat nahoru po cele delce toho pruhu. Nevim, kam ho dat do toho CSS. zkjousel jsem tam dat i modul, ale ten se zase zobrazi pouze na sirku stranky.
ZKusim to jen nacmrknout narychlo a dam to sem.
Proste ted kdyz se podivas, tak je pres celou sirku prohlizece nahore takovej cca 3-4cm dlouhej pruh (na barvy ted zapomen). No a me napadlo, co misto toho pruhu dat obrazek, kterej by byl cca 2000px sirokej.
Uz jsem ho tam zkousel dat. Nastavil jsem nekde ty 2000px, umistil ho do mista loga, ale on se tam ukazuje jen v tom prostredku (horni pruh - to tmavy, sirku stranky). Umistil se samozrejme od levyho horniho rohu toho tmavyho a ty dva tisice pixelu jsou pak smerem od toho bodu doleva. Ja bych ho chtel proste nacpat nahoru po cele delce toho pruhu. Nevim, kam ho dat do toho CSS. zkjousel jsem tam dat i modul, ale ten se zase zobrazi pouze na sirku stranky.
ZKusim to jen nacmrknout narychlo a dam to sem.
13. lis 2012 21:17 #99898
Odpověď od Cony

Moderátor
Ok, správný místo je řádek 17 tam dej něco jako
Obrázek hlavicka.jpg nahraj do images v šabloně a udělej ho dostatečně široký. Možná by stálo za to vestylu nahradit transparent za nějakou konkrétní barvu (třeba #320600 kterou máš na pozadí) a obrázek udělat po stranách doztracena do této barvy, nebo jako png a do ztracena do průhledna - aby to i na ultra širokým monitoru vypadalo k světu.
Pak ještě pozadípod hlavním sloupcem na řádku 55 změň
na
a pak třeba můžeš ještě přidat nějaké pravidlo pro hlavičku na řádku 66
a dál a dál
Code:
.background {
background: transparent url("../images/hlavicka.jpg") center top no-repeat;
height: 130px;
position: absolute;
width: 100%;
}
Pak ještě pozadípod hlavním sloupcem na řádku 55 změň
Code:
.s-c-s #col1pad, .s-c-x #colright, .x-c-s #colright, #wrapper, body
Code:
.s-c-s #col1pad, .s-c-x #colright, .x-c-s #colright, body
Code:
#header {
background: #320600;
opacity: 0.7;
overflow: hidden;
}

13. lis 2012 21:35 #99901
Odpověď od radek
Zkušený uživatel
Ok, diky moc. To vypada ted prilis slozite. Nevim, jestli to pouziju, jen me to napadlo, protoze bych rad dal tu zeslabujici se barvu, ale horizontalne, ne vertikalne. To je asi ono, co ty popisujes jako do ztracena.
Vyzkousim to ale asi az zitra po obede nebo pozdej dnes. Dnes ruzne bojuju s Phoca gallery, protoze v ni neni komplet CJ, tim padem jsem nebyl schopny najit vyber kategorii, az po prepnuti do AJ jsem to objevil.Z Rokgallery bych to ale neudelal a hlavne Rokgallery zase musi mit ty dalsi srajdy od RT.
Zatim dik.
Vyzkousim to ale asi az zitra po obede nebo pozdej dnes. Dnes ruzne bojuju s Phoca gallery, protoze v ni neni komplet CJ, tim padem jsem nebyl schopny najit vyber kategorii, az po prepnuti do AJ jsem to objevil.Z Rokgallery bych to ale neudelal a hlavne Rokgallery zase musi mit ty dalsi srajdy od RT.
Zatim dik.
16. lis 2012 13:14 #100011
Odpověď od radek
Zkušený uživatel
Tak jsem se k tomu konecne dostal a nekde bude asi neco spatne. Pruh v hlavicce je, ale zmizelo vse ostatni. Neudelal jsem jen ten bod 3. Predpokladam, ze to neni nutny.
16. lis 2012 13:39 #100012
Odpověď od radek
Zkušený uživatel
Tak uz to jede spravne. Ja blbec tam samozrejme zapomnel nakopirovat tu posledni uzaviraci zavorku...
16. lis 2012 13:54 #100014
Odpověď od Cony

Moderátor
Co vše ostatní zmizelo, mně přijde že tam vše vidím...
16. lis 2012 14:06 #100016
Odpověď od radek
Zkušený uživatel
Jo, uz je to tam. Psal jsem, ze jsem "chytre" zapomnel na tu uzaviraci zavorku. Jeste musim neco vymyslet. Zmizela ta carka, ktera oddelovala ten header od spodku a vypada to nejak divne. Premyslim jeste slo by nejak udelat, aby tam bylo to zeslabujici se pozadi odshora dolu? Pod tim headerem. Ta barva pozadi 302600 aby se zeslabovala. Nebo to zeslabovani se da delat jen u obrazku?
16. lis 2012 14:12 #100017
Odpověď od Cony

Moderátor
Přechod se dá udělat i pomocí CSS3, nefunguje to ale v IE. V IE to pak zase jde obejít použitím nějakého htc skriptu, např. PIE.htc to umí.
16. lis 2012 14:38 #100019
Odpověď od radek
Zkušený uživatel
Tak na to prdim, to je uz moc slozity a kdyby se nahodou dostavil upgrade sablony, tak se z toho podelam, protoze zapomenu, co se kde menilo. Jeste zkusim pohnout uprostred s tim obrazkem, protoze to nejak leze do tech okrajovych fotek a asi ho zmensim a kaslu na to.
16. lis 2012 15:51 #100022
Odpověď od radek
Zkušený uživatel
Prosim te mam na tebe jeste jeden dotaz. NAhoru do headeru jsem dal obrazek, ktery ma 164px. V Dragonfly jsem zkousel roztahnout header, aby se mne posunul spodek. Coz se mne povedlo, ale nepovedlo se mne pousnout menu. To zustava porad nahore. Nevis kam jeste sahnout? Uz jsem prolezl snad vsechny cisla, kde byly pixely v tom css, ale menu se porad odshora ani nehlo. Jen se mne ho podarilo roztahnout dolu.