PDA

Zobacz pełną wersję : background-image w index.php ??



nigraS
15-05-2009, 14:33
aby wstawić do szablonu joomla obrazek w index.php trzeba użyć kodu


<img src="templates/<?php echo $this->template ?>/images/main_2.jpg">


a co trzeba zrobić, by wstawić tło - background-image?

stasio
15-05-2009, 14:35
moze zedytowac plik css i podać mu odnośnik do pliku??

nigraS
15-05-2009, 14:42
nie chodzi mi o plik css, potrzebuję kodu który zadziała w index.php

zwiastun
15-05-2009, 14:51
To widać dużo już wiesz na ten temat. A dlaczego to ma działać w "index.php" - tak lepiej? skuteczniej? efektywniej? A może tak uczyli na studiach 24 lata temu?
W index php wstawia się znacznik style, a resztę jak w pliku css.

stasio
15-05-2009, 14:57
no ostatecznie zmień index.php w templacie na sztywno... tylko o kiego wała

nigraS
15-05-2009, 15:14
ok, w takim razie jak zrobić, by main_3.jpg
http://www.solid-bud.com.pl/images/main_3.jpg
się wyświetlił na swoim miejscu?
obecnie strona nie jest na joomli i wygląda tak
www.solid-bud.com.pl (http://www.solid-bud.com.pl)

tak wygląda kod css

body { margin: 0px; background-image: url("../images/tlo.jpg"); font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; }
a { color: #000000; text-decoration: none; }
a:hover { text-decoration: underline; }
td { background-color: #FFFFFF; }

#main { z-index: 1; position: relative; margin: auto; margin-top: 0; width: 951px; }
#top { width: 951px; height: 43px; }
#content { width: 951px; height: 484px; }
#bottom { width: 951px; height: 60px; background-image: url('../images/bottom.jpg'); }
#site-bg-bottom { z-index: 0; position: absolute; top: 0; left: 0; width: 100%; background-image: url("../images/tlo_2.jpg"); background-position: top; background-repeat; repeat-x; height: 615px; }



.menu { margin-top: 50px; margin-right: 40px; color: #FFFFFF; font-size: 14px; font-weight: bold; line-height: 6mm; }
.menu a { color: #FFFFFF; }



h1 { font-size: 20px; color: #5F6D5B; font-weight: bold; text-decoration: none; text-align: right; }


.stopka { font-family: Verdana, Arial, Helvetica, sans-serif; color: #484848; font-size: 10px; line-height: 5mm; padding: 10px; }
.stopka a { color: #484848; }a tak index.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Solid-Bud :: Skład Budowlany</title>
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-2" />
<meta http-equiv="Reply-to" content="info@eslupsk.pl" />
<meta name="Keywords" content="skład budowlany" />
<meta name="Description" content="Solid-Bud Skład Budowlany" />
<meta name="Author" content="Studio Reklamy 'Best Media' - www.bestmedia.eslupsk.pl" />
<meta name="Robots" content="ALL" />
<meta name="gmapkey" content="ABQIAAAAqDElsylsdm0W2YTwUErPsxRKmFnlybFUfoylvRaHHl uEvt93xRQcPv9k6eIV3mfAT6cfUNo0XBW7Ww" />
<link media="all" href="./css/css.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="./js/gmapez-2.2.js">***********
</head>
<body>
<div id="main">
<div id="top"><img src="./images/top.jpg" width="951" height="43" alt="" /></div>
<div id="content">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="33" height="484" rowspan="2"><img src="./images/main_1.jpg" width="33" height="484" alt="" /></td>
<td width="257" height="394"><img src="./images/main_2.jpg" width="257" height="394" alt="" /></td>
<td width="222" height="484" valign="top" align="right" rowspan="2" style="background-image: url('./images/main_3.jpg'); background-repeat; no-repeat;">
<div class="menu">
<a href="index.html" title="">FIRMA</a><br />
<a href="oferta.html" title="">OFERTA</a><br />
<a href="kontakt.html" title="">PROMOCJE</a><br />
<a href="dojazd.html" title="">DOJAZD</a><br />
<a href="kontakt.html" title="">KONTAKT</a>
</div>
</td>
<td width="402" height="484" rowspan="2" valign="top" align="left">
<div style="padding: 10px;">
<?
if ( isset( $_GET["dzial"] ) && file_exists( './podstrony/'.$_GET["dzial"].'.php' ) )
include ( './podstrony/'.$_GET["dzial"].'.php' );
else
include ( './podstrony/index.php' );
?>
</div>
</td>
<td width="37" height="484" rowspan="2"><img src="./images/main_4.jpg" width="37" height="484" alt="" /></td>
</tr>
<tr>
<td width="257" height="90" align="center" valign="middle"><object type="application/x-shockwave-flash" data="./images/firmy.swf" width="170" height="73"><param name="movie" value="./images/firmy.swf" /><param name="wmode" value="transparent" /></object></td>
</tr>
</table>
</div>
<div id="bottom"><div style="padding-top: 45px; padding-left: 60px;" class="stopka">&copy; <?=date('Y')?> Solid-Bud <strong>::</strong> Realizacja: <a href="http://www.reklamacreator.pl" target="_blank" title="">Creator Plus</a></div></div>
</div>
<div id="site-bg-bottom"></div>
</body>
</html>

stasio
15-05-2009, 15:26
http://mybfolder.org/albums/_GIF/1205168150100.gif
mój boże (wątek religijny) rzekła hrabina (watek historyczny)... jestem w ciąży (wątek miłosny)... ale nie wiem z kim (wątek sensacyjny)...


a co trzeba zrobić, by wstawić tło - background-image?albo masz oczy tam gdzie się gacie przyklejają latem albo ja nie zrozumiałem pytania...
wg mnie odpowiedź jest w pierwszej lini
body { margin: 0px; background-image: url("../images/tlo.jpg"); font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; }
a { color: #000000; text-decoration: none; }

nigraS
15-05-2009, 15:33
mnie chodzi o to, jak ustawić ten plik graficzny w css, by był na swoim miejscu.

w pliku index.php wstawiłem
<div id="pod_menu"></div>

a w css
#pod_menu{
width: 222px;
height: 484px;
background-image: url('../images/main_3.jpg');
}

i obrazek pojawia się nie tam gdzie powinien.

http://s3.zapodaj.net/images/67958906.jpg

zwiastun
15-05-2009, 15:43
To, ze się pojawia, nie tam gdzie powinien, to nie kwestia jednej deklaracji, a pytanie nie na poziomie forum, ale lekturki o projektowaniu układów w CSS. Ostatnio helion wydał parę dobrych rzeczy. taniej niż nowy szablon!

nigraS
16-05-2009, 12:12
no ostatecznie zmień index.php w templacie na sztywno...

Jak można zrobić index.php na sztywno?
to by mi wystarczyło.

sunpietro
16-05-2009, 12:29
być może dałeś jakiś clear albo float wcześniej
możesz też zastosować margines górny ujemny

bartspam
17-05-2009, 02:10
Musisz znac sie troche lepiej na css. W tym jezyku sa takie komendy, ktore pozwola ci ustawic tlo w tym miejscu w ktorym chcesz.

http://www.cssbasics.com/
http://www.w3schools.com/css/default.asp

po angielsku

http://pl.html.net/tutorials/css/
http://webmade.org/kursy-online/kurs-css.php

po polsku

http://webmade.org/kursy-online/tlo-background-kurs-css.php

przyklad.

nigraS
17-05-2009, 12:53
ok, ustawiłem.
a teraz pytanie jak/gdzie to zrobić czy w css, czy w index.php
jak jest zbyt długi text, to strona się rozjeżdża.
http://s4.zapodaj.net/images/86898255.jpg

Wiecie może jak zrobić "suwak"

sunpietro
17-05-2009, 12:58
zawsze możesz zastosować overflow: scroll i dać określony height dla strony, aby przeglądarka wiedziała kiedy dac suwak.

nigraS
17-05-2009, 13:31
dzięki.