PSD-Tutorials.de
Forum für Design, Fotografie & Bildbearbeitung
Tutkit
Agentur
Hilfe
Kontakt
Start
Forum
Aktuelles
Besonderer Inhalt
Foren durchsuchen
Tutorials
News
Anmelden
Kostenlos registrieren
Aktuelles
Suche
Suche
Nur Titel durchsuchen
Von:
Menü
Anmelden
Kostenlos registrieren
App installieren
Installieren
JavaScript ist deaktiviert. Für eine bessere Darstellung aktiviere bitte JavaScript in deinem Browser, bevor du fortfährst.
Du verwendest einen veralteten Browser. Es ist möglich, dass diese oder andere Websites nicht korrekt angezeigt werden.
Du solltest ein Upgrade durchführen oder einen
alternativen Browser
verwenden.
Antworten auf deine Fragen:
Neues Thema erstellen
Start
Forum
Sonstiges
Webdesign, Webentwicklung & Programmierung
Webdesign: HTML/CSS, Responsive Design, Sass...
Werbeblock außerhalb des Templates anordnen
Beitrag
<blockquote data-quote="TeimoChan" data-source="post: 2611776" data-attributes="member: 629434"><p>Guten Tag,</p><p></p><p>ich suche nun schon seit mehreren Stunden ein Lösung und komme irgendwie keinen Schritt weiter.</p><p>Mein Problem ist folgendes:</p><p>Ich möchte für unsere Vereinsseite einen Werbeblock rechts außerhalb des Container-Bereichs anordnen. Ich habe es mit float:right außerhalb des Body-Tags versucht, aber damit ändert sich leider auch das Menü, sprich es wird genau so hoch wie der Werbeblock (Bild im Anhang) - .</p><p></p><p>Ich benutze für unsere Website das WordPress Theme MH Magazine lite.</p><p></p><p>Hier der Code der head.php (der obere Werbeblock funktioniert ohne Probleme):</p><p>[php]<!DOCTYPE html></p><p><html class="no-js<?php mh_html_class(); ?>" <?php language_attributes(); ?>></p><p><head></p><p><meta charset="<?php bloginfo('charset'); ?>"></p><p><meta name="viewport" content="width=device-width, initial-scale=1.0"></p><p><link rel="pingback" href="<?php bloginfo('pingback_url'); ?>"/></p><p><?php wp_head(); ?></p><p></head></p><p></p><p><center style="margin-top: 20px;"></p><p><script src="http://anschlusstor.adspirit.de/adscript.php?pid=4103&ord=[timestamp]" type="text/javascript" language="JavaScript"></script></p><p><noscript></p><p><a href="http://anschlusstor.adspirit.de/adnoclick.php?pid=4103&ord=[timestamp]" target="_top"></p><p> <img src="http://anschlusstor.adspirit.de/adnoscript.php?pid=4103&ord=[timestamp]"</p><p> alt="Hier klicken!" border="0" width="728" height="90" /></p><p></a></p><p></noscript></p><p><p style="font-size: 0.75em; color: #999;">Werbung</p></p><p></center></p><p></p><p><body <?php body_class(); ?>></p><p><div class="mh-container"></p><p><header class="header-wrap"></p><p> <?php mh_logo(); ?></p><p> <div class="mobile-nav"></div></p><p> <nav class="main-nav clearfix"></p><p> <?php wp_nav_menu(array('theme_location' => 'main_nav')); ?></p><p> </nav></p><p></header>[/php]</p><p></p><p>Hier der Code des style.css:</p><p>[code=CSS]/*****</p><p>Theme Name: MH Magazine lite</p><p>Theme URI: http://www.mhthemes.com/themes/mh/magazine-lite/</p><p>Description: MH Magazine lite is a free responsive magazine, dynamic news or blog WordPress theme for modern online magazines, news websites, professional blogs and other editorial websites. If you would like to have more features, custom widgets and options to customize your website, you can upgrade to the premium version of MH Magazine. You can also learn more about this dynamic magazine WordPress theme on the MH Themes website.</p><p>Author: MH Themes</p><p>Author URI: http://www.mhthemes.com/</p><p>Version: 1.8.6</p><p>Tags: responsive-layout, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, featured-images, theme-options, threaded-comments, translation-ready, rtl-language-support, white, red</p><p>Text Domain: mh-magazine-lite</p><p>Domain Path: /languages/</p><p>License: GNU General Public License v2 or later</p><p>License URI: http://www.gnu.org/licenses/gpl-2.0.html</p><p>Credits: You may remove the link in the footer, but we would appreciate any attribution to our work!</p><p>*****/</p><p></p><p>/***** CSS Reset based on the work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/ v2.0 *****/</p><p>html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }</p><p>article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }</p><p>ol, ul { list-style: none; }</p><p>blockquote, q { quotes: none; }</p><p>blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }</p><p>table { border-collapse: collapse; border-spacing: 0; }</p><p></p><p>/***** Structure *****/</p><p></p><p>html { font-size: 100%; -ms-text-size-adjust: none; -webkit-text-size-adjust: none; }</p><p>body { font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 14px; font-size: 0.875rem; line-height: 1.6; background: #f7f7f7; word-wrap: break-word; }</p><p>.fullbg .custom-background { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }</p><p>.mh-container { width: 980px; margin: 20px auto; position: relative; -webkit-box-shadow: 0 0 5px 1px #a8a8a8; -moz-box-shadow: 0 0 5px 1px #a8a8a8; box-shadow: 0 0 5px 1px #a8a8a8; }</p><p>.mh-wrapper { padding: 20px; background: #fff; }</p><p>.mh-content { width: 620px; overflow: hidden; }</p><p>.mh-sidebar, .hp-sidebar { float: left; width: 300px; }</p><p>.sb-right { margin-left: 20px; }</p><p>.sb-left { margin-right: 20px; }</p><p>.mh-right-sb #main-content { float: left; margin-right: 20px; }</p><p>.mh-left-sb #main-content { float: right; margin-left: 20px; }</p><p>.left { float: left; }</p><p>.right { float: right; }</p><p></p><p>/***** Columns *****/</p><p></p><p>.row [class*='col-']:first-child { margin: 0; }</p><p>[class*='col-'] { float: left; margin-left: 2.04%; overflow: hidden; }</p><p>.col-1-1 { width: 100%; }</p><p>.col-1-2 { width: 48.98%; }</p><p>.col-1-3 { width: 31.973%; }</p><p>.col-2-3 { width: 65.986%; }</p><p>.col-1-4 { width: 23.47%; }</p><p>.col-3-4 { width: 74.49%; }</p><p>.col-1-5 { width: 18.368%; }</p><p>.col-1-6 { width: 14.966%; }</p><p>.col-1-7 { width: 12.537%; }</p><p>.col-1-8 { width: 10.715%; }</p><p>.clear { clear: both; }</p><p>.clearfix { display: block; }</p><p>.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; margin: 0; padding: 0; }</p><p></p><p>/***** Typography *****/</p><p></p><p>h1 { font-size: 32px; font-size: 2rem; }</p><p>h2 { font-size: 24px; font-size: 1.5rem; }</p><p>h3 { font-size: 20px; font-size: 1.25rem; }</p><p>h4 { font-size: 18px; font-size: 1.125rem; }</p><p>h5 { font-size: 16px; font-size: 1rem; }</p><p>h6 { font-size: 14px; font-size: 0.875rem; }</p><p>h1, h2, h3, h4, h5, h6 { font-family: 'Open Sans', Helvetica, Arial, sans-serif; color: #000; line-height: 1.3; font-weight: 700; }</p><p>b, strong { font-weight: bold; }</p><p>i, em { font-style: italic; }</p><p>small { font-size: 6px; font-size: 0.375rem; }</p><p>big { font-size: 20px; font-size: 1.25rem; }</p><p>pre, code { font-family: "Consolas", Courier New, Courier, monospace; margin-bottom: 20px; margin-bottom: 1.25rem; background: #f7f7f7; border: 1px solid #ebebeb; }</p><p>pre { padding: 20px; padding: 1.25rem; white-space: pre-wrap; white-space: -o-pre-wrap; white-space: -moz-pre-wrap; white-space: -webkit-pre-wrap; }</p><p>kbd { padding: 0px 6px; padding: 0rem 0.375rem; background-color: #f7f7f7; border: 1px solid #aaa; border-radius: 0.1875em; -moz-border-radius: 0.1875em; -moz-box-shadow: 0 0.0625em 0 rgba(0, 0, 0, 0.2), 0 0 0 0.125em white inset; -webkit-border-radius: 0.1875em; -webkit-box-shadow: 0 0.0625em 0 rgba(0, 0, 0, 0.2), 0 0 0 0.125em white inset; box-shadow: 0 0.0625em 0 rgba(0, 0, 0, 0.2), 0 0 0 0.125em white inset; text-shadow: 0 0.0625em 0 #fff; }</p><p>blockquote { font-size: 15px; font-size: 0.9375rem; line-height: 1.6; font-style: italic; color: #666; padding: 15px; padding: 0.9375rem; border-left: 5px solid #e30613; border-right: 2px solid #e30613; display: inline-block; box-shadow: 2px 2px 15px #ccc; }</p><p>sup { vertical-align: super; font-size: 10px; font-size: 0.625rem; }</p><p>sub { vertical-align: sub; font-size: 10px; font-size: 0.625rem; }</p><p>abbr, acronym { border-bottom: 1px dashed; cursor: help; }</p><p>cite { color: #9a9b97; }</p><p>q { font-style: italic; }</p><p>address { font-family: "Courier new"; line-height: 1.5; margin-bottom: 20px; margin-bottom: 1.25rem; }</p><p>a { color: #000; text-decoration: none; }</p><p>a:hover { color: #e30613; text-decoration: underline; }</p><p>.mh-excerpt a, .widget-title a { text-decoration: none; }</p><p></p><p>/***** Lists *****/</p><p></p><p>.entry ul, .commentlist ul { list-style: square; }</p><p>.entry ol, .commentlist ol { list-style: decimal; }</p><p>.entry ul, .commentlist ul, .entry ol, .commentlist ol { margin: 0 0 20px 40px; margin: 0 0 1.25rem 2.5rem; }</p><p>.entry ul ul, .commentlist ul ul, .entry ol ol, .commentlist ol ol { margin: 0 0 0 40px; margin: 0 0 0 2.5rem; }</p><p>dl { margin: 0 0 10px 20px; margin: 0 0 0.625rem 1.25rem; }</p><p>dt, dd { display: list-item; }</p><p>dt { list-style-type: square; font-weight: bold; }</p><p>dd { list-style-type: circle; margin-left: 20px; margin-left: 1.25rem; }</p><p>select { max-width: 100%; }</p><p></p><p>/***** Header *****/</p><p></p><p>.header-wrap { background: #fff; }</p><p>.logo-wrap { padding: 10px; padding: 0.625rem; overflow: hidden; }</p><p>.logo { display: inline-block; margin: 20px 15px; }</p><p>.logo a { text-decoration: none; }</p><p>.logo-name { text-transform: uppercase; text-shadow: 1px 2px 5px #969696; /**border-bottom: 3px solid #e30613;**/ display: inline-block; }</p><p>.logo-desc { font-size: 14px; font-size: 0.875rem; color: #979797; margin-top: 3px; text-align: center; }</p><p></p><p>/***** Navigation *****/</p><p></p><p>.main-nav { background: #2a2a2a; text-transform: uppercase; border-bottom: 5px solid #e30613; }</p><p>.main-nav li { float: left; position: relative; border-left: 1px solid #000; -webkit-transition: background 0.6s ease-out; -moz-transition: background 0.6s ease-out; transition: background 0.6s ease-out; }</p><p>.main-nav li:first-child { border: none; }</p><p>.main-nav li:hover { background: #e30613; }</p><p>.main-nav li a { display: block; color: #fff; padding: 0.416em 1em; text-decoration: none; }</p><p>.main-nav ul li:hover > ul { display: block; background: #2a2a2a; z-index: 9999; }</p><p>.main-nav ul ul { display: none; position: absolute; }</p><p>.main-nav ul ul li { width: 13em; border: none; }</p><p>.main-nav ul ul ul { left: 100%; top: 0; }</p><p>.main-nav .current-menu-item { background: #e30613; }</p><p>.slicknav_menu { display: none; }</p><p></p><p>/***** SlickNav Mobile Menu Core Style *****/</p><p></p><p>.slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 0.438rem 0.625rem; line-height: 1.125rem; cursor: pointer; }</p><p>.slicknav_menu .slicknav_menutxt { display: block; line-height: 1.125rem; float: left; }</p><p>.slicknav_menu .slicknav_icon { float: left; margin: 0.188rem 0 0 0.438rem; }</p><p>.slicknav_menu .slicknav_no-text { margin: 0; }</p><p>.slicknav_menu .slicknav_icon-bar { display: block; width: 1.125rem; height: 0.125rem; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }</p><p>.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188rem }</p><p>.slicknav_nav { clear: both; }</p><p>.slicknav_nav ul, .slicknav_nav li { display: block; }</p><p>.slicknav_nav .slicknav_arrow { font-size: 0.8rem; margin: 0 0 0 0.4rem; }</p><p>.slicknav_nav .slicknav_item { display: block; cursor: pointer; }</p><p>.slicknav_nav a { display: block; }</p><p>.slicknav_nav .slicknav_item a { display: inline; }</p><p>.slicknav_menu:before, .slicknav_menu:after { content: " "; display: table; }</p><p>.slicknav_menu:after { clear: both; }</p><p>.slicknav_menu { *zoom: 1; }</p><p></p><p>/***** SlickNav User Default Style *****/</p><p></p><p>.slicknav_menu { font-size: 13px; font-size: 0.8125rem; }</p><p>.slicknav_btn { margin: 0 5px; text-decoration: none; background: #e30613; }</p><p>.slicknav_menu .slicknav_menutxt { color: #fff; font-weight: bold; }</p><p>.slicknav_menu .slicknav_icon-bar { background: #f5f5f5; }</p><p>.slicknav_menu { background: #e30613; border-bottom: 2px solid #2a2a2a; }</p><p>.slicknav_nav { font-size: 16px; font-size: 1rem; font-weight: 600; color: #fff; margin: 0; padding: 0; margin-bottom: 20px; }</p><p>.slicknav_nav, .slicknav_nav ul { list-style: none; overflow: hidden; }</p><p>.slicknav_nav ul { padding: 20px 0 0 15px; border-top: 2px solid #2a2a2a; }</p><p>.slicknav_nav ul ul { border: 0; padding: 0 0 0 15px; }</p><p>.slicknav_nav .slicknav_item { padding: 5px 10px; margin: 2px 5px; }</p><p>.slicknav_nav a { padding: 5px 10px; margin: 2px 5px; text-decoration: none; color: #fff; }</p><p>.slicknav_nav .slicknav_item a { padding: 0; margin: 0; }</p><p>.slicknav_nav .slicknav_item:hover { background: #e30613; color: #fff; }</p><p>.slicknav_nav a:hover { background: #e30613; color: #fff; }</p><p>.slicknav_nav .slicknav_txtnode { margin-left: 15px; }</p><p></p><p>/***** FlexSlider Browser Resets *****/</p><p></p><p>.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; }</p><p>.slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; }</p><p></p><p>/***** FlexSlider Default Styles *****/</p><p></p><p>.flexslider { margin: 0; padding: 0; }</p><p>.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; }</p><p>.flexslider .slides img { display: block; }</p><p>.flex-pauseplay span { text-transform: capitalize; }</p><p>.slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }</p><p>html[xmlns] .slides { display: block; }</p><p>* html .slides { height: 1%; }</p><p>.flex-direction-nav { *height: 0; }</p><p>.flex-direction-nav a { width: 30px; height: 30px; margin: -12px 0 0; display: block; background: url(images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease; }</p><p>.flex-direction-nav .flex-next { background-position: 100% 0; right: -36px; display: none; }</p><p>.flex-direction-nav .flex-prev { left: -36px; display: none; }</p><p>.flex-direction-nav .flex-disabled { opacity: 0.3 !important; filter: alpha(opacity=30); cursor: default; }</p><p>.flexslider:hover .flex-next { opacity: 0.8; right: 5px; display: block; }</p><p>.flexslider:hover .flex-prev { opacity: 0.8; left: 5px; display: block; }</p><p>.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }</p><p>.flex-control-nav { width: 100%; position: absolute; bottom: 6px; text-align: center; }</p><p>.flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; }</p><p>.flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0, 0, 0, 0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); }</p><p>.flex-control-paging li a:hover { background: #333; background: rgba(0, 0, 0, 0.7); }</p><p>.flex-control-paging li a.flex-active { background: #000; background: rgba(0, 0, 0, 0.9); cursor: default; }</p><p></p><p>/***** FlexSlider Custom Styles *****/</p><p></p><p>.flexslider { position: relative; zoom: 1; }</p><p>.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; }</p><p>.loading .flex-viewport { max-height: 300px; }</p><p>.flexslider .slides { zoom: 1; }</p><p>.no-js .slides > li:first-child { display: block; }</p><p>.slider-normal { width: 620px; max-width: 100%; }</p><p>.slide-caption { width: 25em; max-width: 100%; position: absolute; background: #2a2a2a; color: #fff; top: 0; right: 0; border-bottom: 3px solid #e30613; opacity: 0.6; filter: alpha(opacity=60); }</p><p>.slide-wrap:hover .slide-caption { opacity: 1; filter: alpha(opacity=100); }</p><p>.slide-title { color: #fff; margin-bottom: 10px; margin-bottom: 0.625rem; }</p><p>.slide-title:hover { color: #e30613; }</p><p>.slide-data { padding: 10px; padding: 0.625rem; }</p><p></p><p>/***** Posts/Pages *****/</p><p></p><p>.post-header { margin-bottom: 20px; margin-bottom: 1.25rem; }</p><p>.entry-title { padding-bottom: 3px; padding-bottom: 0.1875rem; }</p><p>.page-title-top, .subheading-top { border-bottom: 3px solid #2a2a2a; }</p><p>.page-title { font-size: 24px; font-size: 1.5rem; color: #fff; padding: 0px 10px 3px; padding: 0rem 0.625rem 0.1875rem; margin-bottom: 20px; margin-bottom: 1.25rem; background: #e30613; display: inline-block; }</p><p>.subheading { font-size: 15px; font-size: 0.9375rem; color: #fff; line-height: 1.3; font-weight: 400; margin-bottom: 10px; margin-bottom: 0.625rem; padding: 2px 7px 3px; padding: 0.125rem 0.4375rem 0.1875rem; background: #e30613; display: inline-block; }</p><p>.meta, .meta a { font-size: 13px; font-size: 0.8125rem; color: #979797; }</p><p>.post-meta { margin-top: 10px; margin-top: 0.625rem; padding: 5px; padding: 0.3125rem; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; }</p><p>.post-meta a { color: #979797; font-weight: 600; }</p><p>.post-meta a:hover { color: #e30613; }</p><p>.post-thumbnail { margin-bottom: 20px; margin-bottom: 1.25rem; }</p><p>.post-thumbnail img { width: 100%; }</p><p>.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6, .entry p, .entry blockquote, .entry .flex-vid, .entry row, .entry .mh-video-container { margin-bottom: 20px; margin-bottom: 1.25rem; }</p><p>.entry blockquote p:last-child { margin: 0; }</p><p>.entry a { color: #e30613; }</p><p>.post-tags { margin-bottom: 20px; margin-bottom: 1.25rem; }</p><p>.post-tags li { float: left; margin: 0px 6px 6px 0px; margin: 0rem 0.375rem 0.375rem 0rem; background: #555555; }</p><p>.post-tags li:hover { background: #e30613; }</p><p>.post-tags a, .post-tags a:hover { color: #fff; padding: 2px 10px; padding: 0.125rem 0.625rem; display: block; text-decoration: none; }</p><p>.section-title { padding: 10px; padding: 0.625rem; margin-bottom: 20px; margin-bottom: 1.25rem; background: #f6f6f6; border: 1px solid #d7d8d8; }</p><p>.sticky { }</p><p></p><p>/***** Authorbox *****/</p><p></p><p>.author-box { line-height: 1.5; margin-bottom: 20px; margin-bottom: 1.25rem; background: #f7f7f7; border-top: 3px solid #e30613; border-bottom: 3px solid #e30613; }</p><p>.author-box-wrap { padding: 10px; }</p><p>.author-box-avatar { float: left; margin-right: 10px; }</p><p>.author-box-name { margin-bottom: 10px; }</p><p></p><p>/***** Loop / Archives / Search Results *****/</p><p></p><p>.loop-wrap { padding-bottom: 20px; padding-bottom: 1.25rem; margin-bottom: 20px; margin-bottom: 1.25rem; border-bottom: 1px solid #ebebeb; }</p><p>.loop-data { margin-bottom: 10px; margin-bottom: 0.625rem; }</p><p>.loop-thumb { float: left; margin-right: 20px; }</p><p>.cat-desc { margin-bottom: 30px; margin-bottom: 1.875rem; padding: 20px; padding: 1.25rem; background: #f7f7f7; border-top: 3px solid #e30613; border-bottom: 3px solid #e30613; }</p><p></p><p>/***** Pagination *****/</p><p></p><p>.post .pagination { padding-bottom: 20px; padding-bottom: 1.25rem; }</p><p>.page-numbers { padding: 5px 10px; padding: 0.3125rem 0.625rem; background: #eee; display: inline-block; }</p><p>.page-numbers:hover, .current, a:hover .pagelink { background: #e30613; color: #fff; text-decoration: none; }</p><p>.page-numbers a { display: block; }</p><p>.pagelink { padding: 5px 10px; padding: 0.3125rem 0.625rem; background: #e30613; color: #fff; }</p><p>a .pagelink { background: #eee; color: #444; }</p><p>.post-nav a { font-size: 15px; font-size: 0.9375rem; }</p><p></p><p>/***** Footer *****/</p><p></p><p>footer { font-size: 13px; font-size: 0.8125rem; color: #fff; padding: 20px; padding: 1.25rem; background: #2a2a2a; }</p><p>footer a { color: #f7f7f7; }</p><p>.copyright-wrap { background: #2a2a2a; border-top: 3px solid #999; }</p><p>.copyright { font-size: 11px; font-size: 0.6875rem; padding: 2px 10px; padding: 0.125rem 0.625rem; color: #999; }</p><p>.copyright a { color: #999; }</p><p></p><p>/***** Images / Video *****/</p><p></p><p>img { max-width: 100%; width: auto\9; /* ie8 */ height: auto; vertical-align: bottom; }</p><p>iframe, embed, object, video { max-width: 100%; }</p><p>.mh-video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }</p><p>.mh-video-container iframe, .mh-video-container object, .mh-video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }</p><p>.alignnone { display: block; margin: 20px 0; margin: 1.25rem 0; }</p><p>.aligncenter { display: block; margin: 20px auto; margin: 1.25rem auto; }</p><p>.alignleft { display: inline; float: left; margin: 5px 20px 20px 0; margin: 0.3125rem 1.25rem 1.25rem 0; }</p><p>.alignright { display: inline; float: right; margin: 5px 0 20px 20px; margin: 0.3125rem 0 1.25rem 1.25rem; } }</p><p>.wp-caption { max-width: 100%; }</p><p>.wp-caption-text { font-size: 12px; font-size: 0.75rem; font-weight: 700; line-height: 1.4; color: #000; margin-top: 5px; margin-top: 0.3125rem; display: block; }</p><p>.alignnone .wp-caption-text, .aligncenter .wp-caption-text, .alignleft .wp-caption-text, .alignright .wp-caption-text { margin-bottom: 0; }</p><p>.gallery dl { margin: 0; }</p><p>.gallery dt { list-style: none; }</p><p>.gallery-caption { position: relative; display: none; }</p><p></p><p>/***** Tables *****/</p><p></p><p>table { width: 100%; margin-bottom: 20px; margin-bottom: 1.25rem; border-left: 1px solid #ebebeb; border-top: 1px solid #ebebeb; }</p><p>td, th { padding: 5px 10px; padding: 0.3125rem 0.625rem; border-right: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; }</p><p>th { background-color: #f9f9f9; font-weight: 600; color: #000; }</p><p></p><p>/***** Widgets *****/</p><p></p><p>.widget-title, .footer-widget-title { margin-bottom: 20px; margin-bottom: 1.25rem; }</p><p>.footer-widget-title { color: #fff; }</p><p>.widget-title, .footer-widget-title { border-bottom: 3px solid #e30613; padding-bottom: 3px; }</p><p>.sb-widget, .footer-widget { margin-bottom: 20px; margin-bottom: 1.25rem; overflow: hidden; }</p><p></p><p>/***** MH Custom Posts Widget *****/</p><p></p><p>.sb-widget .cp-wrap { padding: 15px 0px; padding: 0.9375rem 0rem; border-bottom: 1px solid #ebebeb; }</p><p>.footer-widget .cp-wrap { padding: 5px 0px; padding: 0.3125rem 0rem; border-bottom: 1px solid #454545; }</p><p>.cp-widget li:first-child { padding-top: 0; }</p><p>.cp-thumb { float: left; margin-right: 10px; margin-right: 0.625rem; }</p><p>.cp-widget-title { font-weight: 700; line-height: 1.3; }</p><p>.cp-small .meta { font-size: 11px; font-size: 0.6875rem; }</p><p>.home-wide .cp-small { float: left; width: 50%; min-height: 55px; }</p><p>.home-wide .cp-small .cp-data { margin-right: 10px; }</p><p>.home-wide .cp-widget .cp-small:first-child { padding-top: 15px; padding-top: 0.9375rem; }</p><p></p><p>/***** Default WordPress Widgets *****/</p><p></p><p>.sb-widget .menu > .menu-item, .sb-widget .cat-item { padding: 5px 0px; padding: 0.375rem 0rem; border-bottom: 1px solid #ebebeb; }</p><p>.footer-widget .menu > .menu-item, .footer-widget .cat-item { padding: 5px 0px; padding: 0.3125rem 0rem; border-bottom: 1px solid #454545; }</p><p>.sb-widget .menu-item:first-child, .sb-widget .cat-item:first-child, .footer-widget .menu-item:first-child, .footer-widget .cat-item:first-child { padding-top: 0; }</p><p>.sb-widget .menu-item, .sb-widget .cat-item, .footer-widget .menu-item, .footer-widget .cat-item { line-height: 1.3; }</p><p>#wp-calendar caption { text-align: left; padding: 10px; padding: 0.625rem; background: #f7f7f7; }</p><p>#wp-calendar th, #wp-calendar td { padding: 5px 10px; padding: 0.3125rem 0.625rem; text-align: center; }</p><p>#wp-calendar th { font-weight: 300; }</p><p>#wp-calendar #prev { text-align: left; }</p><p>.tagcloud a { margin: 2px; margin: 0.125rem; padding: 2px 10px; padding: 0.125rem 0.625rem; color: #666; white-space: nowrap; display: inline-block; }</p><p>.sb-widget .tagcloud a { background: #f6f6f6; }</p><p>.footer-widget .tagcloud a { background: #000; }</p><p>.tagcloud a:hover, .sb-widget .tagcloud a:hover, .footer-widget .tagcloud a:hover { color: #fff; background: #e30613; text-decoration: none; }</p><p></p><p>/***** Comments *****/</p><p></p><p>.no-comments { padding: 10px; padding: 0.625rem; margin-top: 20px; margin-top: 1.25rem; background: #f6f6f6; border: 1px solid #d7d8d8; }</p><p>.commentlist { margin-bottom: 40px; margin-bottom: 2.5rem; list-style: none; }</p><p>.commentlist .comment .vcard { line-height: 2.5; padding: 10px 0px; padding: 0.625rem 0rem; margin-bottom: 20px; margin-bottom: 1.25rem; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; }</p><p>.commentlist .comment .avatar { width: 2.5em; height: 2.5em; padding: 2px; padding: 0.125rem; margin-right: 6px; margin-right: 0.375rem; background: #fff; border: 1px solid #f7f7f7; vertical-align: middle; }</p><p>.commentlist .bypostauthor .vcard { border-left: 3px solid #e30613; }</p><p>.commentlist .bypostauthor .avatar { margin-left: 6px; margin-left: 0.375rem; }</p><p>.commentlist .children { list-style: none; }</p><p>.commentlist h1, .commentlist h2, .commentlist h3, .commentlist h4, .commentlist h5, .commentlist h6 { margin-bottom: 20px; margin-bottom: 1.25rem; }</p><p>.comment-text p, .comment-text blockquote { margin-bottom: 20px; margin-bottom: 1.25rem; }</p><p>.comment-text blockquote p:last-child { margin: 0; }</p><p>.comment-info { color: #e30613; margin: 20px 0px; margin: 1.25rem 0rem; }</p><p>.comments-pagination { margin-bottom: 20px; margin-bottom: 1.25rem; }</p><p>.pinglist { margin-bottom: 20px; margin-bottom: 1.25rem; }</p><p>.pinglist .pings:first-child { border-top: 1px solid #ebebeb; }</p><p>.pinglist .pings { line-height: 2.5; padding: 10px 0px; padding: 0.625rem 0rem; border-bottom: 1px solid #ebebeb; }</p><p></p><p>/***** Forms *****/</p><p></p><p>input { font-size: 12px; font-size: 0.75rem; padding: 5px; padding: 0.3125rem; border: 1px solid #d7d8d8; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }</p><p>input[type=text] { width: 60%; }</p><p>input[type=text]:hover, textarea:hover { border: 1px solid #e30613; }</p><p>input[type=submit] { min-width: 75px; color: #fff; padding: 5px 10px; padding: 0.3125rem 0.625rem; background: #e30613; text-decoration: none; cursor: pointer; display: inline-block; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; transition: all 0.1s linear; border: 0; -webkit-appearance: none; }</p><p>input[type=submit]:hover { background: #2a2a2a; }</p><p>textarea { width: 96%; line-height: 1.5; padding: 5px; padding: 0.3125rem; border: 1px solid #d7d8d8; }</p><p></p><p>/***** Comment Form *****/</p><p></p><p>#respond { padding: 10px; padding: 0.625rem; background: #f6f6f6; border: 1px solid #d7d8d8; }</p><p>#respond h3 { margin-bottom: 20px; margin-bottom: 1.25rem; }</p><p>#commentform p { margin-bottom: 10px; margin-bottom: 0.625rem; }</p><p>#cancel-comment-reply-link { font-size: 12px; font-size: 0.75rem; background: #e30613; padding: 5px; padding: 0.3125rem; color: #fff; }</p><p>#cancel-comment-reply-link:hover { background: #2a2a2a; text-decoration: none; }</p><p>.required { color: #e30613; }</p><p></p><p>/***** Contact Form 7 *****/</p><p></p><p>.wpcf7-form { font-size: 12px; font-size: 0.75rem; padding: 10px; padding: 0.625rem; border: 1px solid #d7d8d8; background: #f7f7f7; }</p><p>.wpcf7-form input[type=email] { width: 60%; }</p><p>.wpcf7-form input[type=email]:hover { border: 1px solid #e30613; }</p><p>.wpcf7-form p { margin-bottom: 10px; margin-bottom: 0.625rem; }</p><p>.wpcf7-response-output { background: #fff; }</p><p></p><p>/***** Searchform *****/</p><p></p><p>#searchform { padding: 5px; padding: 0.3125rem; background: #f6f6f6; border: 1px solid #ebebeb; overflow: hidden; }</p><p>#searchform #s { width: 100%; font-size: 12px; font-size: 0.75rem; color: #444; background: none; border: none; }</p><p>#searchform #s:focus { outline: none; }</p><p>#searchsubmit { display: none; }</p><p></p><p>/***** Shortcodes *****/</p><p></p><p>.ad-label { font-size: 10px; font-size: 0.625rem; }</p><p></p><p>/***** Media Queries *****/</p><p></p><p>@media screen and (max-width: 1000px) {</p><p> .mh-container { width: 768px; margin: 0 auto; }</p><p> .mh-content { width: 488px; }</p><p> .mh-sidebar, .hp-sidebar { width: 220px; }</p><p> .hp-sidebar-left, .hp-sidebar-right { width: 234px; }</p><p>}</p><p>@media screen and (max-width: 767px) {</p><p> .mh-container { width: 90%; min-width: 300px; }</p><p> [class*='col-'], .mh-content, .mh-right-sb #main-content, .mh-left-sb #main-content, .mh-sidebar, .hp-sidebar { width: 100%; margin: 0; }</p><p> .mh-sidebar { margin-top: 20px; }</p><p> .logo-wrap { border-bottom: 2px solid #ebebeb; }</p><p> .home-wide .cp-small { float: none; width: 100%; min-height: 0; }</p><p> .home-wide .cp-small .cp-data { margin-right: 0; }</p><p> .home-wide .cp-widget .cp-small:first-child { padding-top: 0; }</p><p> .slide-wrap img { width: 100%; }</p><p> .js .slicknav_menu { display: block; }</p><p> .js .main-nav { display: none; }</p><p>}</p><p>@media screen and (max-width: 620px) {</p><p> .logo-wrap { text-align: center; }</p><p> .logo-name { font-size: 24px; font-size: 1.5rem; }</p><p> .logo-desc { font-size: 14px; font-size: 0.875rem; }</p><p> .loop-thumb { float: none; margin: 0 0 20px; }</p><p> .slide-caption { position: relative; width: 100%; bottom: 0; top: auto; border-top: 3px solid #e30613; border-bottom: none; opacity: 1; }</p><p> .flex-control-nav { display: none; }</p><p> .commentlist ul, .commentlist ol, .commentlist ul ul, .commentlist ol ol { margin: 0 0 20px 0; margin: 0 0 1.25rem 0; }</p><p>}[/code]</p><p></p><p>Ich hoffe, dass mir hier jemand behilflich sein kann.</p><p></p><p>Danke im Voraus.</p></blockquote><p></p>
[QUOTE="TeimoChan, post: 2611776, member: 629434"] Guten Tag, ich suche nun schon seit mehreren Stunden ein Lösung und komme irgendwie keinen Schritt weiter. Mein Problem ist folgendes: Ich möchte für unsere Vereinsseite einen Werbeblock rechts außerhalb des Container-Bereichs anordnen. Ich habe es mit float:right außerhalb des Body-Tags versucht, aber damit ändert sich leider auch das Menü, sprich es wird genau so hoch wie der Werbeblock (Bild im Anhang) - . Ich benutze für unsere Website das WordPress Theme MH Magazine lite. Hier der Code der head.php (der obere Werbeblock funktioniert ohne Probleme): [php]<!DOCTYPE html> <html class="no-js<?php mh_html_class(); ?>" <?php language_attributes(); ?>> <head> <meta charset="<?php bloginfo('charset'); ?>"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>"/> <?php wp_head(); ?> </head> <center style="margin-top: 20px;"> <script src="http://anschlusstor.adspirit.de/adscript.php?pid=4103&ord=[timestamp]" type="text/javascript" language="JavaScript"></script> <noscript> <a href="http://anschlusstor.adspirit.de/adnoclick.php?pid=4103&ord=[timestamp]" target="_top"> <img src="http://anschlusstor.adspirit.de/adnoscript.php?pid=4103&ord=[timestamp]" alt="Hier klicken!" border="0" width="728" height="90" /> </a> </noscript> <p style="font-size: 0.75em; color: #999;">Werbung</p> </center> <body <?php body_class(); ?>> <div class="mh-container"> <header class="header-wrap"> <?php mh_logo(); ?> <div class="mobile-nav"></div> <nav class="main-nav clearfix"> <?php wp_nav_menu(array('theme_location' => 'main_nav')); ?> </nav> </header>[/php] Hier der Code des style.css: [code=CSS]/***** Theme Name: MH Magazine lite Theme URI: http://www.mhthemes.com/themes/mh/magazine-lite/ Description: MH Magazine lite is a free responsive magazine, dynamic news or blog WordPress theme for modern online magazines, news websites, professional blogs and other editorial websites. If you would like to have more features, custom widgets and options to customize your website, you can upgrade to the premium version of MH Magazine. You can also learn more about this dynamic magazine WordPress theme on the MH Themes website. Author: MH Themes Author URI: http://www.mhthemes.com/ Version: 1.8.6 Tags: responsive-layout, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, featured-images, theme-options, threaded-comments, translation-ready, rtl-language-support, white, red Text Domain: mh-magazine-lite Domain Path: /languages/ License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Credits: You may remove the link in the footer, but we would appreciate any attribution to our work! *****/ /***** CSS Reset based on the work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/ v2.0 *****/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /***** Structure *****/ html { font-size: 100%; -ms-text-size-adjust: none; -webkit-text-size-adjust: none; } body { font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 14px; font-size: 0.875rem; line-height: 1.6; background: #f7f7f7; word-wrap: break-word; } .fullbg .custom-background { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .mh-container { width: 980px; margin: 20px auto; position: relative; -webkit-box-shadow: 0 0 5px 1px #a8a8a8; -moz-box-shadow: 0 0 5px 1px #a8a8a8; box-shadow: 0 0 5px 1px #a8a8a8; } .mh-wrapper { padding: 20px; background: #fff; } .mh-content { width: 620px; overflow: hidden; } .mh-sidebar, .hp-sidebar { float: left; width: 300px; } .sb-right { margin-left: 20px; } .sb-left { margin-right: 20px; } .mh-right-sb #main-content { float: left; margin-right: 20px; } .mh-left-sb #main-content { float: right; margin-left: 20px; } .left { float: left; } .right { float: right; } /***** Columns *****/ .row [class*='col-']:first-child { margin: 0; } [class*='col-'] { float: left; margin-left: 2.04%; overflow: hidden; } .col-1-1 { width: 100%; } .col-1-2 { width: 48.98%; } .col-1-3 { width: 31.973%; } .col-2-3 { width: 65.986%; } .col-1-4 { width: 23.47%; } .col-3-4 { width: 74.49%; } .col-1-5 { width: 18.368%; } .col-1-6 { width: 14.966%; } .col-1-7 { width: 12.537%; } .col-1-8 { width: 10.715%; } .clear { clear: both; } .clearfix { display: block; } .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; margin: 0; padding: 0; } /***** Typography *****/ h1 { font-size: 32px; font-size: 2rem; } h2 { font-size: 24px; font-size: 1.5rem; } h3 { font-size: 20px; font-size: 1.25rem; } h4 { font-size: 18px; font-size: 1.125rem; } h5 { font-size: 16px; font-size: 1rem; } h6 { font-size: 14px; font-size: 0.875rem; } h1, h2, h3, h4, h5, h6 { font-family: 'Open Sans', Helvetica, Arial, sans-serif; color: #000; line-height: 1.3; font-weight: 700; } b, strong { font-weight: bold; } i, em { font-style: italic; } small { font-size: 6px; font-size: 0.375rem; } big { font-size: 20px; font-size: 1.25rem; } pre, code { font-family: "Consolas", Courier New, Courier, monospace; margin-bottom: 20px; margin-bottom: 1.25rem; background: #f7f7f7; border: 1px solid #ebebeb; } pre { padding: 20px; padding: 1.25rem; white-space: pre-wrap; white-space: -o-pre-wrap; white-space: -moz-pre-wrap; white-space: -webkit-pre-wrap; } kbd { padding: 0px 6px; padding: 0rem 0.375rem; background-color: #f7f7f7; border: 1px solid #aaa; border-radius: 0.1875em; -moz-border-radius: 0.1875em; -moz-box-shadow: 0 0.0625em 0 rgba(0, 0, 0, 0.2), 0 0 0 0.125em white inset; -webkit-border-radius: 0.1875em; -webkit-box-shadow: 0 0.0625em 0 rgba(0, 0, 0, 0.2), 0 0 0 0.125em white inset; box-shadow: 0 0.0625em 0 rgba(0, 0, 0, 0.2), 0 0 0 0.125em white inset; text-shadow: 0 0.0625em 0 #fff; } blockquote { font-size: 15px; font-size: 0.9375rem; line-height: 1.6; font-style: italic; color: #666; padding: 15px; padding: 0.9375rem; border-left: 5px solid #e30613; border-right: 2px solid #e30613; display: inline-block; box-shadow: 2px 2px 15px #ccc; } sup { vertical-align: super; font-size: 10px; font-size: 0.625rem; } sub { vertical-align: sub; font-size: 10px; font-size: 0.625rem; } abbr, acronym { border-bottom: 1px dashed; cursor: help; } cite { color: #9a9b97; } q { font-style: italic; } address { font-family: "Courier new"; line-height: 1.5; margin-bottom: 20px; margin-bottom: 1.25rem; } a { color: #000; text-decoration: none; } a:hover { color: #e30613; text-decoration: underline; } .mh-excerpt a, .widget-title a { text-decoration: none; } /***** Lists *****/ .entry ul, .commentlist ul { list-style: square; } .entry ol, .commentlist ol { list-style: decimal; } .entry ul, .commentlist ul, .entry ol, .commentlist ol { margin: 0 0 20px 40px; margin: 0 0 1.25rem 2.5rem; } .entry ul ul, .commentlist ul ul, .entry ol ol, .commentlist ol ol { margin: 0 0 0 40px; margin: 0 0 0 2.5rem; } dl { margin: 0 0 10px 20px; margin: 0 0 0.625rem 1.25rem; } dt, dd { display: list-item; } dt { list-style-type: square; font-weight: bold; } dd { list-style-type: circle; margin-left: 20px; margin-left: 1.25rem; } select { max-width: 100%; } /***** Header *****/ .header-wrap { background: #fff; } .logo-wrap { padding: 10px; padding: 0.625rem; overflow: hidden; } .logo { display: inline-block; margin: 20px 15px; } .logo a { text-decoration: none; } .logo-name { text-transform: uppercase; text-shadow: 1px 2px 5px #969696; /**border-bottom: 3px solid #e30613;**/ display: inline-block; } .logo-desc { font-size: 14px; font-size: 0.875rem; color: #979797; margin-top: 3px; text-align: center; } /***** Navigation *****/ .main-nav { background: #2a2a2a; text-transform: uppercase; border-bottom: 5px solid #e30613; } .main-nav li { float: left; position: relative; border-left: 1px solid #000; -webkit-transition: background 0.6s ease-out; -moz-transition: background 0.6s ease-out; transition: background 0.6s ease-out; } .main-nav li:first-child { border: none; } .main-nav li:hover { background: #e30613; } .main-nav li a { display: block; color: #fff; padding: 0.416em 1em; text-decoration: none; } .main-nav ul li:hover > ul { display: block; background: #2a2a2a; z-index: 9999; } .main-nav ul ul { display: none; position: absolute; } .main-nav ul ul li { width: 13em; border: none; } .main-nav ul ul ul { left: 100%; top: 0; } .main-nav .current-menu-item { background: #e30613; } .slicknav_menu { display: none; } /***** SlickNav Mobile Menu Core Style *****/ .slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 0.438rem 0.625rem; line-height: 1.125rem; cursor: pointer; } .slicknav_menu .slicknav_menutxt { display: block; line-height: 1.125rem; float: left; } .slicknav_menu .slicknav_icon { float: left; margin: 0.188rem 0 0 0.438rem; } .slicknav_menu .slicknav_no-text { margin: 0; } .slicknav_menu .slicknav_icon-bar { display: block; width: 1.125rem; height: 0.125rem; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); } .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188rem } .slicknav_nav { clear: both; } .slicknav_nav ul, .slicknav_nav li { display: block; } .slicknav_nav .slicknav_arrow { font-size: 0.8rem; margin: 0 0 0 0.4rem; } .slicknav_nav .slicknav_item { display: block; cursor: pointer; } .slicknav_nav a { display: block; } .slicknav_nav .slicknav_item a { display: inline; } .slicknav_menu:before, .slicknav_menu:after { content: " "; display: table; } .slicknav_menu:after { clear: both; } .slicknav_menu { *zoom: 1; } /***** SlickNav User Default Style *****/ .slicknav_menu { font-size: 13px; font-size: 0.8125rem; } .slicknav_btn { margin: 0 5px; text-decoration: none; background: #e30613; } .slicknav_menu .slicknav_menutxt { color: #fff; font-weight: bold; } .slicknav_menu .slicknav_icon-bar { background: #f5f5f5; } .slicknav_menu { background: #e30613; border-bottom: 2px solid #2a2a2a; } .slicknav_nav { font-size: 16px; font-size: 1rem; font-weight: 600; color: #fff; margin: 0; padding: 0; margin-bottom: 20px; } .slicknav_nav, .slicknav_nav ul { list-style: none; overflow: hidden; } .slicknav_nav ul { padding: 20px 0 0 15px; border-top: 2px solid #2a2a2a; } .slicknav_nav ul ul { border: 0; padding: 0 0 0 15px; } .slicknav_nav .slicknav_item { padding: 5px 10px; margin: 2px 5px; } .slicknav_nav a { padding: 5px 10px; margin: 2px 5px; text-decoration: none; color: #fff; } .slicknav_nav .slicknav_item a { padding: 0; margin: 0; } .slicknav_nav .slicknav_item:hover { background: #e30613; color: #fff; } .slicknav_nav a:hover { background: #e30613; color: #fff; } .slicknav_nav .slicknav_txtnode { margin-left: 15px; } /***** FlexSlider Browser Resets *****/ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; } .slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; } /***** FlexSlider Default Styles *****/ .flexslider { margin: 0; padding: 0; } .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } .flexslider .slides img { display: block; } .flex-pauseplay span { text-transform: capitalize; } .slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .slides { display: block; } * html .slides { height: 1%; } .flex-direction-nav { *height: 0; } .flex-direction-nav a { width: 30px; height: 30px; margin: -12px 0 0; display: block; background: url(images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease; } .flex-direction-nav .flex-next { background-position: 100% 0; right: -36px; display: none; } .flex-direction-nav .flex-prev { left: -36px; display: none; } .flex-direction-nav .flex-disabled { opacity: 0.3 !important; filter: alpha(opacity=30); cursor: default; } .flexslider:hover .flex-next { opacity: 0.8; right: 5px; display: block; } .flexslider:hover .flex-prev { opacity: 0.8; left: 5px; display: block; } .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; } .flex-control-nav { width: 100%; position: absolute; bottom: 6px; text-align: center; } .flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; } .flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0, 0, 0, 0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); } .flex-control-paging li a:hover { background: #333; background: rgba(0, 0, 0, 0.7); } .flex-control-paging li a.flex-active { background: #000; background: rgba(0, 0, 0, 0.9); cursor: default; } /***** FlexSlider Custom Styles *****/ .flexslider { position: relative; zoom: 1; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .flexslider .slides { zoom: 1; } .no-js .slides > li:first-child { display: block; } .slider-normal { width: 620px; max-width: 100%; } .slide-caption { width: 25em; max-width: 100%; position: absolute; background: #2a2a2a; color: #fff; top: 0; right: 0; border-bottom: 3px solid #e30613; opacity: 0.6; filter: alpha(opacity=60); } .slide-wrap:hover .slide-caption { opacity: 1; filter: alpha(opacity=100); } .slide-title { color: #fff; margin-bottom: 10px; margin-bottom: 0.625rem; } .slide-title:hover { color: #e30613; } .slide-data { padding: 10px; padding: 0.625rem; } /***** Posts/Pages *****/ .post-header { margin-bottom: 20px; margin-bottom: 1.25rem; } .entry-title { padding-bottom: 3px; padding-bottom: 0.1875rem; } .page-title-top, .subheading-top { border-bottom: 3px solid #2a2a2a; } .page-title { font-size: 24px; font-size: 1.5rem; color: #fff; padding: 0px 10px 3px; padding: 0rem 0.625rem 0.1875rem; margin-bottom: 20px; margin-bottom: 1.25rem; background: #e30613; display: inline-block; } .subheading { font-size: 15px; font-size: 0.9375rem; color: #fff; line-height: 1.3; font-weight: 400; margin-bottom: 10px; margin-bottom: 0.625rem; padding: 2px 7px 3px; padding: 0.125rem 0.4375rem 0.1875rem; background: #e30613; display: inline-block; } .meta, .meta a { font-size: 13px; font-size: 0.8125rem; color: #979797; } .post-meta { margin-top: 10px; margin-top: 0.625rem; padding: 5px; padding: 0.3125rem; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; } .post-meta a { color: #979797; font-weight: 600; } .post-meta a:hover { color: #e30613; } .post-thumbnail { margin-bottom: 20px; margin-bottom: 1.25rem; } .post-thumbnail img { width: 100%; } .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6, .entry p, .entry blockquote, .entry .flex-vid, .entry row, .entry .mh-video-container { margin-bottom: 20px; margin-bottom: 1.25rem; } .entry blockquote p:last-child { margin: 0; } .entry a { color: #e30613; } .post-tags { margin-bottom: 20px; margin-bottom: 1.25rem; } .post-tags li { float: left; margin: 0px 6px 6px 0px; margin: 0rem 0.375rem 0.375rem 0rem; background: #555555; } .post-tags li:hover { background: #e30613; } .post-tags a, .post-tags a:hover { color: #fff; padding: 2px 10px; padding: 0.125rem 0.625rem; display: block; text-decoration: none; } .section-title { padding: 10px; padding: 0.625rem; margin-bottom: 20px; margin-bottom: 1.25rem; background: #f6f6f6; border: 1px solid #d7d8d8; } .sticky { } /***** Authorbox *****/ .author-box { line-height: 1.5; margin-bottom: 20px; margin-bottom: 1.25rem; background: #f7f7f7; border-top: 3px solid #e30613; border-bottom: 3px solid #e30613; } .author-box-wrap { padding: 10px; } .author-box-avatar { float: left; margin-right: 10px; } .author-box-name { margin-bottom: 10px; } /***** Loop / Archives / Search Results *****/ .loop-wrap { padding-bottom: 20px; padding-bottom: 1.25rem; margin-bottom: 20px; margin-bottom: 1.25rem; border-bottom: 1px solid #ebebeb; } .loop-data { margin-bottom: 10px; margin-bottom: 0.625rem; } .loop-thumb { float: left; margin-right: 20px; } .cat-desc { margin-bottom: 30px; margin-bottom: 1.875rem; padding: 20px; padding: 1.25rem; background: #f7f7f7; border-top: 3px solid #e30613; border-bottom: 3px solid #e30613; } /***** Pagination *****/ .post .pagination { padding-bottom: 20px; padding-bottom: 1.25rem; } .page-numbers { padding: 5px 10px; padding: 0.3125rem 0.625rem; background: #eee; display: inline-block; } .page-numbers:hover, .current, a:hover .pagelink { background: #e30613; color: #fff; text-decoration: none; } .page-numbers a { display: block; } .pagelink { padding: 5px 10px; padding: 0.3125rem 0.625rem; background: #e30613; color: #fff; } a .pagelink { background: #eee; color: #444; } .post-nav a { font-size: 15px; font-size: 0.9375rem; } /***** Footer *****/ footer { font-size: 13px; font-size: 0.8125rem; color: #fff; padding: 20px; padding: 1.25rem; background: #2a2a2a; } footer a { color: #f7f7f7; } .copyright-wrap { background: #2a2a2a; border-top: 3px solid #999; } .copyright { font-size: 11px; font-size: 0.6875rem; padding: 2px 10px; padding: 0.125rem 0.625rem; color: #999; } .copyright a { color: #999; } /***** Images / Video *****/ img { max-width: 100%; width: auto\9; /* ie8 */ height: auto; vertical-align: bottom; } iframe, embed, object, video { max-width: 100%; } .mh-video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .mh-video-container iframe, .mh-video-container object, .mh-video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } .alignnone { display: block; margin: 20px 0; margin: 1.25rem 0; } .aligncenter { display: block; margin: 20px auto; margin: 1.25rem auto; } .alignleft { display: inline; float: left; margin: 5px 20px 20px 0; margin: 0.3125rem 1.25rem 1.25rem 0; } .alignright { display: inline; float: right; margin: 5px 0 20px 20px; margin: 0.3125rem 0 1.25rem 1.25rem; } } .wp-caption { max-width: 100%; } .wp-caption-text { font-size: 12px; font-size: 0.75rem; font-weight: 700; line-height: 1.4; color: #000; margin-top: 5px; margin-top: 0.3125rem; display: block; } .alignnone .wp-caption-text, .aligncenter .wp-caption-text, .alignleft .wp-caption-text, .alignright .wp-caption-text { margin-bottom: 0; } .gallery dl { margin: 0; } .gallery dt { list-style: none; } .gallery-caption { position: relative; display: none; } /***** Tables *****/ table { width: 100%; margin-bottom: 20px; margin-bottom: 1.25rem; border-left: 1px solid #ebebeb; border-top: 1px solid #ebebeb; } td, th { padding: 5px 10px; padding: 0.3125rem 0.625rem; border-right: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; } th { background-color: #f9f9f9; font-weight: 600; color: #000; } /***** Widgets *****/ .widget-title, .footer-widget-title { margin-bottom: 20px; margin-bottom: 1.25rem; } .footer-widget-title { color: #fff; } .widget-title, .footer-widget-title { border-bottom: 3px solid #e30613; padding-bottom: 3px; } .sb-widget, .footer-widget { margin-bottom: 20px; margin-bottom: 1.25rem; overflow: hidden; } /***** MH Custom Posts Widget *****/ .sb-widget .cp-wrap { padding: 15px 0px; padding: 0.9375rem 0rem; border-bottom: 1px solid #ebebeb; } .footer-widget .cp-wrap { padding: 5px 0px; padding: 0.3125rem 0rem; border-bottom: 1px solid #454545; } .cp-widget li:first-child { padding-top: 0; } .cp-thumb { float: left; margin-right: 10px; margin-right: 0.625rem; } .cp-widget-title { font-weight: 700; line-height: 1.3; } .cp-small .meta { font-size: 11px; font-size: 0.6875rem; } .home-wide .cp-small { float: left; width: 50%; min-height: 55px; } .home-wide .cp-small .cp-data { margin-right: 10px; } .home-wide .cp-widget .cp-small:first-child { padding-top: 15px; padding-top: 0.9375rem; } /***** Default WordPress Widgets *****/ .sb-widget .menu > .menu-item, .sb-widget .cat-item { padding: 5px 0px; padding: 0.375rem 0rem; border-bottom: 1px solid #ebebeb; } .footer-widget .menu > .menu-item, .footer-widget .cat-item { padding: 5px 0px; padding: 0.3125rem 0rem; border-bottom: 1px solid #454545; } .sb-widget .menu-item:first-child, .sb-widget .cat-item:first-child, .footer-widget .menu-item:first-child, .footer-widget .cat-item:first-child { padding-top: 0; } .sb-widget .menu-item, .sb-widget .cat-item, .footer-widget .menu-item, .footer-widget .cat-item { line-height: 1.3; } #wp-calendar caption { text-align: left; padding: 10px; padding: 0.625rem; background: #f7f7f7; } #wp-calendar th, #wp-calendar td { padding: 5px 10px; padding: 0.3125rem 0.625rem; text-align: center; } #wp-calendar th { font-weight: 300; } #wp-calendar #prev { text-align: left; } .tagcloud a { margin: 2px; margin: 0.125rem; padding: 2px 10px; padding: 0.125rem 0.625rem; color: #666; white-space: nowrap; display: inline-block; } .sb-widget .tagcloud a { background: #f6f6f6; } .footer-widget .tagcloud a { background: #000; } .tagcloud a:hover, .sb-widget .tagcloud a:hover, .footer-widget .tagcloud a:hover { color: #fff; background: #e30613; text-decoration: none; } /***** Comments *****/ .no-comments { padding: 10px; padding: 0.625rem; margin-top: 20px; margin-top: 1.25rem; background: #f6f6f6; border: 1px solid #d7d8d8; } .commentlist { margin-bottom: 40px; margin-bottom: 2.5rem; list-style: none; } .commentlist .comment .vcard { line-height: 2.5; padding: 10px 0px; padding: 0.625rem 0rem; margin-bottom: 20px; margin-bottom: 1.25rem; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; } .commentlist .comment .avatar { width: 2.5em; height: 2.5em; padding: 2px; padding: 0.125rem; margin-right: 6px; margin-right: 0.375rem; background: #fff; border: 1px solid #f7f7f7; vertical-align: middle; } .commentlist .bypostauthor .vcard { border-left: 3px solid #e30613; } .commentlist .bypostauthor .avatar { margin-left: 6px; margin-left: 0.375rem; } .commentlist .children { list-style: none; } .commentlist h1, .commentlist h2, .commentlist h3, .commentlist h4, .commentlist h5, .commentlist h6 { margin-bottom: 20px; margin-bottom: 1.25rem; } .comment-text p, .comment-text blockquote { margin-bottom: 20px; margin-bottom: 1.25rem; } .comment-text blockquote p:last-child { margin: 0; } .comment-info { color: #e30613; margin: 20px 0px; margin: 1.25rem 0rem; } .comments-pagination { margin-bottom: 20px; margin-bottom: 1.25rem; } .pinglist { margin-bottom: 20px; margin-bottom: 1.25rem; } .pinglist .pings:first-child { border-top: 1px solid #ebebeb; } .pinglist .pings { line-height: 2.5; padding: 10px 0px; padding: 0.625rem 0rem; border-bottom: 1px solid #ebebeb; } /***** Forms *****/ input { font-size: 12px; font-size: 0.75rem; padding: 5px; padding: 0.3125rem; border: 1px solid #d7d8d8; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } input[type=text] { width: 60%; } input[type=text]:hover, textarea:hover { border: 1px solid #e30613; } input[type=submit] { min-width: 75px; color: #fff; padding: 5px 10px; padding: 0.3125rem 0.625rem; background: #e30613; text-decoration: none; cursor: pointer; display: inline-block; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; transition: all 0.1s linear; border: 0; -webkit-appearance: none; } input[type=submit]:hover { background: #2a2a2a; } textarea { width: 96%; line-height: 1.5; padding: 5px; padding: 0.3125rem; border: 1px solid #d7d8d8; } /***** Comment Form *****/ #respond { padding: 10px; padding: 0.625rem; background: #f6f6f6; border: 1px solid #d7d8d8; } #respond h3 { margin-bottom: 20px; margin-bottom: 1.25rem; } #commentform p { margin-bottom: 10px; margin-bottom: 0.625rem; } #cancel-comment-reply-link { font-size: 12px; font-size: 0.75rem; background: #e30613; padding: 5px; padding: 0.3125rem; color: #fff; } #cancel-comment-reply-link:hover { background: #2a2a2a; text-decoration: none; } .required { color: #e30613; } /***** Contact Form 7 *****/ .wpcf7-form { font-size: 12px; font-size: 0.75rem; padding: 10px; padding: 0.625rem; border: 1px solid #d7d8d8; background: #f7f7f7; } .wpcf7-form input[type=email] { width: 60%; } .wpcf7-form input[type=email]:hover { border: 1px solid #e30613; } .wpcf7-form p { margin-bottom: 10px; margin-bottom: 0.625rem; } .wpcf7-response-output { background: #fff; } /***** Searchform *****/ #searchform { padding: 5px; padding: 0.3125rem; background: #f6f6f6; border: 1px solid #ebebeb; overflow: hidden; } #searchform #s { width: 100%; font-size: 12px; font-size: 0.75rem; color: #444; background: none; border: none; } #searchform #s:focus { outline: none; } #searchsubmit { display: none; } /***** Shortcodes *****/ .ad-label { font-size: 10px; font-size: 0.625rem; } /***** Media Queries *****/ @media screen and (max-width: 1000px) { .mh-container { width: 768px; margin: 0 auto; } .mh-content { width: 488px; } .mh-sidebar, .hp-sidebar { width: 220px; } .hp-sidebar-left, .hp-sidebar-right { width: 234px; } } @media screen and (max-width: 767px) { .mh-container { width: 90%; min-width: 300px; } [class*='col-'], .mh-content, .mh-right-sb #main-content, .mh-left-sb #main-content, .mh-sidebar, .hp-sidebar { width: 100%; margin: 0; } .mh-sidebar { margin-top: 20px; } .logo-wrap { border-bottom: 2px solid #ebebeb; } .home-wide .cp-small { float: none; width: 100%; min-height: 0; } .home-wide .cp-small .cp-data { margin-right: 0; } .home-wide .cp-widget .cp-small:first-child { padding-top: 0; } .slide-wrap img { width: 100%; } .js .slicknav_menu { display: block; } .js .main-nav { display: none; } } @media screen and (max-width: 620px) { .logo-wrap { text-align: center; } .logo-name { font-size: 24px; font-size: 1.5rem; } .logo-desc { font-size: 14px; font-size: 0.875rem; } .loop-thumb { float: none; margin: 0 0 20px; } .slide-caption { position: relative; width: 100%; bottom: 0; top: auto; border-top: 3px solid #e30613; border-bottom: none; opacity: 1; } .flex-control-nav { display: none; } .commentlist ul, .commentlist ol, .commentlist ul ul, .commentlist ol ol { margin: 0 0 20px 0; margin: 0 0 1.25rem 0; } }[/code] Ich hoffe, dass mir hier jemand behilflich sein kann. Danke im Voraus. [/QUOTE]
Bilder bitte
hier hochladen
und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Zitate einfügen…
Authentifizierung
Wenn ▲ = 7, ▼ = 3, ◇ = 2 und die Summe von ▲ und ▼ durch ◇ geteilt wird, was ist das Ergebnis?
Antworten
Start
Forum
Sonstiges
Webdesign, Webentwicklung & Programmierung
Webdesign: HTML/CSS, Responsive Design, Sass...
Werbeblock außerhalb des Templates anordnen
Oben