[ 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 | 233
Bydlisko: Dubnica nad...
NapísalOffline : 11.08.2014 20:31 | doplnenie kodu do php a css

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ý: 24.05.15
Príspevky: 84
Témy: 10 | 10
Bydlisko: Plymouth, UK
NapísalOffline : 24.08.2014 21:03 | doplnenie kodu do php a css

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 | 233
Bydlisko: Dubnica nad...
Napísal autor témyOffline : 24.08.2014 21:30 | doplnenie kodu do php a css

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ý: 24.05.15
Príspevky: 84
Témy: 10 | 10
Bydlisko: Plymouth, UK
NapísalOffline : 25.08.2014 19:39 | doplnenie kodu do php a css

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 | 233
Bydlisko: Dubnica nad...
Napísal autor témyOffline : 25.08.2014 22:44 | doplnenie kodu do php a css

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
 [ Príspevkov: 5 ] 


doplnenie kodu do php a css



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

113

19.01.2015 20:43

chrono

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

Doplnenie kodu pre kurz ECB (vlajky)

v PHP, ASP

2

715

11.05.2009 23:24

pkrajnak

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

814

02.05.2011 12:08

magicmedia

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

zobrazenie php kodu

v PHP, ASP

1

272

27.12.2009 20:18

Ďuri

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

Vysvetlenie PHP kodu

v PHP, ASP

2

132

18.10.2017 16:36

IPP

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

uprava kodu tabulky php

v PHP, ASP

0

315

25.11.2011 17:00

elo

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

Standardy pisania PHP kodu

v PHP, ASP

5

311

04.09.2010 14:36

Antuanet

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

Vytiahnutie PHP kódu z HTML

v PHP, ASP

3

137

07.08.2016 12:09

chrono

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

Aky soft na vyhladavanie textu, zdrojoveho php kodu

v Ostatné programy

0

765

13.06.2006 16:52

Pufo Callo

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

370

11.04.2013 20:19

Wicky

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

CSS v PHP

v PHP, ASP

6

743

01.10.2007 17:32

enorm

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

CSS- php,html

v HTML, XHTML, XML, CSS

3

344

15.09.2009 21:08

1daemon1

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

PHP + CSS (position)

v HTML, XHTML, XML, CSS

10

159

14.10.2014 7:34

don jebot

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

1207

30.03.2006 21:31

pepo

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

prepojenie php html a css

v PHP, ASP

4

962

28.01.2009 22:18

mybirthday1403

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

Ponuka práce html, css, php

v Ponuka práce

1

1070

10.11.2007 22:19

Ivuso



© 2005 - 2017 PCforum, edited by JanoF