WP - Klikabilno ozadje
4 naročniki
4 naročniki
Ali se komu sanja, v čem bi lahko bil problem v temle primeru. Pri Wordpress template-u sem imel klikabilno ozadje s pomočjo kode:
<div id="bgzone" style="position: fixed; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;" onclick="top.location.href='URL'"></div>
Zdaj sem zamenjal temo in je dejansko vsa stran z vsemi elementi 'klikabilna'. Tudi Z-index: -100; ne pomaga da bi spravil v ozadje.
22 odgovorov
Na prvi strani je v <body> definiran background-attachment: scroll, v drugi pa fixed.
Tudi meni je bolje, da se vidi cel čas, ker če je stran dolga, se po scrollu navzdol oglas izgubi.
Katero kodo si uporabil za klikabilno ozdaje ? in kje to spremeniš je možno to naredit v CSS3 ? da ne more blokirat ozadja z adblock plus
Ali kdo ve, kako v Wordpress CSS narediš layerje enega nad drugim, samo da ne ovirajo drug drugega? Namreč spet me zafrkava klikabilno ozadje (itak) ker itak nobena WP tema tega nima po defaultu, nekatere omogočajo sicer sliko ozadja, ko pa hočeš to naredit klikabilno pa postane ali klikabilna cela stran, ali pa ne dela :D
Če dam klik kodi z-index:1; sicer potem deluje, vendar je klikabilna cela stran recimo.
Struktura html-ja in css ni ok.
Če imaš dva div-a, ki nista v parent > child razmerju (sta siblings) in sta oba 100% width, bo zadnji div v html-ju prekril prvega. Primer:
<div class="ozadje">...<div>
<div class="outer-wrap">...</div>
Oba sta 100% width, zato bo "outer-wrap" prekril "ozadje" in prvi div ne bo klikabilen. Če daš večji z-index na "ozadje", bo "outer-wrap" postal klikabilen, kar pa ni ok.
Predlagam, da "outer-wrap" daš na fiksno širino, recimo 960px namesto 100% ali pa premakneš div "ozadje" znotraj "outer-wrap", tik pred <div class="container td-page-wrap">...</div>. Po potrebi mu lahko dodaš še background sliko, ki je trenutno na "outer-wrap", ni pa nujno. Z-index ne dodaš.
To sem tudi že poskusil s fiksno širino, samo je stran čisto razmetalo :) potem pa nisem več vedel kaj bi naredil. CSS is not my friend :) Evo zdajle poskusim v dat ozadje v wrap pa povem kakšen bo rezultat.
Aja samo veš kaj me moti. Iz dveh CSS-ov očitno vleče podatke. Koda izgleda takole:
</head>
<body <?php body_class() ?> itemscope="itemscope" itemtype="http://schema.org/WebPage">
<div id="ozadje" style="position: fixed; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;" onClick="top.location.href='URL'"></div>
<div id="outer-wrap">
<div id="inner-wrap">
<?php
Ker ta dva DIVa sploh nista zaključena, da bi v katerega dodal še enega?
Iz kje pa dodaja ostale elemente znotraj "inner-wrap ("container td-page-wrap""?
Če bi našel ta file, bi lahko tam notri dodal.
Bootstrap CSS generator uporablja theme/external/td-bootstrap.css
samo ta fajl je pa katastrofa - vse brez presledkov v eni vrsti napisano da se človek sploh ne znajde kaj kam paše ali kaj je kaj. Jaz sem šel potem na splet študirat strukturo in kako deluje. V bistvu je kot nek CSS framework za CSS od teme, ki je vnaprej strukturiran in potem mu določaš parametre lahko kar na netu vneseš nove vrednosti in generiraš novo datoteko, samo ne moreš pa svoje na net uploadat, da bi videl vse vrednosti kakšne so trenutno za primerjavo -.-
:)
Rabiš php file, ki generira html elemente. Če odpreš index.php v mapi od template, je notri div "container", po možnosti "container td-page-wrap"?
Tole imam v homepage.php. Ker je statični template za homepage posebej. Samo pomojem to potem deluje samo na prvi strani.
<div class="container td-page-wrap">
<div class="row">
<div class="span12">
<div class="td-grid-wrap">
<div class="container-fluid">
<?php the_content(); ?>
</div>
</div>
</div>
</div>
</div>