OrdinadorsProgramació

Com fer un spoiler. opcions

Que desitgin crear llocs són ara molt. La majoria dels usuaris aprendran això pel seu compte, utilitzant diferents fonts. I, per descomptat, hi ha conceptes, que els futurs propietaris ni tan sols han sentit parlar. Però si es va posar a treballar, cal estudiar a fons. Per tant, la qüestió serà discutida en detall en l'article sobre com fer un spoiler en el recurs.

Comencem, per descomptat, amb la mateixa noció del que és i el que es requereix que l'objecte. Així que, molt sovint en els llocs presentar un altre tipus d'informació, que (per diverses raons) ha de ser ocultat inicialment a partir dels visitants. Això no és que no es mostra, sinó simplement per proporcionar només opcional. Aquí hi ha un aleró en html només per a aquest propòsit i s'utilitza. Conserva el contingut ocult original per al lloc. Però això no afecta la classificació del recurs pels motors de cerca, de manera que per a ells, aquest disseny està obert i no s'observa l'impacte negatiu. Qualsevol informació oculta es revela quan es fa clic a l'enllaç de dalt.

A més, com fer un spoiler, tants interessant, i amb quin propòsit es fa? Més sovint que els recursos bellesa exterior. Prenguem, per exemple, un lloc el disseny de la pàgina principal no és adequat per al text de grans dimensions. I el propietari ha de ser als motors de cerca de promoció de recursos, de manera que el contingut ha de ser voluminosa (article mida pot tenir un paper important). Aquí entra en la creació d'un spoiler. No obstant això, el seu ús és adequat per ocultar informació auxiliar, o que no sempre vulgui llegir.

No tothom vol llegir-los, però no pot escapar. Hi ha una manera de protegir els usuaris d'aquesta ficció. Això està creant un botó que oculta qualsevol tipus d'aleró en el fòrum, article, etc. Crear pot ser diferent. La forma més fàcil d'utilitzar la classe d'entrada de codi HTML = "botó". Al principi, només ha de assegurar-se que quan s'agrega la informació pot enganxar codi, i si és així, el botó començarà a treballar immediatament després de la inserció del text en el lloc correcte.

Aquesta versió és adequat per al lloc creat en ucoz. Però fins i tot després que el botó podria no funcionar a causa de que requereix una configuració addicional. En primer lloc - això és la seva aparença. Llavors - identificador que ha de ser únic. I, finalment, en el codi de la pàgina en la qual desitja que el material abans d'afegir l'etiqueta a la seqüència de comandaments que és responsable de la correcta operació d'un botó. És important col·locar-lo, i no només sap com fer un spoiler.

Ara analitzar la mateixa funció, però només per al lloc s'ha fet per WordPress. La forma més senzilla és utilitzar el plugin avançada Aleró, que és fàcil de descarregar de molts recursos. La seva instal·lació és estàndard:

- descomprimir l'arxiu a l'ordinador;

- connexió al lloc via FTP-client (el més popular - Total Commander);

- carregar arxius al seu allotjament;

- en el lloc d'administració, a la recerca de la secció "Plugins - inactiu" i activar la recentment instal·lada. Un cop executat, es començarà a treballar. Ara, afegint material en qualsevol editor, tant en visual i en html, serà visible el botó «Spoiler». A més de la informació necessària entre les etiquetes [spoiler] [/ spoiler] i crea un spoiler. Si el propietari és molt versat, el tap pot estar lleugerament reconfigurada.

I una manera de fer un spoiler en el lloc. En primer lloc, cal connectar la biblioteca jQuery i l'anomenat "Pribluda» JS, que es requereix per tal d'aleró es plega i desplega més o menys sense problemes. A la pàgina dreta del lloc, en el panell d'administració, es col·loca el codi requerit entre les etiquetes. Al costat de la funció per defecte s'ha tancat, en el CSS-arxiu per afegir una línia .splCont {display: none; padding: 5px 3px;}. Si hi ha un document d'aquest tipus, no és tan temible. La inscripció es pot posar en qualsevol lloc de la dreta en el text, el més important - per a la col·locació de l'aleró. I finalment ... posar-se entre l'ocultació de la informació de codi.

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 ca.atomiyme.com. Theme powered by WordPress.