Cleachd CSS airson Stoidhle Cloud Cloud
Tha an sgòb taghte na dhealbhadh lèirsinneach de liosta de nithean. Gu tric bidh tu a 'faicinn sgòthan tagaichean air blogaichean. Chaidh a dhèanamh mòr-chòrdte le làraich mar Flickr.
Tha sgòthan tagaichean liosta de cheanglaichean a tha ag atharrachadh ann am meud agus cuideam (uaireannan a 'dath a-steach cuideachd) a rèir cuid de dhìcheall a ghabhas tomhas. Tha a 'chuid as motha de sgòthan tagaichean air an togail a rèir an t-sluaigh no an àireamh de dhuilleagan a tha tagaichte leis a' chileag shònraichte sin. Ach faodaidh tu tag a chruthachadh sgam a-mach à liosta sam bith air an làrach agad aig a bheil co-dhiù dà dhòigh air an taisbeanadh. Mar eisimpleir:
- Liosta de dh'artaigilean ann an òrdugh na h-aibideil leis na stoidhlichean a tha a 'sealltainn cho mòr' sa tha na h-artaigilean.
- Liosta de làraichean-lìn ann an òrdugh na h-aibideil leis na stoidhlichean a 'sealltainn dè na rudan as fheàrr leat.
- Liosta de luchd-deasachaidh lìn a tha air an liostadh ann an òrdugh prìsean leis na stoidhlichean a 'sealltainn cho dlùth' sa tha iad a 'tighinn gu slatan-tomhais ro-mhìnichte.
- Liosta de charaidean leis na stoidhlichean a tha a 'sealltainn an astair bhon taigh agad fhèin.
Dè a dh 'fheumas tu airson Cloud Cloud a thogail?
Tha e furasta sgèile tag a thogail, chan eil agad ach dà rud a dhìth ort:
- Liosta de nithean (mar artaigilean lìn, làraichean-lìn, no do charaidean)
- Measadh airson gach rud (mar sheallaidhean duilleag gach latha, an ìre 1-10 agad, no an astar chun do thaigh).
Tha a 'chuid as motha de sgòthan tagaichean nan liostaichean de cheanglaichean, mar sin bidh e a' cuideachadh ma tha URL co-cheangailte ris gach nì. Ach chan eil sin riatanach gus inbhe lèirsinneach a chruthachadh.
Ceumannan gus Cloud Cloud Tag de Cheanglaichean Coileanta a thogail
Tha artaigilean aig an làrach agam a tha a 'faighinn seallaidhean duilleag gach latha, agus tha seo gu math furasta dhomh a chleachdadh gus cloud tag a chruthachadh. Mar sin airson an eisimpleir seo, cruthaichidh sinn sgòthan tag bho liosta de artaigilean, na 25 artaigilean as fheàrr air mo làrach airson seachdain 1 Faoilleach 2007.
- Obraich a-mach cia mheud ìre a tha thu ag iarraidh anns an òrdugh agad.
- Ged a tha e comasach dhut uiread de ìrean a bhith anns an sgòil agad oir tha nithean anns a 'chlàr agad, tha seo a' fàs trang airson còd, agus faodaidh na h-eadar-dhealachaidhean a bhith glè bheag. Tha mi a 'moladh gun a bhith nas fhaide na 10 ìrean anns an òrdugh agad.
- Co-dhùin air na puingean gearraidh airson gach ìre.
- Dh'fhaodadh e bhith cho sìmplidh ri bhith a 'gearradh do sheallaidhean air an duilleig gach latha a-steach do shlatan 1/10 - ie. ma gheibh thu an duilleag as motha air an làrach agad 100 seallaidhean duilleag gach latha, dh 'fhaodadh tu a chraoladh mar 100+, 90-100, 80-90, 70-80, msaa. Rinn mi na beachdan agam air an duilleig suas.
- Clàraich na nithean agad ann an òrdugh sealladh na duilleige, agus bheir iad dhaibh ìre stèidhichte air ceum 2
- Na gabh dragh mura h-eil nithean sam bith agad ann an cuid de na slots, a tha dìreach a 'dèanamh an neul nas inntinniche.
- Resort agad an liosta agad ann an òrdugh na h-aibideil (no dè an dàrna seòrsa a tha thu airson a chleachdadh).
- Seo mar a tha an neul inntinneach. Ma dh'fhàgas tu e ann an òrdugh le rang, bidh e dìreach na liosta leis na rudan as motha aig a 'mhullach sìos chun an fheadhainn as lugha aig a' bhonn.
- Sgrìobh do HTML gus am bi an rang na àireamh clas. class = "tag4"> A 'cur ri Streaming Files Fuaim
Aon uair 's gu bheil an HTML agad airson gach nì liosta fa leth, agus an òrdugh a tha thu airson an sealltainn, feumaidh tu co-dhùnadh a dhèanamh. Faodaidh tu na ceanglaichean a chur ann am paragraf agus bhiodh tu air a dhèanamh. Ach cha bhiodh seo air a chomharradh gu sgiobalta, agus bhiodh duine sam bith gun CSS a 'tighinn chun na taga agad a' faicinn paragraf mòr de cheanglaichean. Bhiodh an HTML airson an seòrsa seo de liosta a 'coimhead mar seo:
A 'cur sruth-thar-fhaidhlichean faidhliche Tags bunaiteach airson làrach-lìn am bathar-bog dealbhadh lìn as fheàrr A 'togail duilleag lìn airson a' chall gu lèir samhlachadh dath An àite sin, tha mi a 'moladh gun cruthaich thu an sgòthan tag agad a' cleachdadh liosta nach eil airidh air. Is e beagan loidhnichean eile a th 'ann de chòd HTML is CSS ach tha e a' dèanamh cinnteach gum bi an susbaint ri leughadh ge bith dè a thig a sheallas. Bhiodh an HTML a 'coimhead mar seo:
Ach Càite a bheil na Stoidhlean airson an Cloud Cloud
A-nise tha sinn a 'faighinn gu pàirt spòrsail-stoidhle CSS. Nuair a stàlaicheas tu sgòthan tag, mar as trice bidh tu a 'meudachadh meud an fhuaim agus cuideam an fhuaim. Faodaidh tu cuideachd dath an cruth-clò no an cùl-raon no adhbhar stoidhle sam bith eile atharrachadh, ach tha meud agus cuideam traidiseanta.
Feumaidh tu 10 clasaichean stoidhle, aon airson gach rang tag:
#cloud a.tag1 {font-size: 0.7em; font-weight: 100; } #cloud a.tag2 {font-size: 0.8em; font-weight: 200; } #cloud a.tag3 {font-size: 0.9em; font-weight: 300; } #cloud a.tag4 {font-size: 1.0em; font-weight: 400; } #cloud a.tag5 {font-size: 1.2em; font-weight: 500; } #cloud a.tag6 {font-size: 1.4em; font-weight: 600; } #cloud a.tag7 {font-size: 1.6em; font-weight: 700; } #cloud a.tag8 {font-size: 1.8em; cruth-cuideam: 800; } #cloud a.tag9 {font-size: 2.2em; cruth-cuideam: 900; } #cloud a.tag10 {font-size: 2.5em; cruth-cuideam: 900; }Is toigh leam a bhith a 'toirt a-steach cuid de stoidhlichean timcheall an sgòthan fhèin: cuir teacs na sgiobalta, cuir loidhne-àirde gus an tèid an sgòthan a leughadh, agus dèan cinnteach nach eil gleansadh aig na tagaichean ancaireachd orra:
#cloud {padding: 2px; àirde-loidhne: 3em; teacs-align: ionad; } #cloud a {padding: 0px; }Mu dheireadh, ma chleachdas tu an dòigh stoidhle semantic (ie an liosta neo-òrdaichte), feumaidh tu dà shreath eile de CSS a chur ris gus nach bi peilearan aig an liosta agus nach eil iad air an cleachdadh:
#cloud {marg: 0; } #cloud li {display: inline; }