| | |
| Stránka: 1 z 1
| [ Príspevkov: 5 ] | |
Autor | Správa |
---|
Registrovaný: 27.09.07 Prihlásený: 31.12.15 Príspevky: 646 Témy: 233 Bydlisko: Dubnica nad... |
Potrebujem vlozit do web stranky konkretne do casti "footer" banner ktory sa bude zobrazovat len na mobilnej verzii webu... V "responsive.css" je cast kodu urcena pre mobil a to: Kód: /* ------------------------------------------------------------------------- * * Mobile (Mid Res) : 719px > 0px (480px & 320px) /* ------------------------------------------------------------------------- */ @media only screen and (max-width: 719px) { /* make collapsed sidebars 40px wide instead of 50px */ .s1, .s2 { width: 40px; } /* 2 column, content right */ .col-2cr .main-inner { background-position: -300px 0!important; padding-left: 40px; } .col-2cr .s1 { margin-left: -40px; } /* 2 column, content left */ .col-2cl .main-inner { background-image: url(img/sidebar/s-right-collapse-40.png); padding-right: 40px; } .col-2cl .s1 { margin-right: -40px; } /* 3 column, content middle */ .col-3cm .main { background: url(img/sidebar/s-right-collapse-40.png) repeat-y right; } .col-3cm .main-inner { background-position: -300px 0!important; padding-left: 40px; padding-right: 40px; } .col-3cm .s1 { margin-left: -40px; } .col-3cm .s2 { margin-right: -40px; } /* 3 column, content left */ .col-3cl .main-inner { background: url(img/sidebar/s-right-dual-full-collapse-40.png) repeat-y right; padding-right: 80px; } .col-3cl .s1 { margin-right: -80px; } .col-3cl .s2 { margin-right: -40px; } .col-3cl.s2-expand .s2 { right: 40px; } /* 3 column, content right */ .col-3cr .main-inner { background: url(img/sidebar/s-left-dual-full-collapse-40.png) repeat-y left; padding-left: 80px; } .col-3cr .s1 { margin-left: -80px; } .col-3cr .s2 { margin-left: -40px; } .col-3cr.s2-expand .s2 { left: 40px; } /* layout */ .container { padding: 0; } .grid { width: 100%; margin: 0 0 10px; } /* hide */ .site-description, .image-caption { display: none; } /* base */ .pad { padding: 20px 20px 10px; } .notebox { margin-bottom: 20px; } #flexslider-featured { margin-top: 10px; } .entry { font-size: 15px; } /* text */ .entry h1 { font-size: 30px; letter-spacing: -0.7px; } .entry h2 { font-size: 26px; letter-spacing: -0.5px; } .entry h3 { font-size: 24px; letter-spacing: -0.3px; } .entry h4 { font-size: 22px; letter-spacing: -0.3px; } .entry h5 { font-size: 18px; } .entry h6 { font-size: 16px; text-transform: uppercase; }
/* header */ #header { padding-bottom: 0; } .topbar-enabled #header { padding-top: 0; } #header .pad { padding-top: 0; padding-bottom: 0; } .site-title { padding: 30px 0; width: 100%; float: none; line-height: 50px; } .site-title a { text-align: center; } .toggle-search { right: auto; left: 0; top: 0; -webkit-box-shadow: 1px 0 0 rgba(255,255,255,0.1); box-shadow: 1px 0 0 rgba(255,255,255,0.1); } .search-expand { left: 0; right: auto; top: 50px; width: 320px; } /* footer */ #footer-bottom .pad { padding-top: 50px; padding-bottom: 40px; } #footer-bottom .one-half.last { margin-bottom: 0; } #footer-bottom { text-align: center; } #footer-bottom #footer-logo { margin-left: auto; margin-right: auto; } #footer-bottom .social-links { float: none; } #footer-bottom .social-links li { margin-left: 4px; margin-right: 4px; } /* comments */ .comment-tabs { font-size: 14px; } .commentlist li { font-size: 13px; } .commentlist li ul li { padding-left: 10px; } /* page */ #page { margin-top: 0; padding-bottom: 10px; } .pagination { margin-bottom: 30px; } .page-title { font-size: 14px; } .page-image-text { margin-top: -15px; } .page-image-text .caption { font-size: 26px; line-height: 30px; } .page-image-text .description { font-size: 13px; } /* blog */ .post-list { margin-left: 0; margin-right: 0; } .post-list .post, .post-list .page { width: 100%; } .post-list .post-row { margin-left: 0; padding-left: 0; } .post-list .post-inner { margin-right: 0; } .featured .post-title, .single .post-title { font-size: 22px; line-height: 1.5em; letter-spacing: 0; } .post-byline { font-size: 13px; } .post-format { margin-bottom: 20px; } .format-gallery .post-format .flexslider .slides img { max-height: 240px; } .format-quote .post-format blockquote, .format-link .post-format p { font-size: 18px; } .format-link .post-format p { margin-bottom: 10px; } .single .format-status .entry { font-size: 20px; line-height: 1.4em; } .post-format .format-container .fa { font-size: 28px; } .entry.share { padding-right: 0; } .sharrre-container { position: relative; float: left; width: auto; padding: 0; margin: 20px 0 0; } .sharrre-container span { text-align: left; } .sharrre-container > div { float: left; margin-right: 10px; } .author-bio .bio-desc { font-size: 13px; }
.content .post-nav li { width: 100%; -webkit-box-shadow: none!important; box-shadow: none!important; } .content .post-nav li a { min-height: 0; } .single .related-posts .post-title { font-size: 15px; } .related-posts li { width: 50%; } .related-posts li:nth-child(2) article { border-right-color: transparent; } .related-posts li:nth-child(3), .related-posts li:nth-child(4) { display: none; } /* shortcodes */ .dropcap { font-size: 80px; } }
/* ------------------------------------------------------------------------- * * Mobile (Low Res) : 479px > 0 (320px) /* ------------------------------------------------------------------------- */ @media only screen and (max-width: 479px) { /* layout */ .content, .sidebar { width: 100%; float: none; margin-right: 0!important; margin-left: 0!important; } .sidebar { background: #f0f0f0; width: 100%; display: block; float: none; } .main, .main-inner { background-image: none!important; padding: 0!important; } .s2 { right: 0!important; left: 0!important; } /* hide */ .mobile-sidebar-hide-s1 .s1, .mobile-sidebar-hide-s2 .s2, .mobile-sidebar-hide .sidebar { display: none; } /* base */ .pad { padding: 15px 15px 5px; } .sidebar-top, .sidebar .widget { padding-left: 15px!important; padding-right: 15px!important; } .notebox { margin-bottom: 15px; } #flexslider-featured { margin-top: 15px; } .gallery-caption { display: none; } /* header */ .site-title { font-size: 32px; }
/* blog */ .format-link .post-format p { margin-bottom: 5px; }
}
v samotnom kode pate stranky "footer.php" mam umiestneny banner takto:<!--/REKLAMA--> <div align="center"> <a> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- mobil pokus --> <ins class="adsbygoogle" style="display:inline-block;width:320px;height:50px" data-ad-client="ca-pub-1965767313717274" data-ad-slot="8807646448"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </a> </div> <!--/REKLAMA--> Kód: .... <footer id="footer"> <?php // footer widgets $total = 4; if ( ot_get_option( 'footer-widgets' ) != '' ) { $total = ot_get_option( 'footer-widgets' ); if( $total == 1) $class = 'one-full'; if( $total == 2) $class = 'one-half'; if( $total == 3) $class = 'one-third'; if( $total == 4) $class = 'one-fourth'; }
if ( ( is_active_sidebar( 'footer-1' ) || is_active_sidebar( 'footer-2' ) || is_active_sidebar( 'footer-3' ) || is_active_sidebar( 'footer-4' ) ) && $total > 0 ) { ?> <section class="container" id="footer-widgets"> <div class="container-inner"> <div class="pad group"> <?php $i = 0; while ( $i < $total ) { $i++; ?> <?php if ( is_active_sidebar( 'footer-' . $i ) ) { ?> <div class="footer-widget-<?php echo $i; ?> grid <?php echo $class; ?> <?php if ( $i == $total ) { echo 'last'; } ?>"> <?php dynamic_sidebar( 'footer-' . $i ); ?> </div> <?php } ?> <?php } ?> </div><!--/.pad--> </div><!--/.container-inner--> </section><!--/.container--> <?php } ?> <?php if ( has_nav_menu( 'footer' ) ): ?> <nav class="nav-container group" id="nav-footer"> <div class="nav-toggle"><i class="fa fa-bars"></i></div> <div class="nav-text"><!-- put your mobile menu text here --></div> <div class="nav-wrap"><?php wp_nav_menu( array('theme_location'=>'footer','menu_class'=>'nav container group','container'=>'','menu_id'=>'','fallback_cb'=>false) ); ?></div> </nav><!--/#nav-footer--> <?php endif; ?> <section class="container" id="footer-bottom"> <div class="container-inner"> <!--/REKLAMA--> <div align="center"> <a> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- mobil pokus --> <ins class="adsbygoogle" style="display:inline-block;width:320px;height:50px" data-ad-client="ca-pub-1965767313717274" data-ad-slot="8807646448"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </a> </div> <!--/REKLAMA--> <a id="back-to-top" href="#"><i class="fa fa-angle-up"></i></a>
<div class="pad group"> <div class="grid one-half"> ....
kedze s php mam minimalne skusenosti vie mi niekdo poradit ako mam a kde do .css zadefinovat "zatriedenie" (nenapada ma spravny vyraz )... ktore by som mohol potom vlozit do samotneho "footer.php"
_________________ Notebook: ASUS N750JV: Windows 8.1 64bit, Intel(R) Core(TM) i7-4700HQ CPU 2.40 GHz, 12GB RAM (DDR3 1600 MHz), NVIDIA GeForce GT 750M 4GB VRAM + HD Graphics 4600, 750 GB HDD (7200 rpm), Blu-ray Reader. Smartphone: Samsung Galaxy S5 mini |
|
Registrovaný: 02.08.09 Prihlásený: 04.07.18 Príspevky: 99 Témy: 13 Bydlisko: Plymouth, UK | Napísal esso82: 24.08.2014 21:03 | |
|
V tom kode pod <--reklama--> pridaj do linku ID napr. ad-mob-only cize Kód: <a id="ad-mob-only"> Potom do toho responsive.css dopis pred brekpointmi, cize nejake (high res) alebo (desktop) toto: Kód: #ad-mob-only {display:none;} a do tej casti mobile (low res) dopis Kód: #ad-mob-only {display:inherit;}
_________________ Laptop: Dell Inspiron 15R 5537, SolydK 64-bit Fón: SONY Xperia Z1 Compact Lime Tablet: Lenovo Yoga 10HD |
|
Registrovaný: 27.09.07 Prihlásený: 31.12.15 Príspevky: 646 Témy: 233 Bydlisko: Dubnica nad... |
Uz davnejsie som to "odkodoval" podobnym sposobom ako pises. Stravil som pritom cele poobedie lebo som si musel nastudovat cele css a php templatu ale uspesne. ALE DAKUJEM ZA RADU.
_________________ Notebook: ASUS N750JV: Windows 8.1 64bit, Intel(R) Core(TM) i7-4700HQ CPU 2.40 GHz, 12GB RAM (DDR3 1600 MHz), NVIDIA GeForce GT 750M 4GB VRAM + HD Graphics 4600, 750 GB HDD (7200 rpm), Blu-ray Reader. Smartphone: Samsung Galaxy S5 mini |
|
Registrovaný: 02.08.09 Prihlásený: 04.07.18 Príspevky: 99 Témy: 13 Bydlisko: Plymouth, UK | Napísal esso82: 25.08.2014 19:39 | |
|
no nemas za co LOL ... ale malo to stravene poobedie aspon zmysel, naucil si sa o com je bootstrap
_________________ Laptop: Dell Inspiron 15R 5537, SolydK 64-bit Fón: SONY Xperia Z1 Compact Lime Tablet: Lenovo Yoga 10HD |
|
Registrovaný: 27.09.07 Prihlásený: 31.12.15 Príspevky: 646 Témy: 233 Bydlisko: Dubnica nad... |
Hej ale musel som si to vytlacit lebo lepsie sa mi orientuje v kode ked je vytlaceny na papieri a este ked to je 40 A4 s pismom 10...
_________________ Notebook: ASUS N750JV: Windows 8.1 64bit, Intel(R) Core(TM) i7-4700HQ CPU 2.40 GHz, 12GB RAM (DDR3 1600 MHz), NVIDIA GeForce GT 750M 4GB VRAM + HD Graphics 4600, 750 GB HDD (7200 rpm), Blu-ray Reader. Smartphone: Samsung Galaxy S5 mini |
|
| Stránka: 1 z 1
| [ Príspevkov: 5 ] | |
Podobné témy | Témy | Odpovede | Zobrazenia | Posledný príspevok |
---|
| doplnenie kodu php v PHP, ASP | 1 | 304 | 19.01.2015 20:43 chrono | | Doplnenie kodu pre kurz ECB (vlajky) v PHP, ASP | 2 | 914 | 11.05.2009 23:24 pkrajnak | | PHP programátor - PHP, MySQL, jQuery,X)Html/CSS v Ponuka práce | 0 | 1298 | 02.05.2011 12:08 magicmedia | | zobrazenie php kodu v PHP, ASP | 1 | 460 | 27.12.2009 20:18 Ďuri | | Vysvetlenie PHP kodu v PHP, ASP | 2 | 443 | 18.10.2017 16:36 IPP | | uprava kodu tabulky php v PHP, ASP | 0 | 521 | 25.11.2011 17:00 elo | | Standardy pisania PHP kodu v PHP, ASP | 5 | 473 | 04.09.2010 14:36 Antuanet | | Vytiahnutie PHP kódu z HTML v PHP, ASP | 3 | 394 | 07.08.2016 12:09 chrono | | ošetrenie vloženeho php kodu od kohokoľvek pred zneužitím v PHP, ASP | 10 | 639 | 11.04.2013 20:19 Wicky | | Aky soft na vyhladavanie textu, zdrojoveho php kodu v Ostatné programy | 0 | 956 | 13.06.2006 16:52 Pufo Callo | | PHP + CSS (position) v HTML, XHTML, XML, CSS | 10 | 455 | 14.10.2014 7:34 don jebot | | CSS v PHP v PHP, ASP | 6 | 948 | 01.10.2007 17:32 enorm | | CSS- php,html v HTML, XHTML, XML, CSS | 3 | 634 | 15.09.2009 21:08 1daemon1 | | Ponuka práce html, css, php v Ponuka práce | 1 | 1302 | 10.11.2007 22:19 Ivuso | | prepojenie php html a css v PHP, ASP | 4 | 1289 | 28.01.2009 22:18 mybirthday1403 | | Hľadáme PHP/XHTML/CSS programátora v Ponuka práce | 0 | 1422 | 30.03.2006 21:31 pepo |
| Nemôžete zakladať nové témy v tomto fóre Nemôžete odpovedať na témy v tomto fóre Nemôžete upravovať svoje príspevky v tomto fóre Nemôžete mazať svoje príspevky v tomto fóre
|
|