A feladat a következő volt: Készíts olyan G-Portálos stílust, amit szívesen használnál és látnál más oldalakon is!
Ne dizájnt készíts, hanem egy css-t!
A css tartalmazhat képeket is, de fejlécet és háttérképet ne tartalmazzon!
Alapul a Meztelen stílust használd a portálodon, hiszen teljesen új css-t kell készíteni, nem egy másikat felülírni!
Több stílust is készíthetsz a versenyre.
A feladat értelmében 18 stílust fogadtuk el a versenyen, ezeket lentebb láthatjátok. A Hírek/cikkek modulban, A Blogban és a Vendégkönyben különböző modulszemszögből láthatjátok a nevezett css-eket. Érdemes alaposan körbenézni a kiválasztott stílus esetében a portál jobb és bal oldalán is.
A döntésnél az alábbi szempontokat vettük figyelembe:
- színvilág, összhatás, látvány
- hiányosságok a css-ben (modulonként)
- hibák a css-ben, azok súlyossága
- mennyire tiszta a css kód
A nyertesek javított stílusai felkerülnek a G-Portál stílusok közé, amennyiben azok készítői ezt jóváhagyják.
Az összes stílust véleményeztem, ezeket a véleményeket a hírek/cikkek modulban a stílusokra kattintva olvashatjátok.
A nyereményeket e-mailben küldöm.
Köszönöm a részvételt, és nagy gratuláció minden versenyzőnek, hiszen nem egyszerű feladatot teljesítettetek! Ha most nem nyertél, ne szomorkodj, inkább gyakorold a css írást, hogy legközelebb te is az elsők között lehess! :) Nyugodtan kommenteljétek egymás munkáit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit, purus mollis vestibulum faucibus, nisi justo cursus metus, sed placerat sem est vel magna. Maecenas ut neque lacinia sapien semper facilisis nec quis nulla. Maecenas mauris nulla, varius sit amet egestas et, ultrices sit amet dolor. Aliquam lobortis adipiscing nunc, ac venenatis dui sagittis at. Quisque viverra elit non urna interdum venenatis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla a ligula eget odio interdum luctus eu pellentesque mauris.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit, purus mollis vestibulum faucibus, nisi justo cursus metus, sed placerat sem est vel magna. Maecenas ut neque lacinia sapien semper facilisis nec quis nulla. Maecenas mauris nulla, varius sit amet egestas et, ultrices sit amet dolor. Aliquam lobortis adipiscing nunc, ac venenatis dui sagittis at. Quisque viverra elit non urna interdum venenatis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla a ligula eget odio interdum luctus eu pellentesque mauris.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit, purus mollis vestibulum faucibus, nisi justo cursus metus, sed placerat sem est vel magna. Maecenas ut neque lacinia sapien semper facilisis nec quis nulla. Maecenas mauris nulla, varius sit amet egestas et, ultrices sit amet dolor. Aliquam lobortis adipiscing nunc, ac venenatis dui sagittis at. Quisque viverra elit non urna interdum venenatis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla a ligula eget odio interdum luctus eu pellentesque mauris.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit, purus mollis vestibulum faucibus, nisi justo cursus metus, sed placerat sem est vel magna. Maecenas ut neque lacinia sapien semper facilisis nec quis nulla. Maecenas mauris nulla, varius sit amet egestas et, ultrices sit amet dolor. Aliquam lobortis adipiscing nunc, ac venenatis dui sagittis at. Quisque viverra elit non urna interdum venenatis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla a ligula eget odio interdum luctus eu pellentesque mauris.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit, purus mollis vestibulum faucibus, nisi justo cursus metus, sed placerat sem est vel magna. Maecenas ut neque lacinia sapien semper facilisis nec quis nulla. Maecenas mauris nulla, varius sit amet egestas et, ultrices sit amet dolor. Aliquam lobortis adipiscing nunc, ac venenatis dui sagittis at. Quisque viverra elit non urna interdum venenatis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla a ligula eget odio interdum luctus eu pellentesque mauris.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit, purus mollis vestibulum faucibus, nisi justo cursus metus, sed placerat sem est vel magna. Maecenas ut neque lacinia sapien semper facilisis nec quis nulla. Maecenas mauris nulla, varius sit amet egestas et, ultrices sit amet dolor. Aliquam lobortis adipiscing nunc, ac venenatis dui sagittis at. Quisque viverra elit non urna interdum venenatis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla a ligula eget odio interdum luctus eu pellentesque mauris.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit, purus mollis vestibulum faucibus, nisi justo cursus metus, sed placerat sem est vel magna. Maecenas ut neque lacinia sapien semper facilisis nec quis nulla. Maecenas mauris nulla, varius sit amet egestas et, ultrices sit amet dolor. Aliquam lobortis adipiscing nunc, ac venenatis dui sagittis at. Quisque viverra elit non urna interdum venenatis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla a ligula eget odio interdum luctus eu pellentesque mauris.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit, purus mollis vestibulum faucibus, nisi justo cursus metus, sed placerat sem est vel magna. Maecenas ut neque lacinia sapien semper facilisis nec quis nulla. Maecenas mauris nulla, varius sit amet egestas et, ultrices sit amet dolor. Aliquam lobortis adipiscing nunc, ac venenatis dui sagittis at. Quisque viverra elit non urna interdum venenatis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla a ligula eget odio interdum luctus eu pellentesque mauris.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit, purus mollis vestibulum faucibus, nisi justo cursus metus, sed placerat sem est vel magna. Maecenas ut neque lacinia sapien semper facilisis nec quis nulla. Maecenas mauris nulla, varius sit amet egestas et, ultrices sit amet dolor. Aliquam lobortis adipiscing nunc, ac venenatis dui sagittis at. Quisque viverra elit non urna interdum venenatis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla a ligula eget odio interdum luctus eu pellentesque mauris.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit, purus mollis vestibulum faucibus, nisi justo cursus metus, sed placerat sem est vel magna. Maecenas ut neque lacinia sapien semper facilisis nec quis nulla. Maecenas mauris nulla, varius sit amet egestas et, ultrices sit amet dolor. Aliquam lobortis adipiscing nunc, ac venenatis dui sagittis at. Quisque viverra elit non urna interdum venenatis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla a ligula eget odio interdum luctus eu pellentesque mauris.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit, purus mollis vestibulum faucibus, nisi justo cursus metus, sed placerat sem est vel magna. Maecenas ut neque lacinia sapien semper facilisis nec quis nulla. Maecenas mauris nulla, varius sit amet egestas et, ultrices sit amet dolor. Aliquam lobortis adipiscing nunc, ac venenatis dui sagittis at. Quisque viverra elit non urna interdum venenatis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla a ligula eget odio interdum luctus eu pellentesque mauris.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit, purus mollis vestibulum faucibus, nisi justo cursus metus, sed placerat sem est vel magna. Maecenas ut neque lacinia sapien semper facilisis nec quis nulla. Maecenas mauris nulla, varius sit amet egestas et, ultrices sit amet dolor. Aliquam lobortis adipiscing nunc, ac venenatis dui sagittis at. Quisque viverra elit non urna interdum venenatis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla a ligula eget odio interdum luctus eu pellentesque mauris.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit, purus mollis vestibulum faucibus, nisi justo cursus metus, sed placerat sem est vel magna. Maecenas ut neque lacinia sapien semper facilisis nec quis nulla. Maecenas mauris nulla, varius sit amet egestas et, ultrices sit amet dolor. Aliquam lobortis adipiscing nunc, ac venenatis dui sagittis at. Quisque viverra elit non urna interdum venenatis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla a ligula eget odio interdum luctus eu pellentesque mauris.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit, purus mollis vestibulum faucibus, nisi justo cursus metus, sed placerat sem est vel magna. Maecenas ut neque lacinia sapien semper facilisis nec quis nulla. Maecenas mauris nulla, varius sit amet egestas et, ultrices sit amet dolor. Aliquam lobortis adipiscing nunc, ac venenatis dui sagittis at. Quisque viverra elit non urna interdum venenatis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla a ligula eget odio interdum luctus eu pellentesque mauris.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit, purus mollis vestibulum faucibus, nisi justo cursus metus, sed placerat sem est vel magna. Maecenas ut neque lacinia sapien semper facilisis nec quis nulla. Maecenas mauris nulla, varius sit amet egestas et, ultrices sit amet dolor. Aliquam lobortis adipiscing nunc, ac venenatis dui sagittis at. Quisque viverra elit non urna interdum venenatis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla a ligula eget odio interdum luctus eu pellentesque mauris.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit, purus mollis vestibulum faucibus, nisi justo cursus metus, sed placerat sem est vel magna. Maecenas ut neque lacinia sapien semper facilisis nec quis nulla. Maecenas mauris nulla, varius sit amet egestas et, ultrices sit amet dolor. Aliquam lobortis adipiscing nunc, ac venenatis dui sagittis at. Quisque viverra elit non urna interdum venenatis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla a ligula eget odio interdum luctus eu pellentesque mauris.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit, purus mollis vestibulum faucibus, nisi justo cursus metus, sed placerat sem est vel magna. Maecenas ut neque lacinia sapien semper facilisis nec quis nulla. Maecenas mauris nulla, varius sit amet egestas et, ultrices sit amet dolor. Aliquam lobortis adipiscing nunc, ac venenatis dui sagittis at. Quisque viverra elit non urna interdum venenatis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla a ligula eget odio interdum luctus eu pellentesque mauris.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit, purus mollis vestibulum faucibus, nisi justo cursus metus, sed placerat sem est vel magna. Maecenas ut neque lacinia sapien semper facilisis nec quis nulla. Maecenas mauris nulla, varius sit amet egestas et, ultrices sit amet dolor. Aliquam lobortis adipiscing nunc, ac venenatis dui sagittis at. Quisque viverra elit non urna interdum venenatis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla a ligula eget odio interdum luctus eu pellentesque mauris.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit, purus mollis vestibulum faucibus, nisi justo cursus metus, sed placerat sem est vel magna. Maecenas ut neque lacinia sapaaaaaa semper facilisis nec quis nulla. Maecenas mauris nulla, varius sit amet egestas et, ultrices sit amet dolor.