Válí se ti projekty v šuplíku? Dostaň je mezi lidi a získej cool tričko a body na profi IT kurzy v soutěži ITnetwork summer 2017!
Přidej si svou IT školu do profilu a najdi spolužáky zde na síti :)

Diskuze: Netradiční položky menu

Grafika Grafika a design Netradiční položky menu

Aktivity (1)
Avatar
Rosemary
Člen
Avatar
Rosemary:23.2.2015 19:06

Zdravím všechny, ráda bych tu poprosila o radu ohledně grafiky a Photoshopu.
Na obrázku mám svůj web a chtěla bych tam udělat takové menu, které bude jakoby zatáčet za stránku, snad to jde z mé kresby trochu poznat.

Neví někdo jak na to? Pouze přes CSS to nejspíš nepůjde a netuším, jak by to šlo udělat v Photoshopu.

Nebo myslíte, že se to bude muset ručně nakreslit na tabletu ?
Děkuji všem za názory.

Editováno 23.2.2015 19:09
 
Odpovědět 23.2.2015 19:06
Avatar
Jiří Gracík
Redaktor
Avatar
Odpovídá na Rosemary
Jiří Gracík:23.2.2015 19:17

Ahoj, proč by to nemělo jít v Photoshopu? V css to také půjde bez problému, když sem hodíš html a css tak ti s tím poradíme.

// Ty generuješ html stránku ve Photoshopu?

Nahoru Odpovědět 23.2.2015 19:17
Creating websites is awesome till you see the result in another browser ...
Avatar
Rosemary
Člen
Avatar
Odpovídá na Jiří Gracík
Rosemary:23.2.2015 19:25

No myslela jsem v Photoshopu udělat jako obrázek a pak přidat do HTML a udělat z něj klikací odkaz.
Ne negeneruji.
Co přesně? Myslíš celé CSS a HTML? V tom CSS mám celkem bordel a v HTML ještě nemám v tom menu přidané položky <li> v <ul>. Ale možu sem klidně hodit i když nevím jestli to bude užitečné :P

Proč by to nemělo jit? :P No protože si nějak nedovedu představit jak na to přes CSS, maximálně tam dát oválnou položku a posunout ji doleva až za okraj stránky, ale nebude to tam takové zatočené jakoby to vybíhalo zpoza stránky. :D

 
Nahoru Odpovědět 23.2.2015 19:25
Avatar
Pavel Mareš
Redaktor
Avatar
Pavel Mareš:23.2.2015 19:26

Mně by to ve Photoshopu trvalo o dost kratší dobu, než nastylovat v CSS. Nicméně v obojím to jde. Prakticky by ti měly stačit 2 objekty (jak ve photoshopu tak CSS) - kolečko/ovál a obdélník. Zkus jen použít fantazii a vrstvy.

Nahoru Odpovědět 23.2.2015 19:26
Grafik, Vývojář, Workoholik :)
Avatar
Rosemary
Člen
Avatar
Odpovídá na Jiří Gracík
Rosemary:23.2.2015 19:26

jinak já tam zatím nic nemám, to co tady demonstruji na obrázku jsem udělala jen v malování aby to bylo vidět :)

 
Nahoru Odpovědět 23.2.2015 19:26
Avatar
tomasmanhal
Člen
Avatar
Odpovídá na Rosemary
tomasmanhal:23.2.2015 19:42

http://demopavothemes.com/…ata/logo.png

Tady je malý příklad, použití na logo :-)

Stejně to uděláš pro tlačítka v menu, která chceš takhle zalomit. Ve photoshopu si to připravíš, uložíš do PNG a pak napozicuješ podle potřeby. Jen si hraj :-)

Nahoru Odpovědět 23.2.2015 19:42
Kdyby nám dodali k životu zdrojový kód, vše by bylo jednodušší...
Avatar
Rosemary
Člen
Avatar
Rosemary:23.2.2015 20:12

oki, něco vyzkouším tak zatím děkuji ;) :P

 
Nahoru Odpovědět 23.2.2015 20:12
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 7 zpráv z 7.