code support | Questions about service

Graham

bemethavinci The zip file is attached
This is using 'hosted files'
The folders are here just create the same folders then copy the individual file urls and upload them
http://foundation6.xtgem.com/css/
and
http://foundation6.xtgem.com/js/
Note the links are using the full 'verbose' versions not the 'minified' files
Added / to original relative links or pages don't work in folders !
This goes in _headtags
app.css is equivalent to global_stylesheet and is used to add custom css

Copy code

And this goes at the bottom of the _footer

Copy code

or you can just use the cdn links plus a standard jquery link
This goes in _headtags

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.3.0/css/foundation.min.css">

Copy code

And this goes at the bottom of the _footer

Copy code

As for the html of the demo page that is here
http://foundation6.xtgem.com/foundation.html.js
remove the .js after upload
I have not done any other tests as yet

# 2017-03-12 03:49

foundation-6.3.1-complete.zip · application/zip · 203KB

(edited 2017-03-12 14:27 by Graham ) · (0)

bemethavinci

Graham how does the foundation works...i mean how do i design my blog using the foundation.

# 2017-03-12 05:38 (edited 2017-03-12 05:38 by bemethavinci ) · (0)

Graham

bemethavinci Unless you are going to re-twig it you don't
you can create a page but the blog function itself will still require the xtgem_template classes because thats what the standard blog uses

# 2017-03-12 06:21 · (0)

bemethavinci

Graham ok...so what do you suggest i should do now?

# 2017-03-12 07:05 · (0)

Graham

bemethavinci
Here is a folder of nine 'templates' although really they are sort of 'mock ups'
http://foundation6.xtgem.com/templates/
Some you could adapt to create real pages
things like the blog templates would need custom twig files
here are the files in a form you should be able to upload
remove the .css after upload
http://foundation6.xtgem.com/template_files
Foundation has just as much stuff that will not work on older devices as bootstrap has
A lot of foundation is aimed at people creating sites on their own servers

I also like the look of this w3 schools css template
https://www.w3schools.com/w3css/default.asp
simpler but still does the job
this is possibly more compatible with older mobiles

# 2017-03-12 16:22 (edited 2017-03-12 16:50 by Graham ) · (0)

bemethavinci

Graham waw...amazing features...i will work on that...thank you so much sir graham...am always please with you help...but i want to get something now...what if i want to ccustomize the header page and the footer adding icons to it...how will i do it using the foundation

# 2017-03-13 02:17 · (0)

Graham

bemethavinci It depends on your header but more or less you just add the images
A very simple basic header with a logo and image links would be like this

<div class="top-bar">
  <div class="top-bar-title">
    <img src="/images/logo.png" alt="logo" />
  </div>
  <div class="top-bar-left">
    <ul class="menu">
     <li><a href="#"><img src="/images/blog.png" alt="blog" /> Blog</a></li>
     <li><a href="#">One</a></li>
     <li><a href="#">Two</a></li>
     <li><a href="#">Three</a></li>
    </ul>
  </div>
</div>

Copy code

# 2017-03-13 03:21 (edited 2017-03-13 03:23 by Graham ) · (0)

bemethavinci

bemethavinci what if i want to add icons to the header text with css attached with a slim border line below like the one you just gave me

# 2017-03-13 03:27 (edited 2017-03-13 03:43 by bemethavinci ) · (0)

Graham

bemethavinci class="hollow button" on the link
most of the actual default styles are very simplistic

Here are the main tutorials
http://www.tutorialspoint.com/foundation/
http://foundation.zurb.com/sites/docs/
Most of this is aimed at professional website builders

To be honest for the needs of the average user I feel Bootstrap is more adaptable
and easier to customize

# 2017-03-13 14:06 (edited 2017-03-13 14:15 by Graham ) · (0)

bemethavinci

Graham i tried to customize bootstrap in my own css design and structure...i cant not to talk more of twig...any suggestion

# 2017-03-13 21:42 · (0)