OpencachingDeutschland/oc-server3
1
0
Fork 0
Code Issues Pull Requests Releases Activity

cropped header images to 970x80 instead of scaling, is sharper

Browse Source
This commit is contained in:
following
2013-02-23 23:01:47 +01:00
parent b2e3e66604
commit eb6ac249f4
5 changed files with 35 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
htdocs/lang/de/ocstyle/main.tpl.php
View File

@ -161,12 +161,12 @@
<?php echo isset($develwarning) ? $develwarning : '' ?> <?php echo isset($develwarning) ? $develwarning : '' ?>
<!-- Header banner --> <!-- Header banner -->
<div style="height:81px;"> <div class="header">
<div class="header" style="height:80px; position:absolute; z-order:1;"> <div class="headerimage">
<div style="width: 970px; "><img src="resource2/{style}/images/head/rotator.php?path=<?php echo $opt['page']['headimagepath']; ?>" style="border: 0px none ;" /></div> <img src="resource2/{style}/images/head/rotator.php?path=<?php echo $opt['page']['headimagepath']; ?>" class="headerimagecontent" />
</div> </div>
<div style="position:absolute; z-order:2;"> <div class="headerlogo">
<img src="resource2/{style}/images/head/overlay/oc_head_alpha3.png" style="border: 0px none ;" /> <img src="resource2/{style}/images/head/overlay/oc_head_alpha3.png" class="headerimagecontent" />
</div> </div>
</div> </div>

30
htdocs/resource2/ocstyle/css/style_screen.css
View File

@ -102,9 +102,29 @@ div#bg2 {display: none;}
/* 2.1 - Sitename, slogan and banner */ /* 2.1 - Sitename, slogan and banner */
/*-----------------------------------*/ /*-----------------------------------*/
.header { .header {
height:81px; height: 81px;
} }
.headerimage {
height: 80px;
width: 970px;
overflow: hidden;
position: absolute;
top: 1px;
z-index: 1;
}
.headerlogo {
position: absolute;
top: 0px;
z-index: 2;
}
.headerimagecontent {
border: 0px none;
}
.site-name { .site-name {
width: 300px; width: 300px;
height: 60px; height: 60px;
@ -830,7 +850,7 @@ a.info:hover span{ /*the span will display just on :hover state*/
#breadcrumb #breadcrumb
{ {
position: absolute; position: absolute;
top:111px; top:110px;
right: 250px; right: 250px;
left: 180px; left: 180px;
color:#505050; color:#505050;
@ -846,7 +866,7 @@ a.info:hover span{ /*the span will display just on :hover state*/
#breadcrumb_fullsize #breadcrumb_fullsize
{ {
position: absolute; position: absolute;
top:111px; top:110px;
right: 20px; right: 20px;
left: 180px; left: 180px;
@ -875,7 +895,7 @@ ul.nodot li {
#suchbox { #suchbox {
position: absolute; position: absolute;
top:113px; top:112px;
right: 5px; right: 5px;
} }
@ -1174,7 +1194,7 @@ div.isarchived {
div#havefound { div#havefound {
position: absolute; position: absolute;
z-index: 25; z-index: 25;
top: 181px; top: 180px;
right: 20px; right: 20px;
width: 35px; width: 35px;
padding: 5px 5px 5px 0px; padding: 5px 5px 5px 0px;

BIN
htdocs/resource2/ocstyle/images/head/pano970-0008.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 18 KiB

After

Width:  |  Height:  |  Size: 36 KiB

BIN
htdocs/resource2/ocstyle/images/head/pano970-0015.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 20 KiB

After

Width:  |  Height:  |  Size: 38 KiB

10
htdocs/templates2/ocstyle/sys_main.tpl
View File

@ -141,12 +141,12 @@
{* <!-- Header banner --> *} {* <!-- Header banner --> *}
<div class="header" style="height:81px;"> <div class="header">
<div style="width: 970px; position:absolute; z-order:1;"> <div class="headerimage">
<img src="resource2/{$opt.template.style}/images/head/rotator.php?path={$opt.page.headimagepath}" style="border: 0px none ;" /> <img src="resource2/{$opt.template.style}/images/head/rotator.php?path={$opt.page.headimagepath}" class="headerimagecontent" />
</div> </div>
<div style="position:absolute; z-order:2;"> <div class="headerlogo">
<img src="resource2/{$opt.template.style}/images/head/overlay/oc_head_alpha3.png" style="border: 0px none ;" /> <img src="resource2/{$opt.template.style}/images/head/overlay/oc_head_alpha3.png" class="headerimagecontent" />
</div> </div>
</div> </div>