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

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

Příspěvekod 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
MaHa
 
Příspěvky: 61
Registrován: 30 kvě 2012 22:40
Bydliště: Hrušovany u Brna
Poděkoval: 5 x
Poděkovali mu: 1 x


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

Příspěvekod 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
ceskymac_cz
 
Příspěvky: 143
Registrován: 07 úno 2015 09:56
Bydliště: Teplice
Poděkoval: 31 x
Poděkovali mu: 10 x

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

Příspěvekod 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
Uživatelský avatar
rony
 
Příspěvky: 2571
Registrován: 01 srp 2012 07:47
Bydliště: Bratislava
Poděkoval: 208 x
Poděkovali mu: 237 x


Zpět na MacOS X