Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

How to code this design?

Featured Replies

Hey.

 

I was wondering what would be the best way to code this layout?

 

Image:

 

 

 

I am new to CSS layout and could use some advice.

 

(It's not going to have the dashes, that's just for design..)

i am going to wait for other people to responde first.... i have a good idea how i would do it... but still kinda shy with coding and things.... i wait for other to have their say first.

 

By the way,,, i think this layout is used a lot on CSS Zen Garden... maybe that is worth checking..

 

Also is this a one-page site (or are you having a nav area as well?)

  • Author
i am going to wait for other people to responde first.... i have a good idea how i would do it... but still kinda shy with coding and things.... i wait for other to have their say first.

 

By the way,,, i think this layout is used a lot on CSS Zen Garden... maybe that is worth checking..

 

Also is this a one-page site (or are you having a nav area as well?)

 

This is going to be an eBay template design; Not a webpage.

 

I just need some advice on what are the steps to go about when coding a layout.

Catch me on MSN I will code it for you ;) Providing you get your finger out your butt and make me a few post on WDH ;)

This is going to be an eBay template design; Not a webpage.

 

I just need some advice on what are the steps to go about when coding a layout.

 

*duh* ok i get you... seem you have help now anyway ... Good luck with your layout :D

  • Author
*duh* ok i get you... seem you have help now anyway ... Good luck with your layout :D

 

Thanks. I'll send you link when we're done, if you care to see it. :)

Thanks. I'll send you link when we're done, if you care to see it. :)

 

 

I would love to see it.. thanks :D

Done in a bout 15 mins so isn't the best but works ok for me in IE7, FF3 & Safari.

 

meshach.zip

 

I think you done really well.... better then anything i could have put together in that time :D

Nice work....

 

 

*pat on back*

  • Author
Done in a bout 15 mins so isn't the best but works ok for me in IE7, FF3 & Safari.

 

meshach.zip

 

Wow! Awesome!

 

Thanks for the help!

Wow! Awesome!

 

Thanks for the help!

 

No problem now compile my list of 8 Dark Websites and 8 Light websites both screenshots ;)

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.