Íomhánna Cúlra Coirp Déanta go héasca

html

Gné deas a gheobhaidh tú ar go leor suíomhanna is ea an áit ar cosúil go ndéanann limistéar ábhar an ionaid forleagan ar an leathanach le scáth titim taobh thiar de. Is modh measartha simplí é i ndáiríre chun go bhfeicfidh do bhlag go deas (nó suíomh Gréasáin eile) le híomhá cúlra amháin.

Conas a dhéantar é?

  1. Déan amach cé chomh leathan agus atá d’ábhar. Sampla: 750px.
  2. Tóg íomhá i d’fheidhmchlár léirithe (úsáidim Léaráidí) níos leithne ná réimse an ábhair. Sampla: 800px.
  3. Socraigh cúlra na híomhá sa chúlra is mian leat a bheith agat ar gach taobh den bhlag.
  4. Cuir réigiún bán leis an gcúlra.
  5. Cuir scáth ar an réigiún bán a easbhrúite ó gach taobh den réigiún.
  6. Socraigh an limistéar barr an leithead 1 picteilín ar airde. Fágfaidh sé sin go mbeidh an íomhá le híoslódáil deas agus dlúth le tabhairt go tapa.
  7. Aschur an íomhá.

Seo mar a thóg mé é ag úsáid Léaráidí (tabhair faoi deara go bhfuil an limistéar barr agam i bhfad níos airde ... sin díreach ionas go bhfeicfidh tú a bhfuil á dhéanamh agam):
Cúlra le Léaráidí

Seo sampla den chaoi a bhreathnódh an t-aschur leis an íomhá cúlra:
Sampla den Íomhá Cúlra

Seo mar is féidir an íomhá a chur i bhfeidhm ag baint úsáide as do chlib stíl choirp i do CSS comhad.

cúlra: # B2B2B2 url ('images / bg.gif') ionad athrá;

Seo díscaoileadh den chlib stíl chúlra:

  • # B2B2B2 - socraíonn sé dath cúlra foriomlán an leathanaigh. Sa sampla seo, tá sé liath an liath a mheaitseáil ar an íomhá cúlra.
  • url ('images / bg.gif') - leagann sé an íomhá cúlra ar mhaith leat a úsáid.
  • athrá-y - socraíonn sé an íomhá a athdhéanamh ar an y-ais. Mar sin athdhéanfaidh an íomhá cúlra ó bhun go barr an leathanaigh.
  • lár - leagann sé an íomhá i lár an leathanaigh.

Deas agus éasca… íomhá amháin, clib stíl amháin!

2 Comments

  1. 1
  2. 2

Cad é do bharúil?

Úsáideann an suíomh seo Akismet chun spam a laghdú. Foghlaim conas a dhéantar próiseáil ar do chuid tráchta.