Home Help Search Login Register

Welcome, Guest. Please login or register.
June 28, 2022, 02:02:40 pm
Forum activity rating: Two Star Posts: 18/24hrs Show Unread Posts | Unread Replies | Own Posts | Recent Posts
News: We have new forum categories :-O

+  MelonLand Forum
|-+  Workshop Zone
| |-+  Tutorials & Help
| | |-+  HELP: Trying to create a sidebar in HTML
« previous next »
Pages: [1] Print
Author Topic: HELP: Trying to create a sidebar in HTML  (Read 44 times)
wrinkledlion
Newbie
*
Posts: 5



View Profile
« on: June 22, 2022, 04:15:25 am »

Hey everybody! I'm a total beginner at HTML and web design. Does anyone have any advice on building a narrow sidebar on the left side of the screen, with the main content to its right?

My first site attempt is gonna be a fake facebook account, where I have lots of cool friends (and everyone loves me). I'm trying to replicate a basic version of this sort of layout:



I attempted some stuff using table formatting but it left a lot to be desired.

Thanks!
Logged
Melooon
Administrator
Sr. Member
*****
Posts: 431


So many stars!

SpaceHey: Friend Me!
StatusCafe: melon
iMood: Melonking

View Profile WWW
« Reply #1 on: June 22, 2022, 11:06:41 am »

Hmmm, this is a complex project, Im not sure I would recommend it as a first attempt at learning HTML; you can totally do it, but only as long as you accept there is no way its gonna be perfect as a beginner. You'd prob have more fun making a simpler site without such a fixed design goal.

Originally FB would have been created using CSS floats and display attributes. Those are super useful to learn but they are also the MOST frustrating thing you will ever have to do with website making!

These days you can fake it a bit more easily by learning CSS flex, although that has plenty of its own challenges too!

I think what might be a more useful thing for you as a total beginner is to find a FB-like template site - I found this one with a quick search. Alternative, if you go to a FB page and do, save-as webpage, it will actually download the webpage and you can edit it. (Although you'd have to find an archive of an old style FB page to get the look your going for in that picture)

So totally do-able, but Id reiterate that a site is personal to you, its about the space that you want to create. Is FB really the space you want to re-create to describe yourself? If so great! But it is a complicated space and you might find a more personal web design voice for yourself in a simpler design.
:4u:
Logged

wrinkledlion
Newbie
*
Posts: 5



View Profile
« Reply #2 on: June 22, 2022, 05:52:03 pm »

I definitely don't want it to look perfect, the shoddier it looks the better actually. what I've got so far is littered with misspellings and broken submit bars.

Actually now that I'm thinking about it, I'm going for the same kind of feel as this site from the Homestar Runner guys. I've got a bunch of fake facebook post ideas that are making me laugh so I'm pretty excited about the concept.

I think you're right about starting with templates-- or if not a proper template, then at least scavenge around neocities for someone who's figured out some basic sidebar coding and then rework all the colors and design elements. The limited HTML I've done in the past has all been reverse engineering, so I might have some luck with that approach.
Logged
Pages: [1] Print 
« previous next »
 

Melonking.Net © Always and ever was! SMF 2.0.19 | SMF © 2021, Simple Machines RSS | WAP2 | BBCode Help


Melon Sites!
Visit Melonking.Net! Visit the MelonLand Forum! Visit the Gif Gallery! Support the Forum
Friend Communites!