twitter-bootstrap


Dynamic Bootstrap website using Joomla's BackOffice


I came here because I have a huge problem in my website, and I never worked before with some kind of platform like Joomla.
So in my work they asked me to do a website for their enterprise by using Joomla and Bootstrap, and use a template already made and change it a little bit to make it original.
Original template: http://startbootstrap.com/template-overviews/agency/
So that's what I did, I started working around CSS and PHP/Javascript files, and finished my template.
Now I want to implement this on Joomla, so they can access through BackOffice and change whatever they want, add/modify/remove news, etc.
But I don't know how to do it properly. I already saw a video (https://www.youtube.com/watch?v=6O0XDelA2DE) where the guy created a XML File with all the folders, files and positions, but when I try to for example change the logo, it comes with a div and I can't take it off. Something like this:
My template without Joomla modules, static website:
http://s28.postimg.org/5oz476nwt/image.png
My template after modifying a logo through Joomla's BackOffice using Bootstrap Nav Module:
http://s28.postimg.org/vl1osq07h/image.png
Here is a screenshot of what I did to change the logo on Joomla's Administrator interface
http://s17.postimg.org/3ugt26evj/image.png
And what would I have to do to keep for example that Menu style, and how would I add a news system dynamically on my website by using Joomla's BackOffice?
I am sorry if I am being in some way noobish, but I am not really familiarized with this kind of platforms and frameworks.
PS: Website is a One Page Template. / Can't post images/links because I don't have enough reputation.
Please I really need some help, I would be very grateful!
Take care,
Vítor Coelho
You have to start with: Creating a basic Joomla! template. This tutorial provide all the basic information you need to implement to your template in Joomla.
The steps are:
You have to create a templateDetails.xml file that you will define file structure and available module positions.
Rename your template page to index.php and add the appropriate code blocks to head section for css and js libraries.
Add the appropriate Module Position code to the places that you want to assign dynamic content (modules).
Once you finish you have to zip the files, install them under Extensions -> Extension Manager and enable it under Extensions -> Template manager.
Please note that you don't have to implement bootstrap files. You just have to add this code to the top of template file to load bootstrap libraries:
JHtml::_('bootstrap.framework');
There are other options for Jquery and Mootools libraries too.
Hope this helps

Related Links

Bootstrap 3 affix offset-bottom behaviour
How can I remove the prev and next button in datatable bootstrap pagination if there's only one or two pages?
How can I highlight table cells that have been edited and those that are updated as a result?
Working with meteor wizard steps?
icon-youtube didn't work in bootstrap
Bootstrap 2.2.2 button dropdown toggle instantly closes on iOS
How to trim white spaces in bootstrap validator?
Does Bootstrap tooltip support track:mouse or similar function?
Bootstrap free template license?
Can I create a bootstrap popover without putting the content in a data attribute?
Bootstrap Popup is not working for me
Bootstrap menu (nav) collapse horizontally instead of vertical
Where is the “CSS/CODE” about the gap after navbar
Bootstrap 3 - 3 Column layout into 2 column layout
Lighbox bootstrap img-responsive not working in FireFox
Resizehandle MVC5 EditorFor in IE not working (working in FF and Chrome)

Categories

HOME
stata
wifi
snappy
xamarin.forms
mifare
singleton
app-store
markdown
dcos
minimax
runtime
oxid
infopath
smooth-scrolling
sonarlint
pushbullet
infinite-loop
inline-assembly
rvm
ballerinalang
smart-device
launchd
undo
selenium3
wordpress-rest-api
android-scrollview
android-geofence
ansible-inventory
ragel
lighting
const
scalamock
observer-pattern
nshttpurlresponse
opos
openxava
openidm
esprima
blitz3d
geokit
key-value-store
vitamio
camellia
treelist
jmap
factorization
wordpress-plugin
jersey-test-framework
recode
javapackager
identifying
pagecontrol
dcg
android-networking
cakephp-2.6
tidesdk
avd
attiny
iphone-6
fxmlloader
apache-pivot
redmine-plugins
javacompiler
azure-worker-roles
rpt
enquire.js
new-operator
power-management
internet-radio
git-subtree
data-layers
carrier
boofcv
mdp
myrrix
listpicker
backbone-views
outlook-object-model
brew
ntdll
nsregularexpression
feincms
tasklist
motordriver
derived-class
custom-cursor
ios6-maps
mysql-connector
mcpd
recess
windows-xp-embedded
moss2007-security
mass-emails
nstoolbar
web-search
code-golf
large-data-volumes
pixel-bender
software-update

Resources

Encrypt Message



code
soft
python
ios
c
html
jquery
cloud
mobile