Home
Help
Sitemap
Login
Register
Elxis.org
Welcome,
Guest
. Please
login
or
register
.
Did you miss your
activation email?
1 Hour
1 Day
1 Week
1 Month
Forever
Login with username, password and session length
News
: EDC:
Download extensions for Elxis 4.x
Elxis CMS Forum
>
Extensions
>
Templates
(Moderators:
Coursar
,
ks-net
) >
changing bg image in div every time you call different menu link
Pages: [
1
]
« previous
next »
Print
Author
Topic: changing bg image in div every time you call different menu link (Read 3708 times)
babis1
Hero Member
Offline
Posts: 1506
changing bg image in div every time you call different menu link
«
on:
October 06, 2010, 09:18:51 »
i have a <div id="header"> with css background: url(../images/logo.jpg) no-repeat top; now i need to change the image every time when i call different menu links-items (in pe 5 different links-items).................................
thanks !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
Logged
Ba Hellas web design - Ba Hellas Κατασκευή Ιστοσελίδων
datahell
Elxis Team
Hero Member
Offline
Posts: 7601
Re: changing bg image in div every time you call different menu link
«
Reply #1 on:
October 06, 2010, 17:35:00 »
Replace this: <div id="header">
with something like this:
<?php
switch ($Itemid) {
case 2: $sfx = '-1'; break;
case 7: $sfx = '-2'; break;
case 19: $sfx = '-3'; break;
default: $sfx = ''; break;
}
?>
<div class="header<?php echo $sfx; ?>">
Now, on your template's css file add these classes (off course change the CSS to you want):
.header-1 {background-color: #ff9900; }
.header-2 {background-color: #ff0000; }
.header-3 {background-color: yellow; }
.header {background-color: #ddd; }
2, 7 and 19 are sample Itemid's. Put your own before the "default" statement. You can give any suffix you want, I used "-1, -2, -3" as a sample. You can also add any number of them. The "header" class is the default one.
Recommendation: Do not use ID everywhere. Id should be used on very special elements. Use CSS classes instead.
«
Last Edit: October 06, 2010, 17:36:59 by datahell
»
Logged
Elxis Team
|
Is Open Source
|
IOS Reservations | IOS Eshop
babis1
Hero Member
Offline
Posts: 1506
Re: changing bg image in div every time you call different menu link
«
Reply #2 on:
October 06, 2010, 17:39:48 »
<?php
switch ($Itemid) {
case 2: $sfx = '-1'; break;
case 7: $sfx = '-2'; break;
case 19: $sfx = '-3'; break;
default: $sfx = ''; break;
}
?>
that code goes before </head> ?
Logged
Ba Hellas web design - Ba Hellas Κατασκευή Ιστοσελίδων
webgift
Elxis Team
Hero Member
Offline
Posts: 3270
Re: changing bg image in div every time you call different menu link
«
Reply #3 on:
October 06, 2010, 17:41:43 »
Just before the <div class="header<?php echo $sfx; ?>">
Logged
Εlxis Τeam
|
webgift dev
babis1
Hero Member
Offline
Posts: 1506
Re: changing bg image in div every time you call different menu link
«
Reply #4 on:
October 06, 2010, 17:42:22 »
ok thanks a lot i go to try it
--------after----------------------------
ok it works fine !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! i need it only for 5 items, because there i cant have module position
«
Last Edit: October 06, 2010, 17:52:11 by babis1
»
Logged
Ba Hellas web design - Ba Hellas Κατασκευή Ιστοσελίδων
babis1
Hero Member
Offline
Posts: 1506
Re: changing bg image in div every time you call different menu link
«
Reply #5 on:
October 20, 2010, 09:40:54 »
ok another one if i want to use the same img in more than one items pe case 2,29,30.....
Logged
Ba Hellas web design - Ba Hellas Κατασκευή Ιστοσελίδων
webgift
Elxis Team
Hero Member
Offline
Posts: 3270
Re: changing bg image in div every time you call different menu link
«
Reply #6 on:
October 20, 2010, 10:45:17 »
<?php
switch ($Itemid) {
case 2: $sfx = '-5'; break;
case 29: $sfx = '-5'; break;
case 30: $sfx = '-5'; break;
default: $sfx = ''; break;
}
?>
<div class="header<?php echo $sfx; ?>">
css file:
.header-5 {background: #ff9900 url(../images/my_image.jpg) no-repeat 0 0; }
«
Last Edit: October 20, 2010, 10:51:49 by WebGift
»
Logged
Εlxis Τeam
|
webgift dev
Amigamerlin
Full Member
Offline
Posts: 233
Re: changing bg image in div every time you call different menu link
«
Reply #7 on:
October 20, 2010, 11:00:17 »
This board is simply fantastic !!! A lot of learning thing here. Thank you you all for all the time you reserve to ELXIS !!
Ciao
Logged
ArXoS
Hero Member
Offline
Posts: 758
Re: changing bg image in div every time you call different menu link
«
Reply #8 on:
November 04, 2010, 00:01:45 »
bookmarked
Logged
Powered by Elxis :
www.greekmasa.gr
|
gym-mous-alim.att.sch.gr
ahmet
Sr. Member
Offline
Posts: 254
360 HDR Virtual Tours | Windsurfing Sailing
Re: changing bg image in div every time you call different menu link
«
Reply #9 on:
January 05, 2012, 20:05:46 »
book marked also..
thats why we have to know php or java
the power of php..
Logged
www.puretourism.co.uk
www.globalpanorama.net
www.bodrumwindsurf.com
Pages: [
1
]
Print
« previous
next »
Jump to:
Please select a destination:
-----------------------------
General
-----------------------------
=> News and announcements
-----------------------------
Support
-----------------------------
=> FAQs
=> General
=> Installation
=> Security
=> Administration
=> Database
=> Language
=> Elxis 4.x DEV
=> Elxis 2008 developers guide
=> Technical support
=> Public Speaking
-----------------------------
Extensions
-----------------------------
=> Components
=> Modules
=> Bots and plugins
=> Tools
=> Bridges
=> Templates
-----------------------------
Community
-----------------------------
=> Elxis Community
=> Elxis 2008.x Olympus (dev)
=> Build with Elxis...
-----------------------------
Ελληνικό Forum
-----------------------------
=> Γενικά Θέματα για το Elxis CMS
=> Εγκατάσταση
=> Διαχείριση
=> Γλώσσες - Πολυγλωσσία
=> Πρόσθετα
=> Ασφάλεια
=> Βάσεις Δεδομένων
=> Σχετικά με το Forum
=> Δημόσιο Βήμα
-----------------------------
International zone
-----------------------------
=> Dutch
=> Deutsch
=> Français
=> Italiano
=> Indonesian
=> فارسی - Persian
=> Русский
=> Srpski - Српски
=> Türkiye
Loading...