Update page design on all pages as a template

Discussion in 'HTML & Website Design' started by jazzzyman, Apr 17, 2013.

  1. jazzzyman

    jazzzyman Well-Known Member

    Messages:
    117
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    103
    #21
    just have no idea how to incorporate my current page design
     
    jazzzyman, Apr 23, 2013 IP
  2. blueparukia

    blueparukia Well-Known Member

    Messages:
    1,564
    Likes Received:
    71
    Best Answers:
    7
    Trophy Points:
    160
    #22
    You'd need at least the menu and content area. A title variable would make good sense then.
     
    blueparukia, Apr 23, 2013 IP
  3. jazzzyman

    jazzzyman Well-Known Member

    Messages:
    117
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    103
    #23
    so how would i go about doing it with my site
     
    jazzzyman, Apr 23, 2013 IP
  4. jazzzyman

    jazzzyman Well-Known Member

    Messages:
    117
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    103
    #24
    i dont mind the work i just dont understand how to do it with my current page design.
    say i broke the page into 3.
    top (template)
    middle (content)
    sidebar (problem)
    bottom (template)

    using the template i could prob get it to work but how about the sidebar?

    if it works on stacking pages ontop of eachother then how do i get that sidebar (template) in there without it being part of the content (middle) section?
     
    jazzzyman, Apr 25, 2013 IP
  5. blueparukia

    blueparukia Well-Known Member

    Messages:
    1,564
    Likes Received:
    71
    Best Answers:
    7
    Trophy Points:
    160
    #25
    Your site does not need change code-wise. You are still using the exact same code so include it in the same order, you have now. Just follow deathshadow's example earlier in the thread:

    Update page design on all pages as a template
     
    blueparukia, Apr 25, 2013 IP
  6. jazzzyman

    jazzzyman Well-Known Member

    Messages:
    117
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    103
    #26
    I understand that but the layout in the demo goes

    page content
    sidebar content
    footer content

    my sidebar isnt in the middle of the page its on the right hand side of the screen.

    I need to know how to position my sidebar etc where i need it on screen

    seriously want to do this if anyones willing to help
     
    jazzzyman, Apr 29, 2013 IP
  7. matt_62

    matt_62 Prominent Member

    Messages:
    1,827
    Likes Received:
    515
    Best Answers:
    14
    Trophy Points:
    350
    #27
    Difficult for me to give you the answer that you want. But sidebar is positioned using divs in html, and making use of css to control widths, and floats. But it would seem that you already know about css? So to further answer your question, I have a template that I created using dreamweaver. When you see it, you see the page as a whole site. My side bar has an ad, and its positioned by css and sits on the right. I actually "split" my template from the left side (which forms header.php) and the right sidebar (which I call footer.php) and any new content would go in between.

    For example, this is how i can create a new page on my site.
    <?php include 'header.php'; ?>
    <h1>Php tutorials</h1>
    <p>this is where the new page content goes</p>
    <?php include 'footer.php'; ?>
    and thats it.

    Now that doesnt look like much, but with the site well designed before splitting it, this means that when you view it complete, you get 2 ads in the right spot, sidebar, or whatever else you want can be all in the header or the footer and everything just falls into place. So if your only content that is different on each page is contained within 1 small div, split that div such that the top becomes header.php and the stuff below becomes footer.php and your done.
     
    matt_62, Apr 29, 2013 IP
  8. jazzzyman

    jazzzyman Well-Known Member

    Messages:
    117
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    103
    #28
    how would i make a 3rd bit to include which is made up of just the sidebar?

    i dont understand enough of the code to write it myself

    i think i can position the content and sidebar next to each other seeing they will be tables and float left inline
     
    jazzzyman, Apr 29, 2013 IP
  9. jazzzyman

    jazzzyman Well-Known Member

    Messages:
    117
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    103
    #29
    still all confusing
     
    jazzzyman, Apr 29, 2013 IP
  10. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #30
    ... and this is the SIMPLE stuff.

    Ok, see these?
    <!--#include file="header.html.inc" -->
    <!--#include file="footer.html.inc" -->
    Code (markup):
    are you at least able to figure out what those do? Did you download the RAR and look at the code?

    You want one more 'piece' you just make one more file, something like 'sidebar.html.inc' and then plug it in
    <!-- #include file="sidebar.html.inc" -->
    Code (markup):
    This cannot be explained in any simpler terms.
     
    deathshadow, Apr 30, 2013 IP
  11. jazzzyman

    jazzzyman Well-Known Member

    Messages:
    117
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    103
    #31
    yeah funny i get all that
    just wasnt sure about adding these divs etc
     
    jazzzyman, Apr 30, 2013 IP
  12. a1brandz

    a1brandz Greenhorn

    Messages:
    42
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    6
    #32
    If your website is designed in .net then this can achieved through .master file.
     
    a1brandz, Apr 30, 2013 IP
  13. jazzzyman

    jazzzyman Well-Known Member

    Messages:
    117
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    103
    #33
    nah its not
     
    jazzzyman, Apr 30, 2013 IP