Diskuze: Netradiční položky menu

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

Avatar
Rosemary
Člen
Avatar
Rosemary:

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:

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:

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š:

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
Nechci být workoholik. Bohužel někdy musíme být tím, čím nechceme.
Avatar
Rosemary
Člen
Avatar
Odpovídá na Jiří Gracík
Rosemary:

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:

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:

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.