Obsah fóra
PravidláRegistrovaťPrihlásenie




Odpovedať na tému [ Príspevkov: 5 ] 
AutorSpráva
Offline

Užívateľ
Užívateľ
doplnenie kodu do php a css

Registrovaný: 27.09.07
Prihlásený: 31.12.15
Príspevky: 646
Témy: 233
Bydlisko: Dubnica nad...
Príspevok NapísalOffline : 11.08.2014 20:31

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
Offline

Užívateľ
Užívateľ
doplnenie kodu do php a css

Registrovaný: 02.08.09
Prihlásený: 04.07.18
Príspevky: 99
Témy: 13
Bydlisko: Plymouth, UK
Príspevok NapísalOffline : 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
Offline

Užívateľ
Užívateľ
doplnenie kodu do php a css

Registrovaný: 27.09.07
Prihlásený: 31.12.15
Príspevky: 646
Témy: 233
Bydlisko: Dubnica nad...
Príspevok Napísal autor témyOffline : 24.08.2014 21:30

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
Offline

Užívateľ
Užívateľ
doplnenie kodu do php a css

Registrovaný: 02.08.09
Prihlásený: 04.07.18
Príspevky: 99
Témy: 13
Bydlisko: Plymouth, UK
Príspevok NapísalOffline : 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
Offline

Užívateľ
Užívateľ
doplnenie kodu do php a css

Registrovaný: 27.09.07
Prihlásený: 31.12.15
Príspevky: 646
Témy: 233
Bydlisko: Dubnica nad...
Príspevok Napísal autor témyOffline : 25.08.2014 22:44

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
Odpovedať na tému [ Príspevkov: 5 ] 


Podobné témy

 Témy  Odpovede  Zobrazenia  Posledný príspevok 
V tomto fóre nie sú ďalšie neprečítané témy. doplnenie kodu php

v PHP, ASP

1

304

19.01.2015 20:43

chrono Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Doplnenie kodu pre kurz ECB (vlajky)

v PHP, ASP

2

914

11.05.2009 23:24

pkrajnak Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. PHP programátor - PHP, MySQL, jQuery,X)Html/CSS

v Ponuka práce

0

1298

02.05.2011 12:08

magicmedia Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. zobrazenie php kodu

v PHP, ASP

1

460

27.12.2009 20:18

Ďuri Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Vysvetlenie PHP kodu

v PHP, ASP

2

443

18.10.2017 16:36

IPP Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. uprava kodu tabulky php

v PHP, ASP

0

521

25.11.2011 17:00

elo Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Standardy pisania PHP kodu

v PHP, ASP

5

473

04.09.2010 14:36

Antuanet Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Vytiahnutie PHP kódu z HTML

v PHP, ASP

3

394

07.08.2016 12:09

chrono Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. ošetrenie vloženeho php kodu od kohokoľvek pred zneužitím

v PHP, ASP

10

639

11.04.2013 20:19

Wicky Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Aky soft na vyhladavanie textu, zdrojoveho php kodu

v Ostatné programy

0

956

13.06.2006 16:52

Pufo Callo Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. PHP + CSS (position)

v HTML, XHTML, XML, CSS

10

455

14.10.2014 7:34

don jebot Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. CSS v PHP

v PHP, ASP

6

948

01.10.2007 17:32

enorm Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. CSS- php,html

v HTML, XHTML, XML, CSS

3

634

15.09.2009 21:08

1daemon1 Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Ponuka práce html, css, php

v Ponuka práce

1

1302

10.11.2007 22:19

Ivuso Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. prepojenie php html a css

v PHP, ASP

4

1289

28.01.2009 22:18

mybirthday1403 Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Hľadáme PHP/XHTML/CSS programátora

v Ponuka práce

0

1422

30.03.2006 21:31

pepo Zobrazenie posledných príspevkov


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

Skočiť na:  

Powered by phpBB Jarvis © 2005 - 2024 PCforum, webhosting by WebSupport, secured by GeoTrust, edited by JanoF
Ako väčšina webových stránok aj my používame cookies. Zotrvaním na webovej stránke súhlasíte, že ich môžeme používať.
Všeobecné podmienky, spracovanie osobných údajov a pravidlá fóra