Přihlásit se

Vzhled sablony, pravdepodobne problem s CSS

27. lis 2013 17:19 - 27. lis 2013 17:21 #112956
Vzhled sablony, pravdepodobne problem s CSS od radek
Zkušený uživatel
Ahoj,

potrebuju poradit s sablonou Afterburner od RT. Znama me pozadala, jestli ji udelam web. Protoze zadne weby na prodej nedelam, ale pro svoje potreby jsem si nekolik webu udelal, rekl jsem si, ze to zkusim, protoze chtela velice jednoduchy web. Pres firebug apod. jsem se svoje weby, co se tyce barev a dalsich zakladnich veci, upravil sam, ale tady strasne tapu a samozrejme chybi znalosti.

Byl bych rad, kdyby me nekdo mohl poradit s par malickostma. Jsem presvedcen, ze to pro cloveka, co se v tom vyzna bude zalezitost chvilky, ale ja i kdyz jsem ruzne hledal, nejsem schopen prijit veci na kloub. Samozrejme je to taky tim, ze konkretne tahle sablona od RT je hodne zvlastne udelana a proste standrardni postupy, ktery plati u placenych RT sablon u ni neplati. Hledal jsem ruzne po netu a reseni jsem nenasel.

Potrebuju kolem webu udelat stim. Objevil jsem na jednom webu tento kod
Code:
box-shadow: 3px 6px 10px 1px rgba(0, 0, 0, 0.5);
ktery dela stim kolem webu, ale at jsem to kzousel zadat kamkoli do sablony, tak mne to nefungovalo a dokonce to sablonu znefunkcnilo.

Druhy problem je ten, ze web ma mit bilou barvu, coz vsude, krom FF ma. Ve FF se zobrazuje barva pozadi jako seda. Potreboval bych pohnout i s tim.

V pripade potreby link na web doplnim.
dik za tipy

27. lis 2013 17:39 #112957
Odpověď od Cony
Moderátor
Těžko říct co znamená "kolem webu". Stín můžete udělat kolem nějakého prvku, nejspíš máte na webu nějaký div, ve kterém je celý obsah stránek zapouzdřen, tomu to musíte přidat do definice stylu v CSS.

Pro generování kódu pro stín použijte generátor . Pokud chcete, aby Vám to fungovalo i na starších IE, použijte PIE.htc .

27. lis 2013 17:56 - 27. lis 2013 17:59 #112958
Odpověď od radek
Zkušený uživatel
Dik za odpoved. Jedna se napriklad o podobny stin, jako je tady. www.netio.cz

Mam na mysli stin po stranach webu. Demo template je tady demo.rockettheme.com/free/afterburner/ , bohuzel netusim, por ktery z divu je to potreba. Jdu se na to podivat.

Ten kousek kodu jsem vypreparoval odtud, ale netusim, jestli je to spravne a hlavne kam ho v template umistit. Dale se mne povedelo vlozenim a naslednym smazanim teto casti kodu naprosto znefunkcnit web v Opere. Ve vsech ostatnich prohlizecich funguje...

27. lis 2013 18:13 - 27. lis 2013 18:15 #112959
Odpověď od radek
Zkušený uživatel
Tak bohuzel uz mne ten prispevek o neco vys nejde upravit.

Tak ja potrebuju hlavne udelat stin po stranach webu (napravo a nalevo). Objevil jsem ten div, ktery potrebuju "ostinovat", ale samozrejme potrebuju ostinovat i jine csti template, takze bych spis potreoval neco, co vytvori stim po cele strane webu a ne abych musel pridavat kus kodu do kazde casti template.

Navic ani jeden odkaz na tvorbu stinu neumi stin vytvorit po stranach webu, ale vzdy pouze na jedne ze stran.

Existuje nejaky jiny reseni?

27. lis 2013 21:14 #112963
Odpověď od prontik
Zkušený uživatel
Do
Code:
template/rt_afterburner_j15/css/***.css
*** tvuj zvoleny styl

dej nekam
Code:
#wrapper { box-shadow: 2px 6px 10px 1px rgba(0, 0, 0, 0.5); }

Melo by to vypadat nejak takto.... jestli o je tak jak si chtel.

Joomla je jako puzzle. Stačí vědět jak ty dílky k sobě poskládat.

28. lis 2013 11:12 #112971
Odpověď od Cony
Moderátor
Aby ten stín byl symetrický použil bych spíš něco jako
Code:
box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
Nebo si pohrajte s tím generátorem uvedeným výše.

28. lis 2013 12:02 #112972
Odpověď od prontik
Zkušený uživatel
Tak symetricky to uz pak neni stin, to uz tam pak klidne muze dat border. On radek myslel spis to, ze to mel jen v nekterych elementech a ne kolem celeho webu.

Joomla je jako puzzle. Stačí vědět jak ty dílky k sobě poskládat.

28. lis 2013 13:42 - 28. lis 2013 13:50 #112974
Odpověď od radek
Zkušený uživatel
Sorry, ze jsem odpovedel az ted. Mam zaskrtnuty reakce na email a nic nechodi.... Dik za ten kousek kodu.

Pomohlo tohle od tebe
Code:
#wrapper { box-shadow: 2px 6px 10px 1px rgba(0, 0, 0, 0.5); }

Ano, potreboval jsem stin (nebo neco, co tak vypada) po stranach webu. Po cele delce webu. Reseni od conyho tak nefunguje. Musel by se vkladat kus kodu do vsech divu a hlavne neni mozny udelat stin tak, aby byl po stranach webu. Musel by se pravdepodobne duplikovat kod pro pravou a levou stranu a to by me z toho uz jeblo uplne. Tvoje reseni je kratky kod pro cely web a je funkcni.

Nevypada to sice ted uplne presne tak, jak jsem chtel, ale je to dostacujici. Je to web zdarma a uz i tak jsem stravil prilis casu s jeho upravama a kdovi kolik casu jeste zaberou. Takze tak, jak je to s tim kodem od tebe je to uplne v pohode.

Jeste me tak napada. Nevite nekdo, jestli existuje nejaka funkce v JCE, ktera by umela po stlaceni nejakyho uzivatelskyho tlacitka obarvit oznaceny odstavec textu nejakou barvou? Vystrachal jsem nekde po netu tento kousek kodu,
Code:
<p style="background-color: rgba(255,255,255,1);">TEXT</p>
se kterym to jde, ale problem je ten, ze pani, ktera si to bude obsluhovat nema moc sanci si zobrazit clanek i se zdrojakem a nekde se v nem vrtat. Nebo jestli je nejaky jiny jednoduchy reseni.

Jinak jeste par slov k tomu, jak jsem psal o znefunkcneni sablony. Tak ten kousek kodu nic neznefunkcnil. To se jen webhosting banan rozhodl, ze se mu asi nezda uprava souboru a teprve po tzv. RESETU ADRESARE, jak to u bananu nazyvaji, se web zas ukazal i v Opere. Za banan nemuzu. Ona uz to mela koupene, kdyz se mne ozvala. Kdyz jsem zjistil, ze tam za to plati skoro 1500, tak jsem neveril svym usim. BOhuzel na bananu se po kazde aktualizaci cehokoli musi resetovat, jinak to nefunguje skoro vubec.

28. lis 2013 14:21 #112975
Odpověď od Cony
Moderátor

radek178 napsal: Reseni od conyho tak nefunguje. Musel by se vkladat kus kodu do vsech divu a hlavne neni mozny udelat stin tak, aby byl po stranach webu.

To je samozřejmě holý nesmysl, kód který jsem psal by patřil dovnitř definice tak jak psal prontik, pro Vás tedy po lopatě
Code:
#wrapper { box-shadow: zde dle libosti; }
JCE podporuje načtení stylů z externího CSS, projděte jeho nastavení. Pokud si nadefunjete své CSS se styly jako např.
Code:
.cerveny {background: red;}
JCE Vám je nabídne v rozbalovacím menu.

28. lis 2013 15:00 #112979
Odpověď od radek
Zkušený uživatel
Neumim spravne odpovedet citaci, kdyz uz je v prispevku tolik citaci. Tak aby se to nemotalo, odepisu do novyho. Jink klidne tykej, uz jsme si tykali. Ja si u toho vykani pripadam blbe.

Pises:

To je samozřejmě holý nesmysl, kód který jsem psal by patřil dovnitř definice tak jak psal prontik, pro Vás tedy po lopatě


To bohuzel neni nesmysl. Tys mne zadny kod nenapsal, tys mne napsal odkazy na generatory. Nejaky kod jsi dopsal az podstatne pozdej, kdyz ja jsem tam mel uz strcenej ten prontikuv.

Navic cokoli z tech generatoru stinu v template nefungovalo tak, jak jsem chtel. Nejenom, ze to nedelalo stin po obou stranach a neni ani mozne to v generatoru nastavit, ale co bylo jeste horsi, ze i kdyz jsem ten vygenerovany kod vlozil do template, tak stin opravdu nebyl po cele delce webu, ale byl pouze v te casti, kam jsem ho vlozil v template. Napriklad pokud ho vlozim do zmineneho souboru xxx.css do casti header, stin byl okolo headeru, ale nebyl kolem body. Kdezto, kdyz jsem vlozil prontikuv kod kamkoli, okamzite to udelalo stin kolem celyho webu.

To s tim externim CSS vypada zajimave. Snad to budu umet nastavit. Jdu to zkusit. Dik.

28. lis 2013 16:13 #112981
Odpověď od Cony
Moderátor
Ano, generátor bez úplně základní znalosti CSS, použití FireBug a trocha snahy je k ničemu. Generuje kód CSS, který je nutné v CSS souboru přiřadit k prvku. :silly:

29. lis 2013 10:26 #113000
Odpověď od radek
Zkušený uživatel
Coz o to, ja se snazil, problem je v tom, ze sam pises, ze se to musi prirazovat k prvku. Stravil jsem s tim, nez jsem sem napsal vic jak pul dne. Netusim, kolik prvku v template mam, ale urcite tak 7-10. Tzn. desetkrat hledat misto, kam zapisovat kod, plus deset dalsich kodu, ktery by stin vytvoril na leve strane webu.

Nerikam, ze je to nefunkcni, je to zbytecne slozity. Kdezto prontikovo reseni je skoro dokonaly. Kousicek kodu, nakopirovanej kamkoli a vypada to ok.

Pro moje potreby bylo proste to prontikovo reseni lepsi. Pokud bych ale potreboval ostinovat jednotlivy prvky, je jasny, ze je lepsi to tvoje. Ja tim nechtel shodit tvoji pomoc, jestli´s to tak pochopil.

Ten JCE jsem s tim nerozchodil. Delal jsem to podle navodu, ale asi mam neco spatne v tom souboru editor.css, ale stejne pak netusim, kterym tlacitkem by se to obarvovalo. To musi byt jednoduchy, neco jako ve wordu, jinak to ona nema sanci udelat. takze jsem to vzdal.

29. lis 2013 12:44 #113001
Odpověď od HonzaKr
Moderátor
Problém je v tom, že nevíte co je to prvek v CSS terminologii. Ve Vašem případě je to "#wrapper". Prontík Vám ho vyhledal a napsal jeho název, Cony chtěl, aby jste si ho vyhledal sám. Oba dva Vám poradili to samé ....

:: bývalý člen Joomlaportalu ::

29. lis 2013 13:22 - 29. lis 2013 13:24 #113003
Odpověď od radek
Zkušený uživatel
To je prece jedno, jestli to vim nebo nevim. Ja nikde netvrdil, ze neco vim. To bych se tady neptal. Hledal jsem jednoduche reseni. Ja se nepotrebuju a nechci v teto oblasti nic ucit. Za tyden to totiz zapomenu, protoze to nepouzivam a pouzivat nebudu. Nezivim se tvorbou webu. Hledal jsem jednoduche reseni, ktere jsem dostal. Mel jsem na vyber mezi jednoduchym resenim a druhym, kostrbatejsim. Logicky jsem sahl po tom, pro me, jednodussim. Tim je to pro me vyreseno. Nejak to na me pusobi, ze se me snazite vmanipulovat do situace, ze jsem nejak urazil conyho. To v zadnym pripade. Vim, ze tomu rozumi, ale jeho reseni bylo zbytecne slozity pro moje potreby. Proto nechapu to babrani se v necem. Ja jsem spokojen, reseni jsem dostal a ted pro me bylo lepsi to prontikovo. Priste to muze byt naopak.

29. lis 2013 14:54 #113005
Odpověď od prontik
Zkušený uživatel
Problem vyreseny a o to tady slo.... netreba tady rozebirat blbosti. ;)

Joomla je jako puzzle. Stačí vědět jak ty dílky k sobě poskládat.

Powered by Fórum