Vsazení screenu do rámečku iPhone, iPad, Mac, ...

Pokud si nevíte rady s operačním systémem MacOS X, jeho nastavením nebo aplikacemi týkajícími se právě práce s počítačem, tak zde můžete vznést svůj dotaz

Moderátoři: MichalM.Mac, Unreed, yonah, AdamVyborny, Macforum_Admin

Odpovědět
MaHa
Příspěvky: 63
Registrován: 30 kvě 2012 22:40
Bydliště: Hrušovany u Brna
Kontaktovat uživatele:

Vsazení screenu do rámečku iPhone, iPad, Mac, ...

Příspěvek od MaHa » 17 dub 2018 10:45

Dobrý den,
neporadí někdo zda existuje nějaký program na macOS nebo Windows který by umožňoval vsazení screenu do rámečku zařízení (iPhone, iPad, Mac, Android, ...) ze kterého byl pořízen?
Super na toto je webová stránka http://iphone-screenshot.com, ale má denní limit kolikrát ji je možné použít což mě dosti limituje vzhledem k tomu, že nyní dělám větší množství manuálů.

Potřeboval bych tedy něco podobného co nebude mít limit a pokud by to bylo jako aplikace instalovaná na lokál, tak by to bylo super. Není podmínkou, že aplikace musí být zdarma, může být i placená.
MacBook Air 13" i7 RAM 8GB SSD 256 | iPad Air 2 64GB | iPhone 6 64 GB
http://www.hansgut.cz, http://www.jaknalotus.cz, http://blog.hansgut.cz

Uživatelský avatar
ceskymac_cz
Příspěvky: 149
Registrován: 07 úno 2015 09:56
Bydliště: Teplice

Re: Vsazení screenu do rámečku iPhone, iPad, Mac, ...

Příspěvek od ceskymac_cz » 17 dub 2018 10:55

Já to dělával tak, že jsem měl vytvořené šablony v Pixelmatoru s příslušným zařízením a screenshoty vkládal ručně a z nich následně generoval celé obrázky v požadovaném rozlišení.

Uživatelský avatar
rony
Příspěvky: 2797
Registrován: 01 srp 2012 07:47
Bydliště: Bratislava
Kontaktovat uživatele:

Re: Vsazení screenu do rámečku iPhone, iPad, Mac, ...

Příspěvek od rony » 17 dub 2018 14:10

alebo budes sikulka a najdes si obrazok zariadenia s dierou miesto obrazovky
a vyskladas si v html to tak, ze samotny obrazok napasujes priamo do toho ramiku

<div class="iphone">
<div class="mojobrazok"><img src="...."></div>
</div>

a v css

.iphone { background: url('obrazok iphonu'); padding-left:XYpx; padding-right:XYpx; padding-top:ZYpx; }
.mojobrazok, .mojobrazok img { width:SIRKA diery; height: vyska diery; }

tu mas hotove udelatko ako priklad

https://codepen.io/adamclaxon/pen/zyiJm
https://codepen.io/fbrz/pen/vlrnd
https://codepen.io/havardob/pen/KzoOMB
-- /\/\ .\ > .\ / Facebook skupina Uživatelé Apple Watch spravodaj.madaj.net
 Macbook Air i7  iPhone 1 / 4 / 5S /6S plus  iPad Pro  Pencil  TV4  WATCH  AirPods

Odpovědět