Website Work :) - Printable Version

Website Work :) - Printable Version

+- SA-MP Forums Archive (https://sampforum.blast.hk)
+-- Forum: Other (https://sampforum.blast.hk/forumdisplay.php?fid=7)
+--- Forum: Everything and Nothing (https://sampforum.blast.hk/forumdisplay.php?fid=23)
+--- Thread: Website Work :) (/showthread.php?tid=603129)

Website Work :) - vassilis - 19.03.2016

So it's actually(officially) my first work on a website. I am making a basketball game(free-for-all) and i am going to create a website for it. Here is my first webpage which gives info about the Leagues and the Teams it contains! Any Feedback would be appreciated

League & Teams Info WebPage

Tab Icon

User hovers over a team information.

If you scroll down you see more teams.

UPDATE:

P.S(2):It's my first work so be kind to me i am trying to be better. Any feedback would be appreciated.

Re: Website Work :) - Karan007 - 19.03.2016

Great for your first one.

Re: Website Work :) - HydraHumza - 19.03.2016

Not Bad..

Re: Website Work :) - SpikY_ - 19.03.2016

Looks well designed. Good work!

Re: Website Work :) - K0P - 19.03.2016

Good Job
You can use <hr> function in html for those lines (sorry if im wrong :P)

Re: Website Work :) - Kapersky™ - 19.03.2016

Looks appealing. This will get more better I know! Keep going.

Re: Website Work :) - MicroKyrr - 19.03.2016

Q:How to resize image?
A:Use photoshop and resize it or use http://www.simpleimageresizer.com/ without losing quality. After that , upload it again on imgur

Re: Website Work :) - GWMPT - 19.03.2016

Quote:

Originally Posted by vassilis

P.S:How to resize images?
P.S(2):It's my first work so be kind to me i am trying to be better. Any feedback would be appreciated.

You can perform resizes in Photoshop, or using CSS / parameters of the img element.
For example, if you add an image with width="100%", it will set the full width(if exists) of the container.
height="100%" will set the full height(if exists) of the container.
It would look something like:

Код HTML:

<img src="..." alt="image" width="100%" />
<!-- or -->
<img src="..." alt="image" height="100%" />

If you're adding the image as a background-image of the elements, you can use something like:

Код HTML:

background-image: url(...);
background-size: contain; /* If you want to maintain aspect ratio */
background-size: cover; /* If you want to fill the whole container, and don't care about the aspect ratio */

While using CSS with these settings, it would be a good idea to set the image position to the middle of the container.

Код HTML:

background-position: middle center;

Re: Website Work :) - vassilis - 19.03.2016

Quote:

Originally Posted by Karan007

Great for your first one.

Thank you Karan!

Quote:

Originally Posted by MicroKyrr

Q:How to resize image?
A:Use photoshop and resize it or use http://www.simpleimageresizer.com/ without losing quality. After that , upload it again on imgur

Umm ook thank you.

Quote:

Originally Posted by Kapersky™

Looks appealing. This will get more better I know! Keep going.

Glad you like it Kapersky!

Quote:

Originally Posted by K0P

Good Job
You can use <hr> function in html for those lines (sorry if im wrong :P)

hr for what lines?

Quote:

Originally Posted by SpikY_

Looks well designed. Good work!

Thanks Spiky!!

Quote:

Originally Posted by Humza

Not Bad..

Thank you.

Quote:

Originally Posted by GWMPT

Код HTML:

<img src="..." alt="image" width="100%" />
<!-- or -->
<img src="..." alt="image" height="100%" />

If you're adding the image as a background-image of the elements, you can use something like:

Код HTML:

background-image: url(...);
background-size: contain; /* If you want to maintain aspect ratio */
background-size: cover; /* If you want to fill the whole container, and don't care about the aspect ratio */

While using CSS with these settings, it would be a good idea to set the image position to the middle of the container.

Код HTML:

background-position: middle center;

Thanks for your help but i am talking about resizing images to upload it here so they are not pretty big .

Re: Website Work :) - Erwin. - 19.03.2016

You should change the background picture to something darker, because when text is in the white colour, it is quite hard to read it at some bright places.