Veranderen achtergrond
Moderator: pe7er
Forum rules
Forum Regels
Forum Regels
-
- Joomla! Intern
- Posts: 57
- Joined: Mon Feb 06, 2006 7:19 am
Veranderen achtergrond
Ik probeer de achtergrond waar de mosMainBody staat te veranderen, maar het lukt me niet. Het liefst op elke pagina een andere achtergrond. Weet iemand hoe dit kan?
-
- Joomla! Apprentice
- Posts: 26
- Joined: Fri Mar 31, 2006 3:08 am
Re: Veranderen achtergrond
Oei, ik weet wel hoe je 1 achtergrond erop kunt krijgen, maar verschillende? Hm....dat weet ik niet. Is misschien wel op te lossen met een javascript in de html. Normaal (zover ik weet) wordt het verandert in de CSS, maar die is dan ook direct bedoeld voor alle andere contents van die website.
-
- Joomla! Intern
- Posts: 57
- Joined: Mon Feb 06, 2006 7:19 am
Re: Veranderen achtergrond
Voor alle pagina's, dus via css mag natuurlijk ook. Echter is me dat ook niet gelukt.
-
- Joomla! Apprentice
- Posts: 26
- Joined: Fri Mar 31, 2006 3:08 am
Re: Veranderen achtergrond
Ik heb in de ene template bijvoorbeeld dit :
body {
margin: 0px;
margin-bottom: 1px;
height: 100%;
padding: 0px;
background: url(../images/BG.png) fixed repeat;
}
Dit is voor een klein plaatje, dat het hele beeld vult, maar de achtergrond blijft vast staan, dus als je scrollt naar beneden of weer terug, de achtergrond blijft altijd hetzelfde.
Ik gebruik voor een andere template bijvoorbeeld dit:
body {
margin: 0px;
margin-bottom: 1px;
height: 100%;
padding: 0px;
background: url(../images/BG.png) fixed no-repeat;
}
Het plaatje verschijnt nu maar 1 keer en blijft altijd op dezelfde plek.
Succes!
body {
margin: 0px;
margin-bottom: 1px;
height: 100%;
padding: 0px;
background: url(../images/BG.png) fixed repeat;
}
Dit is voor een klein plaatje, dat het hele beeld vult, maar de achtergrond blijft vast staan, dus als je scrollt naar beneden of weer terug, de achtergrond blijft altijd hetzelfde.
Ik gebruik voor een andere template bijvoorbeeld dit:
body {
margin: 0px;
margin-bottom: 1px;
height: 100%;
padding: 0px;
background: url(../images/BG.png) fixed no-repeat;
}
Het plaatje verschijnt nu maar 1 keer en blijft altijd op dezelfde plek.
Succes!
-
- Joomla! Intern
- Posts: 57
- Joined: Mon Feb 06, 2006 7:19 am
Re: Veranderen achtergrond
Bedankt, maar het is niet helemaal wat ik wil. Ik heb de mosMainBody in een tabel staan en alleen die tabel moet dus die achtergrond krijgen. Op deze manier krijgt de hele pagina die achtergrond.
-
- Joomla! Apprentice
- Posts: 28
- Joined: Fri Nov 18, 2005 3:02 pm
Re: Veranderen achtergrond
Als je random een andere achtergrond wilt zou je iets in deze vorm kunnen doen:
// Change this to the total number of images in the folder
$total = "9";
// Change to the type of files to use eg. .jpg or .gif
$file_type = ".jpg";
// Change to the location of the folder containing the images
$image_folder = "templates/naam/images/";
// You do not need to edit below this line
$name = "image";
$start = "1";
$random = mt_rand($start, $total);
$image_name = $image_folder . $name . $random . $file_type;
echo ("
\n");
Bovenstaande code dus in je index.php plakken (in head)
// Change this to the total number of images in the folder
$total = "9";
// Change to the type of files to use eg. .jpg or .gif
$file_type = ".jpg";
// Change to the location of the folder containing the images
$image_folder = "templates/naam/images/";
// You do not need to edit below this line
$name = "image";
$start = "1";
$random = mt_rand($start, $total);
$image_name = $image_folder . $name . $random . $file_type;
echo ("
\n");
Bovenstaande code dus in je index.php plakken (in head)
- TvB
- Joomla! Explorer
- Posts: 376
- Joined: Tue Aug 23, 2005 5:27 pm
- Location: Roden
Re: Veranderen achtergrond
Oplossing kan ook zijn: elke pagina (of sectie of categorie) een eigen template geven (assign aan die pagina of sectieof cat), waarin de achtergrond van de main uniek is. Je krijgt dan wel een heleboel templates, maar het werkt...
- OSFreak
- Joomla! Enthusiast
- Posts: 222
- Joined: Fri Aug 26, 2005 12:14 pm
- Location: Belgium
- Contact:
Re: Veranderen achtergrond
een andere oplossing (als je wat van PHP en MySQL kent ) is een extra veld aanmaken in de Mysql
elke pagina heeft een eigen ItemID , daar kan je dan een kleur of afbeelding aan toewijzen
en dan aan elke pagina (Itemid) een kleur of achtergrondafbeelding toewijzen
en hier als voorbeeld een sample van de data die er inzit
deze data laad je dan in je index.php van je template op in de tabel waar je content komt
Je kan dit op een eenvoudige manier doen met dreamweaver. uiteraard moet je dan ook een connectie maken met dit extra veld
(die heb ik gemaakt in de index.php van de joomla zelf niet de template index)
opgelet deze code is niet compleet, het is het idee
voorbeeld waar ik deze manier heb toegepast : http://www.vlinders.be/
of deze manier ook werkt op een site met zoekvriendelijkse links weet ik niet.
elke pagina heeft een eigen ItemID , daar kan je dan een kleur of afbeelding aan toewijzen
Code: Select all
--
-- Table structure for table `bgcolor`
--
CREATE TABLE bgcolor (
Itemid int(11) NOT NULL auto_increment,
bgcolor varchar(9) default NULL,
bgimage varchar(250) default NULL,
pagina varchar(250) default NULL,
PRIMARY KEY (Itemid)
) ENGINE=MyISAM ;
en hier als voorbeeld een sample van de data die er inzit
Code: Select all
INSERT INTO bgcolor VALUES (42, '#62164D', NULL, 'Valentino');
INSERT INTO bgcolor VALUES (41, '#62164D', NULL, 'Valentino');
INSERT INTO bgcolor VALUES (49, '#02667E', NULL, '');
INSERT INTO bgcolor VALUES (50, '#045088', NULL, '');
INSERT INTO bgcolor VALUES (51, '#02667E', NULL, '');
INSERT INTO bgcolor VALUES (46, '#6A89B7', NULL, '');
INSERT INTO bgcolor VALUES (23, '#092559', 'http://localhost/sites/vlindersmambo/images/bg/spanje.gif', '');
INSERT INTO bgcolor VALUES (52, '#092559', 'http://localhost/sites/vlindersmambo/images/bg/bulgarije.gif', '');
INSERT INTO bgcolor VALUES (53, '#092559', 'http://localhost/sites/vlindersmambo/images/bg/china.gif', '');
Code: Select all
<td align="left" valign="top" background="<?php echo $row_Recordset1['bgimage']; ?>"
bgcolor="<?php echo $row_Recordset1['bgcolor']; ?>" >
<div class="content" ><?php mosMainBody(); ?></div></td>
(die heb ik gemaakt in de index.php van de joomla zelf niet de template index)
Code: Select all
sample uit de code:
$query_Recordset1 = sprintf("SELECT * FROM bgcolor WHERE Itemid = %s", $colname_Recordset1);
voorbeeld waar ik deze manier heb toegepast : http://www.vlinders.be/
of deze manier ook werkt op een site met zoekvriendelijkse links weet ik niet.
Last edited by OSFreak on Wed Apr 12, 2006 6:39 am, edited 1 time in total.
New: Joomla! 1.5 Component Code Generator v0.8 : http://www.joomlafreak.be/joomla_compon ... generator/
Online Joomla! 1.5 CSS Guide http://www.joomlafreak.be/joomla_free_cssguide
"Joomla! is not a product, it's a project!" - Peter Russell
Online Joomla! 1.5 CSS Guide http://www.joomlafreak.be/joomla_free_cssguide
"Joomla! is not a product, it's a project!" - Peter Russell
- TvB
- Joomla! Explorer
- Posts: 376
- Joined: Tue Aug 23, 2005 5:27 pm
- Location: Roden
Re: Veranderen achtergrond
Tja, dat is natuurlijk de professionele oplossing!
Dank voor het doorgeven ervan; kan ik mijn amateur-oplossing meteen vervangen in mijn eigen werk.
Dank voor het doorgeven ervan; kan ik mijn amateur-oplossing meteen vervangen in mijn eigen werk.
-
- Joomla! Intern
- Posts: 57
- Joined: Mon Feb 06, 2006 7:19 am
Re: Veranderen achtergrond
Dankje, ik zal een en ander eens uitproberen.