| Convertire meniu in HTML folosind Slice Tool |
| Photoshop - Grafica Web | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
Dupa ce ati realizat un meniu in Photoshop, de multe ori aveti nevoie sa puneti link-uri pe acesta pentru a-l folosi in cadrul unui site. Pentru lucruri de baza nu este nevoie sa cunoasteti limbajul HTML ci doar sa stiti sa folositi unealta Slice Tool din Photoshop.Pentru a putea converti un meniu in HTML avem nevoie intai sa realizam acel meniu. O demonstratie o gasiti aici - Demonstratie Meniu Html.
Seteaza ca Favorit
Bookmark
Trimite Email
Hits: 4602 Comentarii (31)
![]()
Pataricu
said:
|
|
Pai si cum la fiecare , de exemplu la acasa : cand dau click sa imi apara (nu stiu ce)? |
|
|
Reporteaza Abuz
Displace
Apreciaza
|
methala
said:
tutorialul e foarte bun! multumim!!! am cautat mult timp asa ceva si nu gaseam,plus nimeni nu-mi explica(concret). acum am inteles cum e cu slice-urile in PS. totusi mai am o nelamurire: cum ma ajuta sa creez o pagina web? se genereaza un html, dar e nestilizat, pozitionat aiurea, etc. si spre exemplu, vreau sa adaug un background in spatele layout-ului creat in PS. cum fac asta? ca practic exista deja un background (layout-ul in sine) daca nu ma insel. Sper ca s-a inteles ceva. Revin, in orice caz! Mersi frumos! |
|
|
Reporteaza Abuz
Displace
Apreciaza
|
methala
said:
Multumesc! M-am lamurit inca de ieri cu backgroundul, dar mi-au ramas alte neclaritati. Sper sa le pot da de cap SI ar fi Suuuuuper sa faceti un tutorial pt creare pagini web folosind PS si HTML CSS. Pt astia mai mici! Sanatate maxima va doresc! MAXIM am spus!
|
|
|
Reporteaza Abuz
Displace
Apreciaza
|
cristy21steaua
said:
| Am si eu o intrebare/nelamurire: Am facut meniul cu link-uri, dar cum il adaug in site? | |
|
Reporteaza Abuz
Displace
Apreciaza
|
cristy21steaua
said:
|
Acuma lucrez la un site. Sunt incepator. Imi puteti lasa o adresa de mail sau un id de mess.? |
|
|
Reporteaza Abuz
Displace
Apreciaza
|
cristy21steaua
said:
| ce trebuie sa copii pentru a-l avea in site?* | |
|
Reporteaza Abuz
Displace
Apreciaza
|
zebek911
said:
| Buna ziua as avea si eu o problema daca as face si eu ceva asemanator cum as putea sa-l pun pe forum? adica sa nu mai am meniu acela de home..portal.. etc doar sa le includ in logo m-ar putea ajuta cineva? | |
|
Reporteaza Abuz
Displace
Apreciaza
|
GeO
said:
|
Unealta Slice Tool unde o gasesc? Folosesc Ps Cs4 pe 64 bites |
|
|
Reporteaza Abuz
Displace
Apreciaza
|
nuckleu
said:
|
foarte interesant nu am ştiut că se poate realiza mia ieşit şi mie dar nu ştiu cum să-l integrez într-un blog blogspot, ma puteţi ajuta cu un sfat ? Dealtfel foarte interesante tutorialele dumneavoastră, felicitari . |
|
|
Reporteaza Abuz
Displace
Apreciaza
|
nuckleu
said:
| ce este mai rău, este ca întâmpină anumite dificultaţi când se deschide fisierul html cu un browser prin faptul ca apar mesaje de gen popup şi in unele cayuri nu se deschide pagina . | |
|
Reporteaza Abuz
Displace
Apreciaza
|
Filme si carti
said:
| Naspa. In primul rand e facut cu tabele ceea ce imi poate dauna structurii html. FITI si voi web2.0 !! | |
|
Reporteaza Abuz
Displace
Apreciaza
|
Dj KLaus
said:
| eo am fkt tot ce scrie dar cu o imagine de a mea , nu un meniu ... dupa ce am salvat meniu.html in pk lam uploadat pe site si numi arata imaginile dar cand il deschid in fire fox de pe desktop imi apare , dc oare? | |
|
Reporteaza Abuz
Displace
Apreciaza
|
Adrian-ps
said:
|
Da... dar cand trec cu cursorul peste anumita intrare de ex. "Acasa" nu ar trebuii sa imi clipeasca sau cv de genu?.. gen "a href" in html? sau se poate face asa cva in ps? |
|
|
Reporteaza Abuz
Displace
Apreciaza
|
AURELIAN
said:
| SUNTETI SUUPER TARI FARTILOR MERITA SACRIFICIU SPAR CA SI PRODUCETI BANI DACA AVETI PS INVATAT PAS CU PAS. TINET-O TOT ASA MULTUMESC | |
|
Reporteaza Abuz
Displace
Apreciaza
|
gopo
said:
|
de ce asa si nu varianta mai simpla ? un slice de 1px latime si de lungimea meniului .... iar logou se poate cu un background transparent salvata .png ... iar style.css se poate face in felul urmator .. mult mai smplu de altfel #header { background:url(poza_de_fundal_a_headerului) no-repeat; } #logo p{ background:url(logo.png) no-repeat; } #meniu { background: url(bg_meniu.jpg) repeat-x; color: white sau #fff ; } #menu ul li { font-family: fontul care l-ati folosit; font-size: X px; margin:auto; padding:X px; /* aici se ia cu ruleta in photoshop*/ } #meniu a { text-decoration: none; } #meniu a:hover { text-decoration: underline; color: culoarea fontului dorita; etc } si html: logoul tau |
|
|
Reporteaza Abuz
Displace
Apreciaza
|
bughy
said:
| am cs4 si nu am sau nu gasesc slice tool trebuie sa imi iau cs3? | |
|
Reporteaza Abuz
Displace
Apreciaza
|
cristi
said:
|
chestia asta poate fi facut direct din html cu maps, cred ca e mai usor. Am sa incerc si din photoshop. |
|
|
Reporteaza Abuz
Displace
Apreciaza
|
varcolac1000
said:
asta este calea cea mai usoara dar nu cea mai placuta , daca doriti sa editati meniul stati sa faceti toata chestia asta din tutorial mere , incercati cu html si css, e foarte usor de lucrat
|
|
|
Reporteaza Abuz
Displace
Apreciaza
|
Junio
said:
Foarte bun tutorialul Bravo ! Dar asi avea o intrebare. Cum as putea sa fac si o animatie cand dau cu mous-ul pe o casuta ? Un exemplu aici : http://www.starmedia-team.com/ Scuze nu vreau sa fac publicitate dar nu stiu cum pot sal iau separat : |
|
|
Reporteaza Abuz
Displace
Apreciaza
|
cristi
said:
|
@Junio nu prea am inteles ce vrei tu... tu vrei cand ai sageata de la mouse pe o imagine , aceasta sa ruleze ? daca da poti incerca asa:[sa fie si hyperlink] {asta nu stiu sigur daca va merge} mai poti incerca cu javascript cu function onMouseOver , dar nu stiu sigur cum se foloseste. daca nu te-am ajutat , imi pare rau. |
|
|
Reporteaza Abuz
Displace
Apreciaza
|
amazingweb
said:
| ar fi foarte bine daca ati face niste tutoriale despre cum se fac logo-uri , bannere si layout-uri in ps. | |
|
Reporteaza Abuz
Displace
Apreciaza
|
| Citeste si urmatoarele : |
|---|
|




















SI ar fi Suuuuuper sa faceti un tutorial pt creare pagini web folosind PS si HTML CSS. Pt astia mai mici!
