Joomla Templates Club 406,261 posts

[msilac Friend msilacJoin date: October 2010Posts: 548Downloads:2Uploads:74 Thanks: 115 Thanked: 5 times in 1 posts]

#165016

Hello,

I wish to change background template in style 3 so that I have smoething like this – austria.info. So just background from left and right side. Can I do that with some settings, new module fotr that or how?

Of course I need to have photo there and it will be great that I can put couple photos there so they randomly can change (when visitor click). 🙂

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#395464

provide a screenshot how it should be. and post the images and your site Url

1 user says Thank You to chavan for this useful post

1. msilac

[msilac Friend msilacJoin date: October 2010Posts: 548Downloads:2Uploads:74 Thanks: 115 Thanked: 5 times in 1 posts]

#395478

I mean for this demo site, nothing is changed. Site url is on your PM.
It should be like at http://www.austria.info or like at http://www.blitz-cinestar.hr

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#395499

Do the Following changes in this File: http://www.kultura-osijek.com/tzosijek/templates/ja_travel/css/template.css

1. Replace the Following css code


body#bd {
background:#FFFFFF;
color: #333333;
}

With


body#bd {
background: url("http://www.blitz-cinestar.hr/UserDocsImages/podloge/SRIJEDA_1623x1007.jpg") no-repeat fixed center top #FFF;
color: #333333;
}

Instead of this image http://www.blitz-cinestar.hr/UserDocsImages/podloge/SRIJEDA_1623x1007.jpg, please provide your image url.

2. Add the Following code to the same template.css file.


body.bd #ja-wrapper { background: #FFFFFF;
margin: 0 auto;
width: 960px;
}


Note: If you Find my Post useful please click on the Thanks Icon

4 users say Thank You to chavan for this useful post

1. msilac
2. cantabriadeportiva
3. val_rul28
4. jcalado

[msilac Friend msilacJoin date: October 2010Posts: 548Downloads:2Uploads:74 Thanks: 115 Thanked: 5 times in 1 posts]

#395532

Ok, I see. But how to have some kind of changing background photos every time when visitor click on web page or something like that…?

Of course I will pay for that customisation/module… something…

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#395805

Please post a project in http://www.joomlancers.com/. you will be helped in customization there.

[lamvt Friend lamvtJoin date: December 2006Posts: 265Downloads:0Uploads:0 Thanks: 6 Thanked: 52 times in 46 posts]

#395930

Must to use PHP Random changes Backgound.
or use Javascript to random changes background,
Creat some background Images yourseft and add it.

[cantabriadeportiva Friend cantabriadeportivaJoin date: June 2011Posts: 86Downloads:0Uploads:13 Thanks: 48 Thanked: 4 times in 1 posts]

#400231

<em>@Chavan 245936 wrote:</em><blockquote>Do the Following changes in this File: http://www.kultura-osijek.com/tzosijek/templates/ja_travel/css/template.css

1. Replace the Following css code


body#bd {
background:#FFFFFF;
color: #333333;
}

With


body#bd {
background: url("http://www.blitz-cinestar.hr/UserDocsImages/podloge/SRIJEDA_1623x1007.jpg") no-repeat fixed center top #FFF;
color: #333333;
}

Instead of this image http://www.blitz-cinestar.hr/UserDocsImages/podloge/SRIJEDA_1623x1007.jpg, please provide your image url.

2. Add the Following code to the same template.css file.


body.bd #ja-wrapper { background: #FFFFFF;
margin: 0 auto;
width: 960px;
}


Note: If you Find my Post useful please click on the Thanks Icon</blockquote>

Fantastic!!!
I’ve modified my css template (Teline IV) and it works well but I have a problem, look at the top http://cantabriadeportiva.es/cantabriadeportiva/
The top line gets moved to right.

¿Whats is the problem?

Thanks!

[John Wesley Brett Moderator John Wesley BrettJoin date: July 2013Posts: 2142Downloads:17Uploads:26 Thanks: 175 Thanked: 645 times in 426 posts]

#400245

Because of your previous changes (see #2 above), you now need to REMOVE the following line in RED.
I can’t give you a line number because your CSS compression is on. Search for it. Should be easy to find near the top of your template.css


.main {
margin: 0 auto;
max-width: 1200px;
position: relative;
width: 980px;
}


Have fun!
John.

1 user says Thank You to John Wesley Brett for this useful post

1. cantabriadeportiva

[cantabriadeportiva Friend cantabriadeportivaJoin date: June 2011Posts: 86Downloads:0Uploads:13 Thanks: 48 Thanked: 4 times in 1 posts]

#400250

<em>@jbrett 251949 wrote:</em><blockquote>Because of your previous changes (see #2 above), you now need to REMOVE the following line in RED.
I can’t give you a line number because your CSS compression is on. Search for it. Should be easy to find near the top of your template.css


.main {
margin: 0 auto;
max-width: 1200px;
position: relative;
width: 980px;
}


Have fun!
John.</blockquote>

I didn’t find anything like this in my template.css. Is Teline’s .css diferent?

[John Wesley Brett Moderator John Wesley BrettJoin date: July 2013Posts: 2142Downloads:17Uploads:26 Thanks: 175 Thanked: 645 times in 426 posts]

#400260

I would be glad to help you, but until you uncompress your CSS files, I can provide no further information.
Please let us know when you have done so.

Thank you,
John.

1 user says Thank You to John Wesley Brett for this useful post

1. cantabriadeportiva

[cantabriadeportiva Friend cantabriadeportivaJoin date: June 2011Posts: 86Downloads:0Uploads:13 Thanks: 48 Thanked: 4 times in 1 posts]

#400316

<em>@jbrett 251968 wrote:</em><blockquote>I would be glad to help you, but until you uncompress your CSS files, I can provide no further information.
Please let us know when you have done so.

Thank you,
John.</blockquote>

I’ve uncompressed it.

Thank John

[cantabriadeportiva Friend cantabriadeportivaJoin date: June 2011Posts: 86Downloads:0Uploads:13 Thanks: 48 Thanked: 4 times in 1 posts]

#400431

Can’t anybody help me?

Thank you

[himangi Friend himangiJoin date: April 2011Posts: 1406Downloads:1Uploads:86 Thanks: 21 Thanked: 345 times in 332 posts]

#401257

Hi

In your template.css file line no 813, find
#ja-topbar {
height: 26px;
position: absolute;
top: 0;
z-index: 11;
}

Add left:0; in it, save the file and see if topbar is displayed correctly.

2 users say Thank You to himangi for this useful post

1. cantabriadeportiva
2. jcalado

[cantabriadeportiva Friend cantabriadeportivaJoin date: June 2011Posts: 86Downloads:0Uploads:13 Thanks: 48 Thanked: 4 times in 1 posts]

#401264

<em>@himangi 253279 wrote:</em><blockquote>Hi

In your template.css file line no 813, find
#ja-topbar {
height: 26px;
position: absolute;
top: 0;
z-index: 11;
}

Add left:0; in it, save the file and see if topbar is displayed correctly.</blockquote>

Thanks!! Problem solved! :D:D

1 user says Thank You to cantabriadeportiva for this useful post

1. jcalado

[Author]

Posts