Отделен bg за bottom-а на сайта

comics

Registered
Здравейте,искам да сложа отделен bg image на сайта си,тъй като основния bg съм го направил да прелива към черно и така продължава колкото е дълга страницата,но искам отделна картинка в долната част на сайта?
 
Просто си правиш един див
HTML:
<div id="pole">ха</div>
[css]#pole {
background: url:('image.png');
}
Задаваш си естествено и другите стилове, които искаш да има полето.[/css]
 
HTML:
<div id="footer"></div>

[css]* {
margin:0;padding:0;
}
#footer {
position:fixed;
bottom:0;
width:100%;
height:50px;
background-image: url('пътя до картинката');
}[/css]
 
Сега ще видя,проблемът е че искам да направя това на joomla template и е малко по-различно.
 
Не става,не излиза нещо ..


PHP:
<?php /** Begin Footer **/ if ($gantry->countModules('footer')) : ?>
			
<div id="rt-footerbar" <?php echo $gantry->displayClassesByTag('rt-footerbar'); ?>>
				
<div class="rt-container">
					<div id="rt-footer">
						<?php echo $gantry->displayModules('footer','standard','standard'); ?>
						<div class="clear"></div>
					</div>
				</div>
			</div>
			<?php if ($gantry->get('fixedfooter')==0) : ?>
			<div class="rt-shadowbar"></div>
			<?php endif; ?>
			<?php /** End Footer **/ endif; ?>



css кода е

[css]/* Footer */

.fixedfooter-1 #rt-footerbar {position: fixed;width: 100%;bottom: 0;left: 0;z-index: 1000;}
#rt-footerbar .rt-block {padding: 0 15px;}
#rocket {display:inline-block;width: 148px;height: 20px;margin: 0 auto;vertical-align:middle;background-position: 0 0;}
#gantry-totop .totop-desc {float: left;padding: 0;margin-right: 10px;}
#gantry-totop .totop-icon {float: left;width: 11px;height: 19px;}
#gantry-totop:hover .totop-icon {background-position: -14px -140px;}
#gantry-resetsettings {display: block;text-align: center;}
[/css]
 
Ем изтрий го тоя код и сложи туй дето ти дадох или му смени името да не е footer и го сложи под тея на joomla..
 

Back
Горе