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, zmiy, dandas, AdamVyborny, yonah, Macforum_Admin, Unreed

Odpovědět
MaHa
Příspěvky: 126
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á.

Uživatelský avatar
ceskymac_cz
Příspěvky: 156
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: 3635
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
 Mac Mini  iPhone 13pro  iPad Pro  Pencil  TV  WATCH  AirPods  Homepod

Odpovědět