Skip to content
This repository has been archived by the owner on Nov 19, 2023. It is now read-only.

Commit

Permalink
feintuning und actionpage verbessert
Browse files Browse the repository at this point in the history
  • Loading branch information
@xwolfde
xwolfde committed Mar 8, 2014
1 parent 25eea19 commit 2db289d
Show file tree
Hide file tree
Showing 12 changed files with 158 additions and 179 deletions.
68 changes: 64 additions & 4 deletions css/flaschenpost.css
View file
Expand Up @@ -122,7 +122,11 @@ h1, h2, h3, h4, h5, h6 {
h1, h2, h3, .cifont {
letter-spacing: 1px;
}

.actionpage h1,
.actionpage h2,
.actionpage h3 {
text-align: center;
}
h1 {
font-size: 26.4px;
line-height: 21.6px; }
Expand Down Expand Up @@ -2162,7 +2166,9 @@ img.wp-smiley {
background-repeat: repeat-x;
background-position: left bottom;
}

.header.actionpage {
height: auto;
}
.nav-top ul {
display: block;
}
Expand Down Expand Up @@ -2301,6 +2307,30 @@ img.wp-smiley {
padding-left: 10px;
}

.actionpage .content-primary {
width: 100%;
}

#main-stream h1 {
position: absolute;
left: -999em;
width: 1px;
}
#linktipp-stream h1,
#second-stream h1,
#linktipp-stream h2,
#second-stream h2,
#main-stream h2 {
font-size: 1.1em;
color: #24639b;
}

#linktipp-stream section h2,
#second-stream section h2,
#main-stream section h2 {
font-size: 22.8px;
color: #24639b;
}



Expand Down Expand Up @@ -3146,7 +3176,24 @@ html[xmlns] .slides {
background: #111111 url("../images/home-signet.png") no-repeat 17px 10px;
}


.nav-main li a span {
display: inline;
position: absolute;
top: -3px;
right: -10px;
color: #2D7DC5;
font-size: 0.8em;
z-index: 51;
}
.nav-main li.redspan a span {
color: red;
}
.nav-main li.orangespan a span {
color: #ff8800;
}
.nav-main li.greenspan a span {
color: green;
}

body.nav-fixed .nav-main ul.menu li a[title="Home"],
body.nav-fixed .nav-main ul.menu li.menu-item-home a {
Expand Down Expand Up @@ -4782,7 +4829,20 @@ div.ics-calendar-holder .ics-calendar-event {
background: #24639b;
color: black;
}

.nav-main li a span {
display: inline;
position: relative;
top: inherit;
right: inherit;
font-size: 0.8em;
z-index: 51;
}
.nav-main li a span:before {
content: " (";
}
.nav-main li a span:after {
content: ")";
}
.post-comments {
background:#FFFFFF;
}
Expand Down
16 changes: 12 additions & 4 deletions css/piratenkleider.css
View file
Expand Up @@ -166,6 +166,11 @@ h1, h2, h3, h4, h5, h6 {
h1, h2, h3, .cifont {
letter-spacing: 1px;
}
.actionpage h1,
.actionpage h2,
.actionpage h3 {
text-align: center;
}

h1 {
font-size: 26.4px;
Expand Down Expand Up @@ -1278,7 +1283,6 @@ display: inline-block;
.content-primary {
overflow: hidden;
background: white;

}
.content-primary input[type="text"],
.content-primary select,
Expand Down Expand Up @@ -2338,7 +2342,9 @@ img.wp-smiley {
background-repeat: repeat-x;
background-position: left bottom;
}

.header.actionpage {
height: auto;
}
.nav-top ul {
display: block;
}
Expand Down Expand Up @@ -2454,8 +2460,7 @@ img.wp-smiley {
font-size: 1em;
position: relative;
line-height: 1.6em;
display: block;

display: block;
}
.content-primary .skin {
margin-left: 0px;
Expand All @@ -2477,6 +2482,9 @@ img.wp-smiley {
padding-left: 10px;
}

.actionpage .content-primary {
width: 100%;
}

#main-stream h1 {
position: absolute;
Expand Down
4 changes: 2 additions & 2 deletions css/piratenkleider.min.css
View file

Large diffs are not rendered by default.

26 changes: 26 additions & 0 deletions footer-actionpage.php
View file
@@ -0,0 +1,26 @@
<?php
global $options;
?>

</div> <!-- #content-body -->
<div class="section footer">
<nav role="navigation">
<ul class="nav skiplinks">
<li><a class="p3-skip" id="skiplink-top" href="#top"><?php _e( 'Nach oben springen.', 'piratenkleider' ); ?></a></li>
<li><a class="p3-skip" id="skiplink-content-bottom" href="#main-content"><?php _e( 'Zum Beginn des Inhaltes springen.', 'piratenkleider' ); ?></a></li>
<?php if ( $options['aktiv-suche'] == "1" ){ ?>
<li><a class="p3-skip" id="skiplink-search-bottom" href="#searchform"><?php _e( 'Zur Suche springen.', 'piratenkleider' ); ?></a></li>
<?php } ?>
</ul>
</nav>
</div>

<?php
wp_footer();

if (isset($options['html-eigene-anweisungen'])
&& strlen(trim($options['html-eigene-anweisungen'])) > 0) {
echo $options['html-eigene-anweisungen'];
} ?>
</body>
</html>
41 changes: 4 additions & 37 deletions header-menuless.php → header-actionpage.php
View file
Expand Up @@ -30,7 +30,7 @@
<?php if ( $options['aktiv-suche'] == "1" ){ ?><li><a id="skiplink-search" href="#searchform"><?php _e( 'Zur Suche springen.', 'piratenkleider' ); ?></a></li><?php } ?>
</ul>
</nav>
<div class="section header">
<div class="section header actionpage">
<header>
<div class="row">
<div class="branding">
Expand Down Expand Up @@ -81,44 +81,11 @@
<?php
}
}
}
if ( $options['aktiv-suche'] == "1" ){ ?>
<div id="searchform">
<h2 class="skip"><?php _e("Suche", 'piratenkleider'); ?></h2>
<form method="get" class="searchform" action="<?php echo home_url(); ?>/">
<label class="visuallyhidden" for="s"><?php _e("Suche nach", 'piratenkleider'); ?>:</label>
<input type="text" value="<?php the_search_query(); ?>" name="s" id="s" placeholder="<?php _e("Suchbegriff eingeben", 'piratenkleider'); ?>"
onfocus="if(this.value=='<?php _e("Suchbegriff eingeben", 'piratenkleider'); ?>')this.value='';" onblur="if(this.value=='')this.value='<?php _e("Suchbegriff eingeben", 'piratenkleider'); ?>';" />
<input type="submit" class="searchsubmit" value="<?php _e("Suchen", 'piratenkleider'); ?>" />
</form>
</div>
<?php } ?>
} ?>


</div>
<?php if ( $options['defaultwerbesticker'] == "1" ){ ?>

<div class="sticker">
<div class="skin">
<h2 class="skip"><?php _e( 'Sticker', 'piratenkleider' ); ?></h2>
<ul>
<?php if (isset($options['stickerlink1-content']) && (strlen($options['stickerlink1-content']) > 1)
&& isset($options['stickerlink1-url']) && (strlen($options['stickerlink1-url']) > 5) ) {
echo '<li><a href="'.$options['stickerlink1-url'].'">'.$options['stickerlink1-content'].'</a></li>';
} ?>
<?php if (isset($options['stickerlink2-content']) && (strlen($options['stickerlink2-content']) > 1)
&& isset($options['stickerlink2-url']) && (strlen($options['stickerlink2-url']) > 5) ) {
echo '<li><a href="'.$options['stickerlink2-url'].'">'.$options['stickerlink2-content'].'</a></li>';
} ?>
<?php if (isset($options['stickerlink3-content']) && (strlen($options['stickerlink3-content']) > 1)
&& isset($options['stickerlink3-url']) && (strlen($options['stickerlink3-url']) > 5) ) {
echo '<li><a href="'.$options['stickerlink3-url'].'">'.$options['stickerlink3-content'].'</a></li>';
} ?>

</ul>
</div>
</div>

<?php } ?>

</div>
</header>
</div>
Expand Down
2 changes: 1 addition & 1 deletion inc/constants.php
View file
Expand Up @@ -31,7 +31,7 @@
'default-fontset-file' => 'font-bebas.css',
'src-jquery' => get_template_directory_uri(). "/js/jquery.min.js",
'src-flexslider' => get_template_directory_uri(). "/js/jquery.flexslider-min.js",
'src-layoutjs' => get_template_directory_uri(). "/js/layout.js",
'src-layoutjs' => get_template_directory_uri(). "/js/layout.min.js",
'src-comment-reply' => get_template_directory_uri(). "/js/comment-reply.js",

'src-default-symbolbild' => get_template_directory_uri() .'/images/default-vorlage.jpg',
Expand Down
21 changes: 2 additions & 19 deletions js/layout.js
View file
Expand Up @@ -13,26 +13,9 @@ jQuery(document).ready(function($) {
* unsichtbar gemacht. Durch JS entfernen wir die Klasse und
* machen sie also erst dann aktiv, wenn JS an ist.
*/
$("div").removeClass('no-js')

/** @TODO modernizr einbinden und gegen das Original Modernizr.touch checken */
if (('ontouchstart' in window) || window.DocumentTouch && document instanceof DocumentTouch) {
var $links = $('a', '#nav');

$links.on('touchstart', function (ev) {

/** Hover vortäuschen damit die Submenus angezeigt/versteckt werden */
$('li.hover', '#nav').removeClass('hover');
$(this).parents('li').addClass('hover');

/** Verhindere den Aufruf des Links beim ersten Tap */
if (!$(this).hasClass('touched')) {
$links.removeClass('touched').filter(this).addClass('touched');
ev.preventDefault();
}
});
}
$("div").removeClass('no-js');


/* Barrierefreie Hauptnavigation mit Tastatur
* Links, die via Tastatur einen Fikus bekommen, erhalten die Klasse
* "hover". Diese Klasse wird auf das aktive Element, sowie die darübergehenden
Expand Down
3 changes: 1 addition & 2 deletions js/layout.min.js
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

42 changes: 42 additions & 0 deletions page-actionpage.php
View file
@@ -0,0 +1,42 @@
<?php
/*
Template Name: Actionpage
*/
?>
<?php get_header('actionpage');
global $options;
?>

<div class="section content actionpage" id="main-content">
<div class="row">
<div class="content-primary">

<div class="skin">
<?php
if ( have_posts() ) while ( have_posts() ) : the_post(); ?>
<header><h1><?php the_title(); ?></h1></header>
<?php
echo '<article>';
the_content();
echo '</article>';

edit_post_link( __( 'Bearbeiten', 'piratenkleider' ), '', '' );

if ($options['aktiv-commentsonpages']==1) {
echo '<div class="post-comments" id="comments">';
comments_template( '', true );
echo '</div>';
}

endwhile;
?>

</div>
</div>

</div>
<?php get_piratenkleider_socialmediaicons(2); ?>
</div>

<?php get_footer('actionpage'); ?>

0 comments on commit 2db289d

Please sign in to comment.