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 do i do make this?

Featured Replies

How would i go about creating this layout. I have given it ago but i cant get it all working with in a main div?

 

Any tutorials you can post me towards or any help please?

 

The uploaded diagram was drawn quick it will all align up together.

post-7308-1221560601_thumb.png

How would i go about creating this layout. I have given it ago but i cant get it all working with in a main div?

 

Any tutorials you can post me towards or any help please?

 

The uploaded diagram was drawn quick it will all align up together.

 

Try these sort of sites.

http://layouts.ironmyers.com/750_pixel_Layouts/

siteWrapper (sets the width of the site)

 

Then a container that spans the width of the site wrapper, this is the long one at the top.

 

Inside that you want a floated (to the left) container with a width.

Also a container floating to the right, this sets the width of the right container. Inside this one you want to set up a left col and a right col with floats.

 

Below all them, but before the end of the site wrapper you put your footer.

 

<siteWapper>
           <fullWidth>
                   content for fullwidth
            <fullWidth ENDS>

            <leftColumn>
                   content for left col
            <leftColumn ENDS>

            <rightColumnWide>
                    content for rightColumnWide
            <rightColumnWide ENDS>

            <rightColumnWide>
                     <leftPart>
                              left part content
                     <leftPart ENDS>
                     <rightPart>
                                right part content 
                      <rightPart ENDS>
             <rightColumnWide ENDS>

           <footer>
                    footer content
           <footer ENDS>
<siteWrapper ENDS>

 

 

Sorry for sloppy "code" there, just to give you an idea, if you get really stuck PM me and I'll build you a template.

  • Author

Thank You. Both of you. i will try it out.

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.