The Joomla! Forum ™

I'm running Joomla 2.5 and using the Beez20 template.
While I'm quite skilled with computers and teach networking and server administration for a living I know very little about php and css.
I've worked with Joomla for awhile so I understand positions and the like.

Right now the login module takes up the entire left side of the site when using position 7. What I'd like to do is move the login module to somewhere near the top and make it horizontal. The preference would be to move it to the upper right have it take up very little space. However, it doesn't display correctly when I try to use position 0 or any other position that is suppose to be near the top.

I want the main website content to take up the entire width of the site. I've already setup a drop down menu system for all navigation. Now I just need to get the login out of the way.

1: How do I move the login module and make it display as just asking for the username/password in the upper right without taking up a ton of space.

2: How do I make it so all my articles and such take up the full width of the site.

Again I really need help with the css and php code that would do this.

Thanks!

I still need help with this if anyone has some sites they can direct me to?

Is there a plugin for login prompts that would be easier to move into the upper right corner? Right now the login/logout is taking up the left side of the template.

First you need to make a copy of the Template
Extensions >>> Templates ... Templates Tab ... Click the 'Details and files' for the Template and create a copy.

Then make the edits to the copy. You will need to edit the Template's index.php file and move the divs.

Have you created or edited an HTML file at all ?

_________________
http://weblinksonline.co.uk/joomla-faq.html

Yes, I've worked with html before. I'm familiar with basic tags, forms, and tables.

I just don't know css or php well at all. I can hack stuff together okay, but don't understand much of the syntax.

You just need pointing in the right direction

Don't worry about the php, in the Templates index.php file you will find <div></div> tags. Between those tags you will see things like
<jdoc:include type="modules" name="position-12" />
That is a variable and is defined in the templateDetails.xml file and displays in the edit screen of a module. Every module that is set to that Position displays where the variable is. The whole lot is enclosed in a php if statement

<?php if ($this->countModules('position-12')): ?>
<div id="top"><jdoc:include type="modules" name="position-12" />
</div>
<?php endif; ?>
Translates as
If there is a module(or modules assigned to to Position 12) display the div and the module(s).

--------

The css controls the display of the divs. Use Firebug with Firefox to view the site. You can make edits to the css to see the changes it makes. The changes are temporary. So you will need a method to make changes that can be viewed quickly and (if necessary undone quickly).

You can practice editing a Template on your test site


If you use Filezilla ftp client you can easily undo changes

You can see the the css with Firebug http://getfirebug.com/
It also tells you the location of the css

And http://www.w3schools.com/css/ tells you what the css means.

A methodology for editing that works (you will use a method that suits you)

1. Download http://www.snapfiles.com/get/notepadplus.html Notepad ++
2. Download and install Filezilla ftp Client http://filezilla-project.org/download.php
3. Put the ftp details of your site into Filezilla and connect
4. Download and unzip rjtext editor
5. In filezilla locate the css file on your server, right click and open for edit
6. Select \Program Files (x86)\Notepad++\notepad++.exe as editor for css files
7. The file will open for edit
8. After saving the file ... Filezilla will prompt to upload.
9. If you don't like the changes you can easily undo them.
   

N.B.
If you have edited the file from within Joomla then it will be chmod 555. And you will need to change it to 644 to edit if opening up with Filezilla.

_________________
http://weblinksonline.co.uk/joomla-faq.html