I have just started learning to convert html to joomla template 2.5,quite succeed.
My html looks like:
Home Page:Header,Menu,slider,footer
About Page:Header,menu,content area,footer.
Problem is how to create the about page as well as other pages, I have approx different themes for different pages, header, footer, menu are same, just the middle portion are different.
Suppose I have a main center div
<div class="slider-wrapper theme-default">
<div id="slider" class="nivoSlider">
<img width="970" height="400" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/images/sldier1.jpg" alt="Black Leather Suit" title="" /></div></div>
ow could I add more than 1 components in slider-wrapper div?
<jdoc:include type="modules" name="content" style="none" />
<jdoc:include type="modules" name="content" style="none" />
Joomla sites are not like html sites. You don't manually create each page and save the html file. For this you create a new article in the Joomla backend using the article manager or a 3rd party extensions such as K2, or assign an installed component layout to a menu item.
You can also only have 1 component per page however, if you slider comes with a module, then you can load the module in an article by giving is a custom position and then adding the following code to you article:
{loadposition xxx}
Related
I am content with my current theme but the photosets are not laying out properly, they are the same width with my photos but say for instance i reblog a photoset with the photos side by side, it wont show up that way on my blog it will show up underneath each other and that is very frustrating since it makes the images blury.
This is my photoset html code. Is there anyway to correct this?
</div>
{/block:Photo}
{block:Photoset}
<div class="entry">
<div class="photosetbox">
{block:Photos}
<img src="{PhotoURL-HighRes}" class="highres">
{/block:Photos}
{block:IndexPage}
<div class="photosett">
{block:Date}
{block:NoteCount}{NoteCountWithLabel} • {/block:NoteCount}{12Hour}:{Minutes} {CapitalAmPm}
{/block:Date}
</div>
<div class="photoset_a">
</div>
{/block:IndexPage}
</div>
Photoset Photos
Your current code specifies that you want each photo from photoset to rendered in the html as an img tag:
{block:Photos}
<img src="{PhotoURL-HighRes}" class="highres">
{/block:Photos}
To render a photoset, you have two options. Either use the built in feature / theme operator. This will give you an iframe with a photoset prebuilt inside it:
{Photoset-700}
Or use a plugin to take your current code and turn it into a photoset.
References
Tumblr Theme Operators - Photosets
Photoset Grid jQuery Plugin
is there any way to style the output of <jdoc:include type="component" /> within the templates without modifying Joomla core function?
Specifically, I would like to add a div with id article to include the article and nothing else. By now, in my theme, there's a div with class item-page that includes the article, the ratings, the action and even the comment box (added with an external plugin).
So, I would like the new templates to be something like:
<div class="item-page>
<!-- something here -->
<div id="article">
<!-- The article and nothing else here -->
</div>
<!-- comments and whatever may be here -->
</div>
Use a layout override.
Go to the tmpl folder of the view you want to modify the layout for and copy to the html folder of your template ... so say article:
get /components/views/article/default.php and copy that to
templates/[yourtemplate]/html/com_content/article/default.php
Modify the file as you wish.
This will default change it on all pages using that template.
I hope you can help.
I've a Joomla 2.5 site with an existing (and working) set of modules which are all showing up on the main site just fine.
For a whole myriad of reasons I've put together a custom Joomla template ... here is the out put: http://www.fabulous-women.co.uk/testing.html
in the "headerslice" position I've copied the working modules and set them to the headerslice position. However, it refuses to display.
<?php if ($this->countModules('headerslice' )) : ?>
<div id="headerslice">
<jdoc:include type="modules" name='headerslice'/>
</div>
<?php endif; ?>
The if statement does render the tags... but no content. The jdoc:include type="header" renders perfectly in the tags.
Help!
TIA
You need a space before the closing slash of the jdoc statement.
Try:
<jdoc:include type="modules" name='headerslice' />
http://www.linkmanagementgroup.com/
My problem is that i've got the log in on the Front Page (and homepage) but i need to move it so that it only appears with the "Link Associates" article page.
<div id="logIn">
<jdoc:include type="modules" name="top" style="beezDivision" headerLevel="3" />
<jdoc:include type="modules" name="user1" style="beezDivision" headerLevel="3" />
<jdoc:include type="modules" name="user2" style="beezDivision" headerLevel="3" />
<jdoc:include type="modules" name="right" style="beezDivision" headerLevel="3" />
<!--end of logIn--></div>
I edited the beez template to make it...if u haven't guessed!
Please help!
Cheeerrss,
Steph
If it is a Login module go the Module Manager and locate (select type = mod_login)see the pages it is enabled for.. then change selection to taste
note: it will only show items on your menus- so if it is only one content page you want it on - make sure that particular article is assigned to a menu (it can be any menu...even one that is not published...sometimes Joomla works in wacky ways)
I came across this lightbox plugin and thought of implementing it in my project. I have an option of Exporting data in my application. When I click the export link, I want the light box to appear with some text and buttons like Export to excel,export to text file etc.
But will the light box plugin overlay only images? If not, how can I over text and div elements?
This is the export link:
<a class="button" id="export_entries">Export</a>
This is the div element that I want to appear in the lightbox.
<div id="lightboxContent">
<div class="info">
<h2>Export Options</h2>
<div>How would you like that?</div>
</div>
<div class="stuff">
<p class="center">
<a class="button" title="Excel Document" href="#">Excel(.xls)</a>
<a class="button" title="Tab Delimited" href="#">Text(.txt)</a>
</p>
</div>
EDIT 1
I tried another lightbox plugin called facebox, which had an option of loading a html file in the lightbox. But for me,the html file is loaded as a new page. Can anyone help me?
I've given the code below:
<script type="text/javascript" src="/FormBuilder/app/webroot/js/jquery.js"></script>
<script type="text/javascript" src="/FormBuilder/app/webroot/js/facebox/facebox.js"></script>
<link type="text/css" rel="Stylesheet" href="/FormBuilder/app/webroot/css/facebox/facebox.css" media="screen,projection" />
<a class="button" rel="facebox" id="export_entries" href="/lightbox.html" >Export</a>
You can adapt the lightbox to contain any HTML. All it does is blank out the background and put some HTML into a division in the foreground.
You might save some time by checking out Expose, which is part of the jQuery tools:
http://flowplayer.org/tools/demos/index.html
The LightBox plugin is used to overlay only images. So I went for Thickbox plugin which can be used to overlay images,text,html and Ajax content.