bgcolor changing works

This commit is contained in:
messerbill 2013-07-07 18:10:39 +02:00
parent e532cb9c22
commit b130c5c488
7 changed files with 46 additions and 21 deletions

View File

@ -1,3 +1,3 @@
<div style="margin-left: auto; margin-right: auto; text-align: center; border-radius: 5px;">
<div style="margin-left: auto; margin-right: auto; text-align: center; border-radius: 5px; width: 100%; background: none;">
${danube_page_certificates}
</div>

View File

@ -1,3 +1,9 @@
<div style="margin-left: auto; margin-right: auto; text-align: center; border-radius: 5px;">
<div style="margin-left: auto; margin-right: auto; text-align: center; border-radius: 5px; width: 100%;">
<div id="galleria" style="border-radius: 5px; width: 100%; background: none;">
${danube_page_impressions}
</div>
<script>
Galleria.loadTheme('danube/page/default_certificates/galleria/themes/classic/galleria.classic.min.js');
Galleria.run('#galleria');
</script>
</div>

View File

@ -40,12 +40,12 @@
<a class="brand" href="" url="?action=default_page">${danube_menu_home}</a>
<div class="nav-collapse collapse">
<ul class="nav">
<li><a href="#" url="?action=introduction">${danube_menu_introduction}</a></li>
<li><a href="#" url="?action=prices" url_pic="danube/page/default_page/pics/photos/bar_front2.png">${danube_menu_prices}</a></li>
<li><a href="#" url="?action=contact">${danube_menu_contact}</a></li>
<li><a href="#" url="?action=impressions">${danube_menu_impressions}</a></li>
<li><a href="#" url="?action=partners">${danube_menu_partners}</a></li>
<li><a href="#" url="?action=certificates">${danube_menu_certificates}</a></li></ul>
<li><a href="javascript:switchTextBg('white')" url="?action=introduction">${danube_menu_introduction}</a></li>
<li><a href="javascript:switchTextBg('white')" url="?action=prices" url_pic="danube/page/default_page/pics/photos/bar_front2.png">${danube_menu_prices}</a></li>
<li><a href="javascript:switchTextBg('white')" url="?action=contact">${danube_menu_contact}</a></li>
<li><a href="javascript:switchTextBg('black')" url="?action=impressions" textbg="black">${danube_menu_impressions}</a></li>
<li><a href="javascript:switchTextBg('black')" url="?action=partners">${danube_menu_partners}</a></li>
<li><a href="javascript:switchTextBg('black')" url="?action=certificates">${danube_menu_certificates}</a></li></ul>
</div><!--/.nav-collapse -->
@ -73,14 +73,12 @@
<!-- Three columns of text below the carousel -->
<div id="space" style="height: 7px; background: url(danube/page/default_page/pics/css/verlauf_bg.png); margin-left: 9px; margin-right: 9px;"></div>
<div id="languages" style="float: right; margin-right: 25px;"><a href="javascript:switchLocale('deDE');"><img src="http://mojotrollz.eu/web/danube/danube/page/js/flags/ger.jpg" /></a>
<a href="#" onclick="switchLocale('enUS'); return false;"><img src="http://mojotrollz.eu/web/danube/danube/page/js/flags/uk.jpg" /></a>
<a href="javascript:switchLocale('huHU');"><img src="http://mojotrollz.eu/web/danube/danube/page/js/flags/hu.jpg" /></a></div>
<div class="hero-unit" id="text" style="line-height: 180%; fonz-size: 80%; border-top-left-radius: 5; border-top-right-radius: 5; border-right: 1px solid black; border-left: 1px solid black; padding: 0; padding-top: 15px; padding-bottom: 40px; margin: 0; margin-bottom: 3px; margin-left: 8px; margin-right: 8px; padding-left: 45px; padding-right: 150px; background: url(danube/page/default_page/pics/css/text.png) bottom right no-repeat white;">
<div id="site-content-wrapper">
<div class="hero-unit" id="text" style="line-height: 180%; fonz-size: 80%; border-top-left-radius: 5; border-top-right-radius: 5; border-right: 1px solid black; border-left: 1px solid black; padding: 0; padding-left: 20px; padding-bottom: 20px; padding-top: 15px; margin: 0; margin-bottom: 3px; margin-left: 8px; margin-right: 8px; background: url(danube/page/default_page/pics/css/text.png) bottom right no-repeat white;">
${languageFlags}
<div id="site-content-wrapper" style="width: 100%; background: none;">
<div id="site-content">
<div id="site-content" style="width: 100%; background: none;">
${danube_page_content}</div>
</div>

View File

@ -16,6 +16,12 @@ class default_page extends SYSTEM\PAGE\Page {
private function css(){
return '<link href="'.SYSTEM\WEBPATH(new PBOOTSTRAP(),'css/bootstrap.min.css').'" rel="stylesheet" media="screen">';}
private function languageFlags(){
return '<div id="languages" style="float: right; margin-right: 25px;"><a href="javascript:switchLocale(\'deDE\');"><img src="http://mojotrollz.eu/web/danube/danube/page/js/flags/ger.jpg" /></a>
<a href="#" onclick="switchLocale(\'enUS\'); return false;"><img src="http://mojotrollz.eu/web/danube/danube/page/js/flags/uk.jpg" /></a>
<a href="javascript:switchLocale(\'huHU\');"><img src="http://mojotrollz.eu/web/danube/danube/page/js/flags/hu.jpg" /></a></div>';
}
public function html(){
$arr = array_merge($_GET, $_POST);
@ -27,6 +33,7 @@ class default_page extends SYSTEM\PAGE\Page {
$vars = array();
$vars['css'] = $this->css();
$vars['js'] = $this->js();
$vars['languageFlags'] = $this->languageFlags();
$vars = array_merge($vars, \SYSTEM\locale::getStrings(\DBD\locale_string::VALUE_CATEGORY_DASENSE));

View File

@ -27,6 +27,7 @@ function loadAjaxContent(url) {
site_content_is_visible = true;
}});
});
}
function loadUrlPic(url_pic) {
var dataTmp;
@ -54,3 +55,15 @@ function loadApiPic(id) {
});
}
function switchTextBg(color){
var div = document.getElementById("text");
div.style.backgroundColor = color;
var div2 = document.getElementById("site-content-wrapper");
div2.style.backgroundColor = color;
if (color == "black") div.style.color = "white";
if (color == "black") div.style.backgroundImage = "none";
}

View File

@ -1,3 +1,3 @@
<div style="margin-left: auto; margin-right: auto;">
<div id="text" style="margin-left: auto; margin-right: auto;">
${danube_page_partners}
</div>

View File

@ -1,7 +1,8 @@
<div style="float: right; width: 58%;">
${danube_page_offers}
</div>
<div style="width: 38%; border-right: 1px dotted grey; padding-right: 15px; padding-top: 10px;">
<div style="float: left; border-radius: 0; width: 38%; border-right: 1px dotted grey; padding-right: 15px; padding-top: 10px; background: none;">
${danube_page_prices}
</div>
<div style="float: right; width: 58%; background: none;">
${danube_page_offers}
</div>
<div style="clear: both;"></div>