Joomla Templates Club 406,261 posts

[brenot Friend brenotJoin date: March 2011Posts: 223Downloads:202Uploads:49 Thanks: 67 Thanked: 8 times in 3 posts]

#174460

I need to make my header has the full width of teh screen,
and I also need to learn how to insert a new module position (by sample called “header_righ“

Thanks

[brenot Friend brenotJoin date: March 2011Posts: 223Downloads:202Uploads:49 Thanks: 67 Thanked: 8 times in 3 posts]

#441117

<em>@brenot 304008 wrote:</em><blockquote>I need to make my header has the full width of teh screen,
and I also need to learn how to insert a new module position (by sample called “header_right“

Thanks</blockquote>

Can somebody help-me?

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#441254

<em>@brenot 304008 wrote:</em><blockquote>I need to make my header has the full width of teh screen,
and I also need to learn how to insert a new module position (by sample called “header_righ”

Thanks</blockquote>
So that I can try to assist you, please provide the url of the site you’re working on,
as well as set “Optimize CSS” to “No” within your Template Manager–General Settings

1 user says Thank You to TomC for this useful post

1. brenot

[brenot Friend brenotJoin date: March 2011Posts: 223Downloads:202Uploads:49 Thanks: 67 Thanked: 8 times in 3 posts]

#441401

Hi Tom,

i have a test version at, http://184.172.137.187/~jotabati/teste_VM2

please help me,

the css optimize is alredy “no”.

thanks

[pixelzombie Friend pixelzombieJoin date: August 2010Posts: 339Downloads:2Uploads:49 Thanks: 32 Thanked: 168 times in 107 posts]

#441520

Hi brenot,

can you please go to your template manager and select the kranos template. At the Profiles tab select your profile (probably default) and set “Template Width” to AUTO.

Please get back to me when you’re done.

Thanks in advance!

Frank

[brenot Friend brenotJoin date: March 2011Posts: 223Downloads:202Uploads:49 Thanks: 67 Thanked: 8 times in 3 posts]

#441537

Its not so easy, this doest work.

I Need just the HEADER has the full widht in all screens……..

Thank you pixemzombie, but your tip does not work…………
Did you want admin paswword to see?

Thanks

[pixelzombie Friend pixelzombieJoin date: August 2010Posts: 339Downloads:2Uploads:49 Thanks: 32 Thanked: 168 times in 107 posts]

#441559

Hi there,

we’ll it is not easy, you’re right. But the site needs to be set to full width in order to expand. Otherwise the wrapper won’t let your header expand. You can make the rest smaller after that. You can do it with css like this:

Expand the wrapper


body#bd {
background: black;
color: #777;
width: 100%;
}


Left align the content


.main {
margin: 0px !important;
}


Make header 100%


#ja-header .main {
padding: 5px 0;
background: url(../images/content.png) repeat;
height: 24px;
width: 100%;
}


Probably the navigation too?


#ja-mainnav .main {
width: 100% !important;
}


Are you good with that? Otherwise please describe further what exactly you’re trying to accomplish.

Cheers

Frank

1 user says Thank You to pixelzombie for this useful post

1. brenot

[brenot Friend brenotJoin date: March 2011Posts: 223Downloads:202Uploads:49 Thanks: 67 Thanked: 8 times in 3 posts]

#441590

Stills not working..

It changed, but its not as I aspect……

01- The header is not full-widht (they suposse to have a full widht in every screens, every resolutions, but they dont.

02- they also change the contents. I repeat, just the header must to change, the content dont.

Thanks for all

[brenot Friend brenotJoin date: March 2011Posts: 223Downloads:202Uploads:49 Thanks: 67 Thanked: 8 times in 3 posts]

#441676

Not working well, someone more can help me?
This is crucial for my project.

Thanks

[pixelzombie Friend pixelzombieJoin date: August 2010Posts: 339Downloads:2Uploads:49 Thanks: 32 Thanked: 168 times in 107 posts]

#441818

Hi there,

I can’t see any of the css I provided so it’s hard to tell what’s not working as expected. Could you please add the css and get back to me? Maybe you want me to edit your template.css, but I’ll need to have FTP credentials for that.

Thanks in advance.

Frank

1 user says Thank You to pixelzombie for this useful post

1. brenot

[brenot Friend brenotJoin date: March 2011Posts: 223Downloads:202Uploads:49 Thanks: 67 Thanked: 8 times in 3 posts]

#444590

I´ve got to change, i will send th http://FTP………..

FTP
url 184.172.137.187
user joomlart@jotabatista.com.br
pw 2012joomlart

JOOMLA
url http://184.172.137.187/~jotabati/teste_VM2
user admin
pw 2012mudar

Please Attention

Look, i need just the HEADER will be “full-width”.

The content should remain exactly the way it is now

This is a copy off the site that i´m working….. Please, tell me all your modifications , so I can do it in the “live site”

Thank You

<em>@pixelzombie 305077 wrote:</em><blockquote>Hi there,

I can’t see any of the css I provided so it’s hard to tell what’s not working as expected. Could you please add the css and get back to me? Maybe you want me to edit your template.css, but I’ll need to have FTP credentials for that.

Thanks in advance.

Frank</blockquote>

[pixelzombie Friend pixelzombieJoin date: August 2010Posts: 339Downloads:2Uploads:49 Thanks: 32 Thanked: 168 times in 107 posts]

#444688

Hey!

Thanks for setting up the test site. I’ve just made all changes. Please check them. I did everything I’ve allready posted earlier in this thread http://www.joomlart.com/forums/topic/how-to-make-my-header-to-have-the-full-widht-of-page/#post-441559

There was a small detail missing. Add:

.main {
margin: 0px !important;
max-width: 100%;
}

To use this customization, just copy the template.css to your live site.

Cheers

Frank

1 user says Thank You to pixelzombie for this useful post

1. brenot

[brenot Friend brenotJoin date: March 2011Posts: 223Downloads:202Uploads:49 Thanks: 67 Thanked: 8 times in 3 posts]

#444699

Thanks a Lot

I Think this works

Thanks Again

[jhicks Friend jhicksJoin date: March 2011Posts: 94Downloads:0Uploads:15 Thanks: 29 Thanked: 12 times in 1 posts]

#444964

OK, Sorry to highjack this thread but how did you make the background static on the “Telas” page?

thank you, Jeff

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#444968

<em>@jhicks 309184 wrote:</em><blockquote>OK, Sorry to highjack this thread but how did you make the background static on the “Telas” page?

thank you, Jeff</blockquote>

I think that comes from a plugin – I believe it is BT Supersized.

If you want to make a normal static background you can add a fixed statement to your background..

background: url(../images/mh.jpg) center fixed;

Hope that helps

1 user says Thank You to swissa for this useful post

1. jhicks

[Author]

Posts