Auktiva.cz Můj účet Prodat Uživatelé Nápověda

Obrázek na pozadí

Vše ohledně HTML a formátování

Obrázek na pozadí

Příspěvekod misickamala » 26 úno 2012 18:07

Dobrý večer, chtěla bych se jen zeptat, zda bude možné vkládat do aukce místo bílého pozadí obrázek a poté do něj psát, jako to bylo možné na aukru? Nejsem zrovna zběhlá v html a neumím si vytvořit vlastní šablonu. Díky, pěkný večer, zdraví Míša
Každý vidí jak vypadáš, ale jen málokdo odhalí, kdo jsi...
misickamala


 
Příspěvky: 3
Registrován: 19 čer 2011 20:45

Re: Obrázek na pozadí

Příspěvekod vpdiablo » 27 úno 2012 00:27

No tak se mi jeden jednoduchý způsob povedlo najít jak dostat obrázek na pozadí a to včetně barvy, když nebude obrázek dostupný a definice barvy textu plus zda se má obrázek rolovat či být zafixován.
Viz upravená aukce .... http://www.auktiva.cz/show_item.php?id=339239
zde vlastní zápis úpravy zdrojového kodu
Kód: Vybrat vše
úplně na začátek dejte toto....
<div style="color: black; background-image: url(&quot;http://www.gcity.cz/peter/24.jpg&quot;); background-attachment: fixed; background-color: rgb(204, 153, 0);">
Zde pak vlastní popis a tělo v html kodu a na konci pak
</div>

Vysvětlivky:
Barva písma ... lze definovat napsáním barvy nebo (hex (#CC9900) vyjádřením barevného odstínu, bude převedeno automaticky na rgb hodnotu(204, 153, 0)
Kód: Vybrat vše
<div style="color: black;


obrázek na pozadí stránky ... bude načten z aktuálního umístnění a může to být čtvereček o rozměru 100x100 pixelů, bude zapsán tolikrát aby vyplnil danou část stránky
Kód: Vybrat vše
background-image: url(&quot;http://www.gcity.cz/peter/24.jpg&quot;);

znaková entita "&quot" nahrazuje jednoduchou uvozovku .... ' .... mělo by být jedno jak to bude zapsané, já použil přímo uvozovku, ve zdrojovem kodu se zobrazuje znakova entita.

zajištění zda bude obrázek rolovat nebo bude nepohyblivý při rolování .... hodnoty jsou scroll / fixed
Kód: Vybrat vše
background-attachment: fixed;


a konečně barva pozadí kdyby se z jakéhokoliv důvodu nenačetl obrázek ... zapsáno v HEX hodnotě (#CC9900), převedeno automaticky na rgb hodnotu(204, 153, 0) po přepnutí zobrazení.
Kód: Vybrat vše
background-color: rgb(204, 153, 0);">


Zde je odkaz kde jsou některé základní barvy pro HTML s výběrem různých verzí zápisu .... barvy , nebo tady a hezká tabulka je i zde
nebo zde si můžete vyzkoušet pár barev jak vypadají na pozadí .... pozadí stránky

nebo základní tabulka barev se zobrazením pozadí ale i písma v barvě

pokud potřebujete jemné odstínování, tady najdete přes 4000 odstínů, nebo zde si nadefinujete a zobrazite kod temer jakehokoliv odstinu.

A ještě si dovolím malé upozornění na nestejnobarevnost výsledné barvy pro různé uživatele ....
Každý uživatel vidí barvy na stránce jinak. Ne že by každý byl barvoslepý, ale na každém monitoru vypadá barva trochu jinak. Navíc si lidé nastavují různý jas a kontrast, takže se na konkrétní zobrazení barvy se nelze ani trochu spolehnout. To obzvlášť platí pro kombinace barev písma a pozadí , co se na jednom monitoru zdá docela čitelné, na jiném může beznadějně splývat v jednu plochu.
Naposledy upravil vpdiablo dne 27 úno 2012 01:28, celkově upraveno 2
Kdo chce, hledá způsoby, kdo nechce, hledá důvody.
Uživatelský avatar
vpdiablo


 
Příspěvky: 581
Registrován: 25 čer 2011 20:16

Re: Obrázek na pozadí

Příspěvekod vpdiablo » 27 úno 2012 00:59

Kdo chce, hledá způsoby, kdo nechce, hledá důvody.
Uživatelský avatar
vpdiablo


 
Příspěvky: 581
Registrován: 25 čer 2011 20:16

Re: Obrázek na pozadí

Příspěvekod vpdiablo » 27 úno 2012 01:32

Ještě jsem použil tento zápis:
Kód: Vybrat vše
<style type="text/css">

body {
background-image: URL('http://www.gcity.cz/peter/24.jpg'); /* obrázek na pozadí */

background-attachment: fixed; /* pozadí neroluje */

background-color: #CC9900; /* případná barva pozadí béžová */

color: black; } /* černý text */
</style>

bohužel, ačkoliv v editoru se vše zobrazí, při postupu dále a po vystavení stránky je tato zobrazena v původní podobě a to přesto že ve zdrojovém kodu zůstává vše zapsáno, viz:
řádek zdrojového kodu 521 až 526
ale to je již spíše otázka na adminy Auktivy
ještě v editoru fungoval tento zápis: v editoru došlo k zobrazení ....
Kód: Vybrat vše
<body background="http://www.gcity.cz/peter/24.jpg" bgproperties="fixed" bgcolor="#CC9900" text="black">
</body>

ale po pokračování na vystavení aukce z toho zase nebylo nic, pozadí stránky zůstalo nezměněno.
Kdo chce, hledá způsoby, kdo nechce, hledá důvody.
Uživatelský avatar
vpdiablo


 
Příspěvky: 581
Registrován: 25 čer 2011 20:16

Re: Obrázek na pozadí

Příspěvekod misickamala » 28 úno 2012 12:44

Ahojky,

díky ti mooooooc, zkusila jsem to a není to sice až tak jak bych si to přála, ale funguje to a to je hlavní :P . Jsi mooooc hodný, díky za pomoc. :P :P
Každý vidí jak vypadáš, ale jen málokdo odhalí, kdo jsi...
misickamala


 
Příspěvky: 3
Registrován: 19 čer 2011 20:45

Re: Obrázek na pozadí

Příspěvekod vpdiablo » 29 úno 2012 01:02

Není zač, hlavně že to pomůže. 8-)
Kdo chce, hledá způsoby, kdo nechce, hledá důvody.
Uživatelský avatar
vpdiablo


 
Příspěvky: 581
Registrován: 25 čer 2011 20:16


Zpět na HTML poradna

Kdo je online

Uživatelé procházející toto fórum: Žádní registrovaní uživatelé a 1 návštěvník

cron