* bemethavinci * Graham here is the code.

<nav class="navbar navbar-default">
 <div class="container-fluid">
 <div class="navbar-header">
 <a class="navbar-brand" href="#"><img class="pull-
left" src="VINCEY" alt="VINCEY" /></a>
 </div> <ul id="" class="nav nav-tabs xt_navigation">
 <li class="active"><a href="#">Home</a></li>
 <li><a href="/Blog">Blog</a></li>
 <li><a href="/forum">Forum</a></li>
 </ul>
 </div> </nav>
2017-02-15 13:49 · (0)
* bemethavinci * Graham are you tryinq to say i can design the blog with jus twiging it?...if yes,how do i start and end it using bootstrap markup.
2017-02-15 13:55 · (0)
* Graham * bemethavinci ok so do you have a image file just called 'VINCEY' and where is it ? if it is in your main root then the address would be /VINCEY and has the file got no extension? and is it named in all uppercase
2017-02-15 16:18 · (0)
* Graham * bemethavinci it all depends on how you want to show the blog what markup you want on the page and what you want to be part of the blog function
My blog twig files at http://baretest.xtgem.com/templates/Blog have all the bootstrap markup already in them for a two column output (single on mobiles under 768px) all the function needs is a <div class="container-fluid"> wrapper
A complete page (without the fancy 'related' posts feature xtscript) for my twig can be as simple as
<!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>Forum</title> 
</head>
<body>
<div data-xtcontainer="container" class="container-fluid">
  <xt:blog>
</div>
</body>
</html>

Copy code
2017-02-15 16:36 (edited 2017-02-15 16:39 by Graham ) · (0)
* bemethavinci * Graham i just use the vincey as the logo name...thats all...
2017-02-15 20:00 · (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 20:00 · (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 21:34
*
* Blog buildinq structure.jpg · image/jpeg · 695.54KB
· (0)
* bemethavinci * bemethavinci what do you think sir?...
2017-02-15 21:37 · (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 10:33 (edited 2017-02-16 11:19 by Graham ) · (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 11:38 · (0)

Online: Guests: 1