code support | Questions about service

bemethavinci

bemethavinci good morninq sir,please how do i start the twig for the blog and where will it be placed.

# 2017-02-16 23:18 · (0)

bemethavinci

Graham ok thank you sir,so what am i to work on now?...

# 2017-02-16 05:01 · (0)

Graham

bemethavinci yes but I cannot spend all my time on it I have a lot else to do as well
the part of the blog that outputs the list of posts is fairly simple and that is the next bit
but in the meantime you can work on the rest of the page and your _header/_footer
ps your attachment failed (0 bytes)

# 2017-02-16 04:21 · (0)

bemethavinci

Graham sir,here is the screen shot of the code u sent to me...and what is next to do?...or are we goinq into the blog twig?

# 2017-02-16 03:04

SuperScreenshot0169.jpg · text/plain · 0B

(edited 2017-02-16 03:19 by bemethavinci ) · (0)

Graham

bemethavinci no this is nothing to do with the header or footer this is just the basic page
your _header and _footer are separate files that get added automatically to each page on your sites
as for the file presets just create the folder add a copy of this file to that folder after reload it will appear in the 'new file' options along with the 'html' and 'plain text' options

# 2017-02-16 02:58 · (0)

bemethavinci

Graham ok...so i just need to add this codes on the header and footer of my page and support it with some classes right?...i didnt get what u said about me creating a fold ''file_presets''and saving a copy of the template and reload

# 2017-02-16 02:38 · (0)

Graham

bemethavinci OK then
Forget the blog function for now and just concentrate on the rest of the page
A basic bootstrap page for that would look like this
This is for a standard unaltered blog twig
The 'panels' for the blog will be created in the twig file when we start customizing it
(+ your _header and _footer)

<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1" />
    <title>Bootstrap page</title>
  </head>
  <body>
    <div data-xtcontainer="container" class="container-fluid">
      <div data-xtcontainer="row" class="row">
        <div data-xtcontainer="col sm 6 1st" class="col-sm-6">
      Your blog will go here
        </div>
        <div data-xtcontainer="col sm 6 2nd" class="col-sm-6">
          <div data-xtcontainer="panel" class="panel panel-default">
            <div data-xtcontainer="panel heading" class="panel-heading">Advertising panel heading</div>
            <div data-xtcontainer="panel body" class="panel-body">Advertising panel body</div>
            <div data-xtcontainer="panel footer" class="panel-footer">Advertising panel footer</div>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>

Copy code

On larger (768px +) screens this will show as two side by side panels of even width
on smaller screens they are stacked
The code is also safe to open in the building tool
if you create a folder named file_presets and save a copy of this template in that folder
Then reload xtgem in your browser and when you 'Create new file' in a folder or the main filebrowser the template page appears as one of the options
you can do the same for any commonly used template or code file

# 2017-02-16 01:33 (edited 2017-02-16 02:19 by Graham ) · (0)

bemethavinci

bemethavinci what do you think sir?...

# 2017-02-15 12:37 · (0)

bemethavinci

Graham look at how i created the structure of my design...thats how i want the blog to look like sir

# 2017-02-15 12:34

Blog buildinq structure.jpg · image/jpeg · 695.54KB

· (0)

bemethavinci

Graham i will send an image of how i want my blog to look like...jus give me some min...

# 2017-02-15 11:00 · (0)