Joomla Templates Club 406,261 posts

[sbaldwin Friend sbaldwinJoin date: May 2008Posts: 342Downloads:0Uploads:65 Thanks: 119 Thanked: 15 times in 1 posts]

#139140

Hi!
Does anyone know the pixels dimensions, Height and Width of User 5, 8 and 9?
Also can I make a banner module for those posistions in same size?

thanks for any help! 😀

[cgc0202 Friend cgc0202Join date: August 2007Posts: 2244Downloads:0Uploads:3 Thanks: 206 Thanked: 262 times in 1 posts]

#296012

<em>@sbaldwin 117785 wrote:</em><blockquote>Hi!
Does anyone know the pixels dimensions, Height and Width of User 5, 8 and 9?
Also can I make a banner module for those posistions in same size?

thanks for any help! :D</blockquote>

sbaldwin,

Perform a Page Source (from your browser), to find the “DIV tags” that surround whatever is in your 5, 8 and 9. Then, go to your template.css

templates => ja_teline_ii => css => template.css

to find the CSS specifications of the “DIV tags” — there are usually several of them. They define the width, height, bordering, spacing (margin and padding), the stylesheet of the contents (bold, uppercase, lowercase, size, color, etc.)

Note that there are module specific CSS tags — for example for the modules JA News Frontpage, JA News, Hot Topic, etc. You can find their CSS either in the above directory, or in the modules directory for the respective modules.

Once you master the above general procedure outlined above, you will be able to answer most layout (cascading stylesheet) questions on your own. There are more difficult ones though because of the way the CSS files are all over the place.

As to the second part, yes, you can create and add banners or ads to any position that would accept the size of the banners or ads. The website of Chris (questbg)

http://www.questbg.com/

provides examples of this. There are some technical issues when placing banners or ads in these positions. Chris might be in a better position to answer. or Menalto because he helped resolve them.

Cornelio

1 user says Thank You to cgc0202 for this useful post

1. sbaldwin

[sbaldwin Friend sbaldwinJoin date: May 2008Posts: 342Downloads:0Uploads:65 Thanks: 119 Thanked: 15 times in 1 posts]

#296724

Thank you Cornelio! Will do..nice tip!

[it planeten Friend it planetenJoin date: December 2008Posts: 15Downloads:0Uploads:1]

#296893

I would like to have answer with the same questions. Where do I contact Chris? Is he member here?

I would like to add some banners after user5 and before user6 and 7. Can I create a new section there? How do I do that?

I appreciate any help.

[it planeten Friend it planetenJoin date: December 2008Posts: 15Downloads:0Uploads:1]

#297933

Could anyone answer these questions please??!

[cgc0202 Friend cgc0202Join date: August 2007Posts: 2244Downloads:0Uploads:3 Thanks: 206 Thanked: 262 times in 1 posts]

#297976

<em>@it planeten 118906 wrote:</em><blockquote>I would like to have answer with the same questions. Where do I contact Chris? Is he member here?

I would like to add some banners after user5 and before user6 and 7. Can I create a new section there? How do I do that?

I appreciate any help.</blockquote>

it planeten,

Did you try first the general procedure I suggested above, to get the first part? If you learn how to do the general procedure, you might be able to answer most questions (80-90%) you might ever want to know, about layouting. It is dependent on understanding the CSS tags, as defined in the CSS files. There will still be some more difficult questions, and that should be the proper use of these forums.

<em>@it planeten 118906 wrote:</em><blockquote>
Can I create a new section there? How do I do that?.</blockquote>

Yes, you can, but you need not create new sections (if you meant “new positions). Until you have a better understanding of the basics of layouting and CSS, it is dangerous to modify the general structure of a stable template — it might have consequences that could completely destroy your site.

For now, you may use the bottom of the position user5 to insert banners. This is just a matter of arranging the contents of user5, if you have more than one in there.

The critical thing is that the width must not exceed that of the position with some room to allocate for the spacing and margins specified in the CSS tags of the right column and those of the user5 position wrapper.

Chris regularly browse the Teline II forum. If he still remembers, he would have answered already. He actually asked the question here (so you may use the search function, sometime in early June 2008, or thereabouts). It was Menalto who provided the answer. Perhaps, Menalto, who has always been very helpful, might not have responded either because, it has already been asked and marked solved in this forum. Just speculating, and it might not be the reason; but I noticed that some of the same questions have been asked and solved, many times before.

Cornelio

[elbahri Friend elbahriJoin date: February 2009Posts: 16Downloads:0Uploads:2 Thanks: 6]

#299095

I am looking for the same information as the above message, namely dimension in pixel for my banners in User 5, 6 and 7. I did the above procedure but could not find anything called User 5, 6 ans 7. Can you please give me a help or a hint, thanks a lot

[cgc0202 Friend cgc0202Join date: August 2007Posts: 2244Downloads:0Uploads:3 Thanks: 206 Thanked: 262 times in 1 posts]

#299313

<em>@elbahri 121572 wrote:</em><blockquote>I am looking for the same information as the above message, namely dimension in pixel for my banners in User 5, 6 and 7. I did the above procedure but could not find anything called User 5, 6 ans 7. Can you please give me a help or a hint, thanks a lot</blockquote>

Hi elbahri,

Sorry it was not more clear. Users 5, 6, and 7 are positions. As such, they do not appear in the CSS tags that will appear if you perform the “Page Source”. However, if you know the position location — the right column

• Postion 5 <= this is where you have the video module in Teline II
• Position 6 <= this is where you have the “Latest” “Popular”, “You Tube” and “Media”
• Position 7 <= I think this position is empty, so you have to fill it up so that you can view the CSS tags

Apart from the above, you must also know the CSS tags that define the dimensions of the right column. These are usually expressed in percentage:

/* PRIMARY COLUMN
--------------------------------------------------------- */
#ja-content <= this is the left column of the body
{
clear: both;
display: block;
float: left;
width: 65%;
}

#ja-content div.ja-innerpad
{
padding: 0 15px 0 0;
}

/* COLUMNS
--------------------------------------------------------- */
#ja-colwrap <= this is the right column of the body
{
float: right;
overflow: hidden;
width: 34.9%;
}

based from a defaut size of 970 px

#ja-header,
#ja-mainnav,
#ja-subnav,
#ja-container,
#ja-footer {
width: 970px;
margin: 0 auto;
clear: both;
text-align:left;
}

so that you can calculate the maximum width. Note that you may change the above values, if you know what you are doing. If you total the percentage width of the left (Primary Column) and right column (simply called Columns) the total is slightly under 100%.

Anyway, before you do anything, you need to decide whether to keep width of the page at 970px, reduce or increase it. Your choice, each has its own merits and demerits. Alternatively, you can keep the page width=970px but change the relative widths of the Primary Column (left body) and the Columns (right column). Or, if you are confident width your skills, you can change all of them.

My suggestion is keep the default sizes, for now Experiment later once you are more confident with your skills.

“Learn to walk before you run”, as the saying goes.

And, before you do any changes (or during the progression of your modifications) keep a copy of the previous stages of the modification. This way, you can always go back to a previous step and not start all over again. If worse comes to worst, don’t panic. Your downloaded copy should have the default sizes. Or, you can download a fresh one, in case you messed up the master download files.

Then, after that, you may calculate the potential maximum width that could be placed in positions users 5, 6, 7.

If you use maximum width for your banners to place in these positions, you break your layout. Why? because there are wrappers that you have to consider. Also, the CSS tags of your image and banners themselves may have other specifications that you have to consider — for example, the banner or image wrap — may have margin and padding that are not zero. They further reduce the maximum width that you can place in a position.

The best strategy is to experiment with the maximum width of your images and banners, after you have set the widths of the Primary (body) column and right column (see above).

Cornelio

1 user says Thank You to cgc0202 for this useful post

1. elbahri

[elbahri Friend elbahriJoin date: February 2009Posts: 16Downloads:0Uploads:2 Thanks: 6]

#299335

Thank you Cornelio.

I didn’t go through your message in detail yet, but I read it across. My first comment is: Thank you at least it is written for and by a humain been. thanks a lot.

As you may know, most of the people are using joomla but do not know IT stuff, thats why I suggest to help them with a basic language. I think I did a lot by myself just because when things are explained clearly, it works.

If I may and do not disturb you further, I will reply to your comment later one. I have some news to add to my site, hehehe

Have a look: http://www.el-bahri.com

cheers

[cgc0202 Friend cgc0202Join date: August 2007Posts: 2244Downloads:0Uploads:3 Thanks: 206 Thanked: 262 times in 1 posts]

#299386

<em>@elbahri 121867 wrote:</em><blockquote>Thank you Cornelio.

I didn’t go through your message in detail yet, but I read it across. My first comment is: Thank you at least it is written for and by a humain been. thanks a lot.

As you may know, most of the people are using joomla but do not know IT stuff, thats why I suggest to help them with a basic language. I think I did a lot by myself just because when things are explained clearly, it works.

If I may and do not disturb you further, I will reply to your comment later one. I have some news to add to my site, hehehe

Have a look: http://www.el-bahri.com

cheers</blockquote>

Hi elbahri,

I hope the general tutorial would help you. If you want to return the favor, and help others who are still learning the procedure like you, would you please write down exactly (step-by-step) how you did it, please take a photo of each step (this is intenedd as visual material beginners) — until you get the final result.

If you have questions, along the way, please ask. Write any problem you encounter, and if you solved them. How you went about solving the problem. In other words, approach the “project” from the perspective of a beginner. What you will learn (including roadblocks) will be quite important from the perspective of one at the same level as you are now.

I would be interested to include specific examples, from the perspective of a “beginner” in relation to this tutorial. I have no background in programming myself, and I learned it, from examples and tutorials like the one outlined above.

By writing down exactly what you did , you would learn also more effectively and gain more confidence to tackle any related problem.

I would like to collaborate with you on this to help create a tutorial for beginners, if this is something that would interest you. Sort of returning the favor by helping others — the so-called “ripple in the pond”. I plan to place such detailed procedures in a website. The more people who will collaborate, the faster it would be to create a more comprehensive tutorial — for various issues.

I visited your site, and there are a number of areas where you may be able to use the general procedure outlined above, to further improve your site. We can collaborate to identify them and systematically solve them.

Cornelio

[cgc0202 Friend cgc0202Join date: August 2007Posts: 2244Downloads:0Uploads:3 Thanks: 206 Thanked: 262 times in 1 posts]

#299387

<em>@sbaldwin 118694 wrote:</em><blockquote>Thank you Cornelio! Will do..nice tip!</blockquote>

Hi sbaldwin,

Have you finally solved the question you originally asked? If you did, would you consider collaborating create tutorials that is intended for website creators — from perspective of one who is trying to learn the process, like yourself?

I outlined some suggestions in my response to elbahri (just above this). Kindly let me know if this is some collaboration that you want to involve in.

Cornelio

[elbahri Friend elbahriJoin date: February 2009Posts: 16Downloads:0Uploads:2 Thanks: 6]

#299547

Hi Cornelio

sure I am interested. I am in a process of feeding my web site, so I have a lot of research and typing to do, plus formating etc. On top of that, I have my work, my kids and of course my wife…hehehe.

But I will return the favor no problem, just tell me what to do. Learning from falling and from other experience is always welcome. I may admit my english is not that perfect but I will review my writting and if not clear enough please do not hesitate to correct it.

Lets stay in touch.

Cheers

[cgc0202 Friend cgc0202Join date: August 2007Posts: 2244Downloads:0Uploads:3 Thanks: 206 Thanked: 262 times in 1 posts]

#299569

<em>@elbahri 122121 wrote:</em><blockquote>Hi Cornelio

sure I am interested. I am in a process of feeding my web site, so I have a lot of research and typing to do, plus formating etc. On top of that, I have my work, my kids and of course my wife…hehehe.

But I will return the favor no problem, just tell me what to do. Learning from falling and from other experience is always welcome. I may admit my english is not that perfect but I will review my writting and if not clear enough please do not hesitate to correct it.

Lets stay in touch.

Cheers</blockquote>

Hi elbahri,

Is your country Bahrain?

You may include me in your contact list. And, I will get back to you once the site — where to place the tutorials — is ready. I can show you the concept website, if you PM me.

As to what to do first: Try to prepare banners for positions 5, 6, and 7, as you wanted to do when you asked the question.

• Write down the procedure of each step (even if it is very simple, after all it is intended for beginners not experts)
• Include paths, like I have done in my response, to guide the visitor how (s)he can perform exactly as you did.
• Take photos of each step. Some may need guidance on what to fill up

Don’t worry about your English. We are collaborating. Since it will be your work, you will be the primary author (for all the work you do above). And, if it is based from the tutorial I did above, I will be the secondary author.

I assume your site is in French? We want the tutorials to be multi-lingual, so it woould be good to write them in French and/or Arabic too.

After the banner. We can work on the images: Your feature image in the Front Page module is overlapping with the second column. In the article page, some of the images do not have margins.

Cornelio

[Author]

Posts