Cze¶æ.
Nie ma rzeczy niemo¿liwych, przynajmniej dla mnie
Oczywi¶cie, ¿artujê.
Ewelina, jest dla Ciebie rozwi±zanie. Wystarczy tylko drobna zmiana w kodzie "
index.php" templatki. Tak nawiasem to ju¿ dawno nie widzia³em tak ¼le napisanej templatki. Ale ³adna jest, to fakt. Wiêc innym wyt³umaczê, na czym polega³ problem, a Ty pobierzesz sobie plik na samym dole "
bird.zip". Rozpakuj go i nadpisz tylko plik "
index.php" templatki oraz "
template_css.css". Bêdzie dzia³aæ dobrze i pod
Internetem Explorerem, jak i pod
Firefoxem.
Na czym polega³ b³±d. Poni¿ej masz oryginalny fragment kodu templatki "
Bird":
Kod: |
<div id="welcome" class="post">
<p><img src="<?php echo $mosConfig_live_site; ?>/templates/bird/images/img03.jpg" alt="" width="500" height="300" /></p>
</div>
|
Mo¿esz zastosowaæ dwie metody rozwi±zania problemu. Jako ¿e w tej templatce nastêpuje nak³adanie siê na siebie dwóch obrazków, a mianowicie t³a strony, i obrazka z pieskiem, czyli "
img03.jpg", wiêc musimy zastosowaæ pozycjonowanie dla obrazka z pieskiem. W tym przypadku wykorzystamy pozycjonowanie relatywne.
Kod: |
<div id="welcome" class="">
<img src="<?php echo $mosConfig_live_site; ?>/templates/bird/images/img03.jpg" style="position: relative;" alt="" width="500" height="300" border="0" />
</div>
|
Ale po co mamy arkusze stylów. Wystarczy w prostszy sposób zrobiæ to za pomoc± pliku
CSS templatki. Dodamy do pustego selektora "
welcome" ( "
post" te¿ jest zbêdnym selektorem, bo zastosowany jest tylko do obrazka ) warto¶æ, która ustali nam pozycje obrazka na relatywn±. Zauwa¿, ¿e obrazek jest osadzony w "
divie" o takim
ID. Edytujemy plik "
template_css.css". Znajdujemy pusty selektor "
welcome" i dodajemy do niego wpis:
Kod: |
#welcome {
position: relative;
}
|
I to wszystko. Daj znaæ jak zrobisz podmiankê, to zajrzê na stronê. Z pliku "
bird.zip" po wypakowaniu skopiuj na serwer plik "
index.php" templatki nadpisuj±c swój ( usun±³em tam odwo³ania do pustych klas ), oraz plik "
template_css.css" te¿ go nadpisuj±c.
Pozdrawiam.
Jokris.
P.s.
Ewelina napisa³a:
Dziêki wielkie ... a taka ³adna by³a
Nie by³a!. Jest i bêdzie!.
Nazwa pliku:
bird.zipWielko¶æ plku:68660 bajtów