Jump to content
php.lv forumi

Atkal background


dcsdftw

Recommended Posts

Kaut kas par apakšu būs jāpiedomā, bet saita platumu katrā ziņā nemainīšu, jo man nepatīk, ka viss ir pārbāzts. Žēl, ka no vecā bg tie cilvēki ir melni, bet ja inverto krāsas, tad baltus varētu samest uz melna fona. Apakšā ieliktu.

 

Ja augšā ir logo, lejā bilde, tad stiepsies krāsas kods, kas ir pa vidu? (respektīvi #000000), nevis bildei, kas lejā, griezīs nost atkal kaut ko?

Link to comment
Share on other sites

  • 2 weeks later...

Uzpeldināšu atpakaļ tēmu. Kādu laiku neko nedarīju (dārzā strādāju un citas lietas bija darāmas), gribētos atkal kaut ko pataisīt. Kā to kombinēšanu ar gradient īsti taisīt?.

 

Uz doto mirkli augšā banners ir ielikts šādi:

<center><div id="banner">
<img src="images/xxx.jpg" alt="" />
</div></center>

 

Un pārējais melnais fons:

body {
background-color: #000000
}

 

Ja esmu atradis otru bildi, ko likt lejā identiski kā yancho piemērā. Kā to darīt ? Caur css/html ? Un ar kādu paņēmienu, jo body background nederēs, vai ne?

Link to comment
Share on other sites

Es uztaisītu jaunu elementu - '#header'. Tam arī uzliktu to fona bildi kā 'background: url("links/uz/bildi.png")'. Uzliktu visus 'no-repeat' utml. mēslus, ja nepieciešams. Beigās jāsanāk, ka bilde parādās aiz visa, tikai vienu reizi, un lapas augšā.

 

Tad pašam 'body' tagam uzliktu 'background: black'. Gatavs!

Link to comment
Share on other sites

Hmm, īsti domu nesapratu. Pārliku, lai augšējais banners arī ir caur CSS.

 

Augša:

#banner {
width: 620px;
height: 187px;
background: transparent;
margin: 0 auto ;
       background-image:url('images/xxx.jpg');
float:center;
}

 

Pārējais:

body {
background-color: #000000
}

 

Kā tad apakšā bildi likt? Lai ir pēc šī piemēra: http://dl.dropbox.com/u/150991/piemers.png

Fons un logo, protams, mainījušies, bet tas nemaina faktu.

Edited by dcsdftw
Link to comment
Share on other sites

Nav gan. Rekur bilde - http://www.bildites.lv/images/ph7uorluev7gmi4afcw.jpg . Pēc copyright apakšas nekā nav. #banner attiecas pret to cilvēciņu un FAITH.LV (Jo tas ir banneris). Un body kā jau body - ar melnu krāsu aizpilda visu pārējo fonu. Nesaprotu, kā tagad neko nemainot dabūt tā, ka:

 

BANNERIS

KRĀSA (melnā, kas stiepsies no atvēruma lieluma).

BILDE

 

EDIT: Kāpēc, piemēram, pat bildi neatver, ja css ir:

#bg {
width: auto;
height: auto;
background: transparent;
margin: 0 auto ;
   background-image:url('images/bg3.jpg');
float:center;
}

 

un html <div id="bg">

 

? Pat neko neatver.

Edited by dcsdftw
Link to comment
Share on other sites

Tā arī ir, bet this shit doesn't work:

#bg {
width: auto;
height: auto;
background: transparent;
margin: 0 auto ;
   background-image:url('images/bg3.jpg');
float:center;
}

 

100%, ka mapē images ir bilde bg3.jpg. Kur tad ir problēma?

 

HTML apakša:

<div id="copyright">
<img class="stripe" src="images/copy_stripe.png" alt="" /><br />
<h3>WWW.DOMAIN.LV © 2011</h3>
</div>
<div id="wrap_content_bottom"></div>
<div id="bg">
</body>
</html>

Link to comment
Share on other sites

1) Palasi, ko 'float' dara. Nav tāds 'center'. Un tur nemaz Tev 'float' nevajag. Drīzāk 'margin: 0 auto;', tikai tad arī 'width' ir jābūt definētam!

2) Kā Tu iedomājies parādīt fonu, ja fons ir 'background: transparent'? Nezinu vai tā ir konkrētā problēma, bet šito arī izlabo;

Link to comment
Share on other sites

Biju prom no mājām, tāpēc arī laiciņu nerakstīju. Uztaisīju kā yancho teica (pagaidām fonu paņēmu kā saka uz "nahaļavu", lai redzētu, kā tas izskatās. Lieta tāda, ka uzspiežot F11(Full screen), stiepjas bilde (nobīdas), nevis krāsas daļa izplešas.

 

Bildes:

http://www.bildites.lv/images/e02nmsh937j2rn8m0iso.jpg

http://www.bildites.lv/images/69u26cbp0kxu9g5kpx.jpg

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...